/* Start:/local/templates/main/components/bitrix/menu/top_menu/style.css?17920097922865*/
.header__toggle {
  width: 44px;
  height: 44px;
  padding: 11px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.header__burger {
  position: relative;
  width: 24px;
  height: 14px;
  flex: none;
}
.header__burger:after, .header__burger:before {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  width: 24px;
  height: 2px;
  background-color: currentColor;
  border-radius: 0;
  transition: transform 0.2s ease;
}
.header__burger:after {
  transform: translateY(4px);
}
.header__burger:before {
  transform: translateY(-4px);
}

.header--open .header__burger:before {
  transform: rotate(45deg);
}
.header--open .header__burger:after {
  transform: rotate(-45deg);
}

@media (prefers-reduced-motion: reduce) {
  .header__burger:before, .header__burger:after {
    transition: none;
  }
}
.header__menu {
  display: flex;
  justify-content: flex-end;
  flex: 1;
  min-width: 0;
}

.header__control {
  display: flex;
  gap: var(--header-menu-gap, 24px);
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: cnt;
}

.header__point {
  white-space: nowrap;
  font-weight: 700;
  text-transform: uppercase;
  counter-increment: cnt;
  line-height: 1;
  color: #fff;
}
.header__point:before {
  content: "0" counter(cnt);
  font-size: 0.625em;
  display: block;
  line-height: 1;
  margin-bottom: 0.3rem;
}
.header__point {
  font-size: var(--header-menu-font-size, 16px);
}
.header__point a {
  color: #fff;
  font-size: inherit;
}
.header__point a:hover {
  color: #fff;
}
.header__point.active a {
  color: #fff;
}
.header__point.active a:hover {
  color: #fff;
}

@media (min-width: 992px) and (max-width: 1399px) {
  .header {
    --header-menu-font-size: clamp(0.875rem, 0.5711rem + 0.4902vw, 1rem);
  }
}
@media (max-width: 991px) {
  .header__menu {
    position: fixed;
    inset: 0;
    overflow: auto;
    background-color: #fff;
    padding: calc(var(--header-bar-height, 56px) + 24px) 24px 32px;
    opacity: 0;
    visibility: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  .header__nav {
    margin-block: auto;
  }
  .header__control {
    flex-direction: column;
    align-items: center;
    gap: clamp(1rem, 3vh, 2rem);
  }
  .header__point {
    color: #070e14;
    font-size: clamp(1.5rem, 1.15rem + 1.75vw, 2rem);
  }
  .header__point:before {
    text-align: center;
  }
  .header__point a {
    display: flex;
    align-items: center;
    min-height: 44px;
    color: #070e14;
  }
  .header__point a:hover {
    color: #070e14;
    opacity: 0.55;
  }
  .header__point.active a {
    color: #070e14;
    opacity: 0.55;
  }
  .header__point.active a:hover {
    color: #070e14;
    opacity: 0.55;
  }
  .header--open .header__menu {
    opacity: 1;
    visibility: visible;
  }
}

/* End */


/* Start:/local/templates/main/styles.css?179200979277*/
.main ul,
.main ol {
  margin-bottom: 30px;
}
.main p {
  font-size: 20px;
}

/* End */


/* Start:/local/templates/main/template_styles.css?1792009792116964*/
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/local/templates/main/./fonts/roboto-condensed/roboto-condensed-300.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/main/./fonts/roboto-condensed/roboto-condensed-400.woff2") format("woff2");
}
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/main/./fonts/roboto-condensed/roboto-condensed-700.woff2") format("woff2");
}
html {
  box-sizing: border-box;
  cursor: default;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

:root {
  --primary-black: #070e14;
  --main-font:
    "Roboto Condensed", sans-serif, Arial, "Apple Color Emoji",
    "NotoColorEmoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

@media (min-width: 576px) {
  :root {
    --common-block-gap-horizontal: 48px;
  }
}
@media (min-width: 768px) {
  :root {
    --common-text-font-size-decor: 1.75rem;
    --common-text-line-height-decor: 2.25rem;
    --common-element-gap-horizontal: 56px;
    --common-element-gap-vertical: 48px;
    --common-block-gap-horizontal: 56px;
    --common-block-gap-vertical: 80px;
    --common-logo-width: 88px;
  }
}
@media (min-width: 1194px) {
  :root {
    --common-logo-width: 88px;
    --common-logo-padding: var(--common-logo-width);
  }
}
@media (min-width: 1400px) {
  :root {
    --common-logo-width: 88px;
    --common-logo-padding: var(--common-logo-width);
  }
}
:root {
  --base-h1-font-size: clamp(40px, 7vw, 104px);
  --base-h1-line-height: 1.1;
  --base-h2-font-size: clamp(30px, 4vw, 56px);
  --base-h2-line-height: 1.15;
  --base-h3-font-size: clamp(24px, 2.4vw, 34px);
  --base-h3-line-height: 1.2;
}

body {
  font-family: var(--main-font);
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #070e14;
  background-color: #fff;
  min-width: 320px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  font-display: swap;
  margin: 0;
}

.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 700;
  overflow-wrap: break-word;
}

h1, .h1 {
  font-size: var(--base-h1-font-size);
  line-height: var(--base-h1-line-height);
}

h2, .h2 {
  font-size: var(--base-h2-font-size);
  line-height: var(--base-h2-line-height);
}

h3, .h3 {
  font-size: var(--base-h3-font-size);
  line-height: var(--base-h3-line-height);
}

.common-text {
  font-size: 1rem;
  line-height: 1.5rem;
}

.common-text,
.common-text-small {
  font-weight: 400;
}

.common-text-small {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.common-text-large {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.common-text-large,
.common-text-remark {
  font-weight: 400;
}

.common-text-remark {
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.common-text-label {
  font-size: 1rem;
  line-height: 1.5rem;
}

.common-text-decor,
.common-text-label {
  font-weight: 400;
}

.common-text-decor {
  font-size: 1.5rem;
  font-size: var(--common-text-font-size-decor, 1.5rem);
  line-height: 2rem;
  line-height: var(--common-text-line-height-decor, 2rem);
  font-style: italic;
}

@media (min-width: 768px) {
  .common-text-decor {
    line-height: 2.25rem;
    line-height: var(--common-text-line-height-decor, 2rem);
    font-size: 1.75rem;
    font-size: var(--common-text-font-size-decor, 1.5rem);
  }
}
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
  box-shadow: none;
}

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

ol,
ul {
  padding-left: 0;
  list-style-type: none;
}

ol,
p,
ul {
  margin-top: 0;
  margin-bottom: 0;
}

blockquote,
figure {
  margin: 0;
}

a {
  cursor: pointer;
  color: #070e14;
  color: var(--base-link-color, #070e14);
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  transition-property: color;
  text-decoration: none;
}

a:not([href]) {
  color: currentColor;
  color: var(--base-link-color, #070e14);
}

a:hover {
  color: #060b10;
  color: var(--base-link-color-hover, #060b10);
}

a:hover:not([href]) {
  color: currentColor;
  color: var(--base-link-color-hover, #060b10);
}

.inverse a,
a.inverse {
  color: #070e14;
  color: var(--base-inverse-link-color, #070e14);
}

.inverse a:hover,
a.inverse:hover {
  color: #060b10;
  color: var(--base-inverse-link-color-hover, #060b10);
}

a:not([href]),
a[href^=tel] {
  --base-link-color: currentColor;
  --base-link-color-hover: currentColor;
  cursor: default;
}

a[href^=tel] {
  white-space: nowrap;
}

[role=button],
[type=button],
[type=reset],
[type=submit],
button {
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  text-transform: inherit;
  color: inherit;
  text-align: left;
  padding: 0;
  border: none;
  background-color: transparent;
  margin: 0;
}

[role=button][disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled],
button[disabled] {
  cursor: auto;
}

input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text] {
  margin: 0;
}

input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
textarea {
  display: block;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  padding: 0;
  border: none;
  background-color: transparent;
}

textarea {
  resize: vertical;
}

img,
video {
  max-width: 100%;
  height: auto;
  display: block;
}

svg,
use {
  transform: translateZ(0);
  display: block;
}

hr {
  border: 0;
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: undefined;
  background-color: var(--common-baseColor-divider);
}

.link {
  cursor: pointer;
  color: #070e14;
  color: var(--base-link-color, #070e14);
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  transition-property: color;
}

.link:hover {
  color: #060b10;
  color: var(--base-link-color-hover, #060b10);
}

.inverse .link,
.link.inverse {
  color: #070e14;
  color: var(--base-inverse-link-color, #070e14);
}

.inverse .link:hover,
.link.inverse:hover {
  color: #060b10;
  color: var(--base-inverse-link-color-hover, #060b10);
}

.scene {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px;
  padding: var(--common-block-gap-vertical, 48px) var(--common-block-gap-horizontal, 24px);
  color: inherit;
  color: var(--scene-color, inherit);
  background-color: transparent;
  background-color: var(--scene-background-color, transparent);
}

@media (min-width: 768px) {
  .scene {
    padding-left: 56px;
    padding-left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .scene {
    padding-left: 48px;
    padding-left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 768px) {
  .scene {
    padding-bottom: 80px;
    padding-bottom: var(--common-block-gap-vertical, 48px);
    padding-right: 56px;
    padding-right: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .scene {
    padding-right: 48px;
    padding-right: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 768px) {
  .scene {
    padding-top: 80px;
    padding-top: var(--common-block-gap-vertical, 48px);
  }
}
.scene--fluid {
  padding-left: 0;
}

.scene + .scene {
  padding-top: 0;
}

.inverse .scene {
  color: #fff;
  color: var(--scene-inverse-color, #fff);
  background-color: #070e14;
  background-color: var(--scene-inverse-background-color, #070e14);
  padding-top: 48px;
  padding-top: var(--common-block-gap-vertical, 48px);
}

@media (min-width: 768px) {
  .inverse .scene {
    padding-top: 80px;
    padding-top: var(--common-block-gap-vertical, 48px);
  }
}
.scene.inverse {
  color: #fff;
  color: var(--scene-inverse-color, #fff);
  background-color: #070e14;
  background-color: var(--scene-inverse-background-color, #070e14);
  padding-top: 48px;
  padding-top: var(--common-block-gap-vertical, 48px);
}

@media (min-width: 768px) {
  .scene.inverse {
    padding-top: 80px;
    padding-top: var(--common-block-gap-vertical, 48px);
  }
}
.grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  width: calc(100% + var(--common-element-gap-horizontal, 24px));
  max-width: calc(100% + 24px);
  max-width: calc(var(--common-element-max-width, 100%) + var(--common-element-gap-horizontal, 24px));
  margin-right: -24px;
  margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
  margin-bottom: -40px;
  margin-bottom: calc(var(--common-element-gap-vertical, 40px) * -1);
}

@media (min-width: 768px) {
  .grid {
    margin-bottom: -48px;
    margin-bottom: calc(var(--common-element-gap-vertical, 40px) * -1);
    margin-right: -56px;
    margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
    max-width: calc(100% + 56px);
    max-width: calc(var(--common-element-max-width, 100%) + var(--common-element-gap-horizontal, 24px));
    width: calc(100% + 56px);
    width: calc(100% + var(--common-element-gap-horizontal, 24px));
  }
}
.grid + .grid {
  margin-top: 40px;
  margin-top: var(--common-element-gap-vertical, 40px);
}

@media (min-width: 768px) {
  .grid + .grid {
    margin-top: 48px;
    margin-top: var(--common-element-gap-vertical, 40px);
  }
}
@media (min-width: 992px) {
  .grid--sidar {
    --common-element-width: 75%;
  }
}
@media (min-width: 1194px) {
  .grid--sidar {
    --common-element-width: 66.66%;
  }
}
@media (min-width: 1194px) {
  .grid--navahopi {
    --common-element-width: 83.33%;
  }
}
@media (min-width: 992px) {
  .grid--jordan {
    --common-element-width: 50%;
  }
}
@media (min-width: 768px) {
  .grid--meskit {
    --common-element-width: 50%;
  }
}
@media (min-width: 992px) {
  .grid--meskit {
    --common-element-width: 33.33%;
  }
}
@media (min-width: 576px) {
  .grid--amara {
    --common-element-width: 50%;
  }
}
@media (min-width: 992px) {
  .grid--amara {
    --common-element-width: 33.33%;
  }
}
@media (min-width: 1194px) {
  .grid--amara {
    --common-element-width: 25%;
  }
}
@media (min-width: 768px) {
  .grid--blog {
    --common-element-width: 100%;
    max-width: 1000px;
  }
}
.grid__item {
  width: 100%;
  width: var(--common-element-width, 100%);
  border-left: 0 solid transparent;
  border-top: 0 solid transparent;
  border-right: 24px solid transparent;
  border-right-width: var(--common-element-gap-horizontal, 24px);
  border-bottom: 40px solid transparent;
  border-bottom-width: var(--common-element-gap-vertical, 40px);
}

@media (min-width: 768px) {
  .grid__item {
    border-bottom-width: 48px;
    border-bottom-width: var(--common-element-gap-vertical, 40px);
    border-right-width: 56px;
    border-right-width: var(--common-element-gap-horizontal, 24px);
  }
}
@media (min-width: 992px) {
  .grid--orchard .grid__item:nth-child(odd) {
    --common-element-width: 58.33%;
  }
}
@media (min-width: 992px) {
  .grid--orchard .grid__item:nth-child(2n),
  .grid--ridge .grid__item:nth-child(odd) {
    --common-element-width: 41.66%;
  }
}
@media (min-width: 992px) {
  .grid--ridge .grid__item:nth-child(2n) {
    --common-element-width: 58.33%;
  }
}
.btn,
.button {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 400;
  color: #fff;
  color: var(--button-color, #fff);
  background-color: #070e14;
  background-color: var(--button-background-color, #070e14);
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  padding: 22px 38px;
  padding: calc(var(--button-padding-vertical, 22px) - var(--button-border-width, 0px)) calc(var(--button-padding-horizontal, 38px) - var(--button-border-width, 0px));
  min-height: calc(1.5rem + 44px);
  min-height: calc(var(--common-text-line-height-label, 1.5rem) + var(--button-padding-vertical, 22px) * 2);
  min-width: calc(1.5rem + 44px);
  min-width: calc(var(--common-text-line-height-label, 1.5rem) + var(--button-padding-vertical, 22px) * 2);
  border-radius: 4px;
  border-radius: var(--button-border-radius, 4px);
  justify-content: center;
  white-space: nowrap;
  border-width: 0;
  border-color: transparent;
  border: var(--button-border-width, 0) solid var(--button-border-color, transparent);
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
  transition-property: box-shadow, color, border-color, background-color;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-weight: 700;
  box-shadow: 0 80px 120px rgba(0, 0, 0, 0.1), 0 45px 56px rgba(0, 0, 0, 0.1);
  min-width: 320px;
  transition: margin-bottom 0.2s ease-out, box-shadow 0.2s ease-out;
}

@media (max-width: 575px) {
  .btn,
  .button {
    min-width: 100%;
    font-size: 1rem;
  }
}
.btn:focus,
.button:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(7, 14, 20, 0.5);
  box-shadow: 0 0 0 4px var(--button-outline-color-focus, rgba(7, 14, 20, 0.5));
}

.btn:not([disabled]):not([aria-disabled=true]):hover,
.button:not([disabled]):not([aria-disabled=true]):hover {
  color: #fff;
  color: var(--button-color-hover, #fff);
  background-color: #060b10;
  background-color: var(--button-background-color-hover, #060b10);
  border-color: transparent;
  border-color: var(--button-border-color-hover, transparent);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.1);
}

.btn:not([disabled]):not([aria-disabled=true]):active,
.button:not([disabled]):not([aria-disabled=true]):active {
  transform: translateY(1px);
}

.btn--arrow:after,
.button--arrow:after {
  content: "";
  background-image: url(/images/arrow-white.svg);
  width: 25px;
  height: 16px;
  display: block;
  margin-left: 23px;
  background-repeat: no-repeat;
  transition: translate 0.2s ease-out;
}

@media (max-width: 575px) {
  .btn--arrow:after,
  .button--arrow:after {
    background-size: contain;
    width: 19px;
    height: 12px;
  }
}
.btn.inverse,
.button.inverse,
.inverse .btn,
.inverse .button {
  color: #fff;
  color: var(--button-inverse-color, #fff);
  background-color: #148eff;
  background-color: var(--button-inverse-background-color, #148eff);
  border-color: transparent;
  border-color: var(--button-inverse-border-color, transparent);
}

.btn.inverse:focus,
.button.inverse:focus,
.inverse .btn:focus,
.inverse .button:focus {
  box-shadow: 0 0 0 4px rgba(20, 142, 255, 0.5);
  box-shadow: 0 0 0 4px var(--button-inverse-outline-color-focus, rgba(20, 142, 255, 0.5));
}

.btn.inverse:not([disabled]):not([aria-disabled=true]):hover,
.button.inverse:not([disabled]):not([aria-disabled=true]):hover,
.inverse .btn:not([disabled]):not([aria-disabled=true]):hover,
.inverse .button:not([disabled]):not([aria-disabled=true]):hover {
  color: #fff;
  color: var(--button-inverse-color-hover, #fff);
  background-color: #1072cc;
  background-color: var(--button-inverse-background-color-hover, #1072cc);
  border-color: transparent;
  border-color: var(--button-inverse-border-color-hover, transparent);
}

.btn--outline,
.button--outline {
  --button-border-width: 1px;
  --button-color: #070e14;
  --button-background-color: transparent;
  --button-border-color: rgba(7, 14, 20, 0.4);
  --button-color-hover: #070e14;
  --button-background-color-hover: transparent;
  --button-border-color-hover: #070e14;
}

.btn--outline.inverse,
.button--outline.inverse,
.inverse .btn--outline,
.inverse .button--outline {
  --button-inverse-color: #fff;
  --button-inverse-background-color: transparent;
  --button-inverse-border-color: hsla(0, 0%, 100%, 0.18);
  --button-inverse-color-hover: #fff;
  --button-inverse-background-color-hover: transparent;
  --button-inverse-border-color-hover: hsla(0, 0%, 100%, 0.4);
  --button-inverse-outline-color-focus: hsla(0, 0%, 100%, 0.2);
}

.btn--link,
.button--link {
  --button-padding-horizontal: 0;
  --button-padding-vertical: 0;
  --button-border-radius: 0;
  --button-color: #070e14;
  --button-background-color: transparent;
  --button-color-hover: #060b10;
  --button-background-color-hover: transparent;
}

.btn--link.inverse,
.button--link.inverse,
.inverse .btn--link,
.inverse .button--link {
  --button-inverse-color: #148eff;
  --button-inverse-background-color: transparent;
  --button-inverse-color-hover: #1072cc;
  --button-inverse-background-color-hover: transparent;
}

.btn--small,
.button--small {
  --button-padding-horizontal: 16px;
  --button-padding-vertical: 8px;
}

:is(.btn, .button) .ui-arrow {
  transition: translate 0.2s ease-out;
}

:is(.btn--arrow, .button--arrow):not([disabled]):not([aria-disabled=true]):is(:hover, :focus-visible)::after,
:is(.btn, .button):not([disabled]):not([aria-disabled=true]):is(:hover, :focus-visible) .ui-arrow {
  translate: 6px 0;
}

:is(.btn, .button):is(:disabled, [disabled], [aria-disabled=true]) {
  color: var(--button-disabled-color, #697278);
  background-color: var(--button-disabled-background-color, #e8eaeb);
  border-color: var(--button-disabled-border-color, #cdd2d5);
  box-shadow: inset 0 0 0 1px var(--button-disabled-border-color, #cdd2d5);
  cursor: not-allowed;
  opacity: 1;
  transform: none;
}
:is(.btn, .button):is(:disabled, [disabled], [aria-disabled=true])::after,
:is(.btn, .button):is(:disabled, [disabled], [aria-disabled=true]) .ui-arrow {
  translate: none;
  transition: none;
}

@media (prefers-reduced-motion: reduce) {
  .btn--arrow::after,
  .button--arrow::after,
  :is(.btn, .button) .ui-arrow {
    transition: none;
    translate: none !important;
  }
}
.quote {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.quote__main {
  font-size: 1.5rem;
  font-size: var(--common-text-font-size-decor, 1.5rem);
  line-height: 2rem;
  line-height: var(--common-text-line-height-decor, 2rem);
  font-weight: 400;
  font-style: italic;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .quote__main {
    line-height: 2.25rem;
    line-height: var(--common-text-line-height-decor, 2rem);
    font-size: 1.75rem;
    font-size: var(--common-text-font-size-decor, 1.5rem);
  }
}
.quote__main:after,
.quote__main:before {
  position: absolute;
  content: "";
  background-size: 100% 100%;
  z-index: -1;
}

.quote__main:before {
  transform: translate3d(-30%, -40%, 0);
  top: 0;
  left: 0;
}

@media (min-width: 768px) {
  .quote__main:before {
    transform: translate3d(-50%, -40%, 0);
  }
}
.quote__main:after {
  transform: translate3d(30%, 40%, 0);
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  .quote__main:after {
    transform: translate3d(50%, 40%, 0);
  }
}
[lang^=ru] .quote__main:after,
[lang^=ru] .quote__main:before {
  width: 56px;
  height: 54px;
}

@media (min-width: 768px) {
  [lang^=ru] .quote__main:after,
  [lang^=ru] .quote__main:before {
    width: 110px;
    height: 106px;
  }
}
[lang^=ru] .quote__main:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 56 54' xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.18)' stroke-width='0' aria-hidden='true'%3E%3Cpath d='M0 27.4v-2l6.8-6A560.6 560.6 0 0028.3 0L31 2.4 11.2 26.7l14 25.4-3 1.9a796 796 0 00-9.6-12.2L0 27.4zm26.3.1v-2.3A782 782 0 0053.3 0L56 2.4 37 26.6l13.1 25.5-2.9 1.8-11-14.5a178.1 178.1 0 00-10-11.9z'/%3E%3C/svg%3E");
}

[lang^=ru] .quote__main:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 56 54' xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.18)' stroke-width='0' aria-hidden='true'%3E%3Cpath d='M0 51.8L18.9 27 6.2 2 9 0l10 13.5c2.5 3.1 6 7.5 10.8 13.2v1.8A794.4 794.4 0 002.8 54L0 51.8zm25.1-.2L44.7 27 31 1.9 33.8 0C38.6 6.2 42 10.4 44 12.7l12.1 14v1.9a715.7 715.7 0 00-28.3 25.3l-2.6-2.3z'/%3E%3C/svg%3E");
}

[lang^=en] .quote__main:after,
[lang^=en] .quote__main:before {
  width: 58px;
  height: 44px;
}

@media (min-width: 768px) {
  [lang^=en] .quote__main:after,
  [lang^=en] .quote__main:before {
    width: 118px;
    height: 88px;
  }
}
[lang^=en] .quote__main:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 58 44' xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.18)' stroke-width='0' aria-hidden='true'%3E%3Cpath d='M25.8 3.8a58.4 58.4 0 00-6.1 9.3c-.9 1.7-1.5 3.4-2 5.2-.5 1.7-.8 3.3-.8 5 0 1.2.2 2.3.7 3.2a6.5 6.5 0 004.6 3.6c1 .2 2.1.3 3.3.3l.6 6A73.2 73.2 0 015.2 44l-1.8-1.6a14.1 14.1 0 01-3-5.7A24.3 24.3 0 012 23.1 55.5 55.5 0 0121.3 0l4.5 3.8zm32 0a58.4 58.4 0 00-6.2 9.3c-.9 1.7-1.5 3.4-2 5.2-.6 1.7-.8 3.3-.8 5 0 1.2.2 2.3.7 3.2a6.5 6.5 0 004.6 3.6c1 .2 2.1.3 3.3.3l.6 6A73.2 73.2 0 0137.1 44l-1.8-1.6a14.1 14.1 0 01-3-5.7 24.3 24.3 0 011.5-13.6A55.5 55.5 0 0153.2 0l4.5 3.8z'/%3E%3C/svg%3E");
}

[lang^=en] .quote__main:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 58 44' xmlns='http://www.w3.org/2000/svg' fill='rgba(0, 0, 0, 0.18)' stroke-width='0' aria-hidden='true'%3E%3Cpath d='M26.1 11.5c0 3.2-.6 6.3-2 9.4A55.5 55.5 0 014.8 44L.4 40.3a47.8 47.8 0 008.2-14.4c.5-1.7.7-3.4.7-5 0-1.3-.2-2.4-.7-3.3A6.9 6.9 0 004 14c-1-.3-2.1-.4-3.3-.4l-.6-6a47.8 47.8 0 015.6-2.9A77.8 77.8 0 0121 0c.6.4 1.2 1 1.8 1.7.6.6 1.2 1.4 1.7 2.4a16 16 0 011.7 7.4zm31.9 0c0 3.2-.6 6.3-2 9.4a55.5 55.5 0 01-19.4 23l-4.4-3.7a47.8 47.8 0 008.1-14.4c.5-1.7.8-3.4.8-5 0-1.3-.2-2.4-.7-3.3a6.9 6.9 0 00-4.6-3.5c-1-.3-2.1-.4-3.3-.4l-.6-6a47.8 47.8 0 015.6-2.9A77.8 77.8 0 0152.7 0c.6.4 1.2 1 1.8 1.7.7.6 1.3 1.4 1.8 2.4a16 16 0 011.7 7.4z'/%3E%3C/svg%3E");
}

.inverse [lang^=ru] .quote__main:before,
[lang^=ru] .inverse .quote__main:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 56 54' xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.18)' stroke-width='0' aria-hidden='true'%3E%3Cpath d='M0 27.4v-2l6.8-6A560.6 560.6 0 0028.3 0L31 2.4 11.2 26.7l14 25.4-3 1.9a796 796 0 00-9.6-12.2L0 27.4zm26.3.1v-2.3A782 782 0 0053.3 0L56 2.4 37 26.6l13.1 25.5-2.9 1.8-11-14.5a178.1 178.1 0 00-10-11.9z'/%3E%3C/svg%3E");
}

.inverse [lang^=ru] .quote__main:after,
[lang^=ru] .inverse .quote__main:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 56 54' xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.18)' stroke-width='0' aria-hidden='true'%3E%3Cpath d='M0 51.8L18.9 27 6.2 2 9 0l10 13.5c2.5 3.1 6 7.5 10.8 13.2v1.8A794.4 794.4 0 002.8 54L0 51.8zm25.1-.2L44.7 27 31 1.9 33.8 0C38.6 6.2 42 10.4 44 12.7l12.1 14v1.9a715.7 715.7 0 00-28.3 25.3l-2.6-2.3z'/%3E%3C/svg%3E");
}

.inverse [lang^=en] .quote__main:before,
[lang^=en] .inverse .quote__main:before {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 58 44' xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.18)' stroke-width='0' aria-hidden='true'%3E%3Cpath d='M25.8 3.8a58.4 58.4 0 00-6.1 9.3c-.9 1.7-1.5 3.4-2 5.2-.5 1.7-.8 3.3-.8 5 0 1.2.2 2.3.7 3.2a6.5 6.5 0 004.6 3.6c1 .2 2.1.3 3.3.3l.6 6A73.2 73.2 0 015.2 44l-1.8-1.6a14.1 14.1 0 01-3-5.7A24.3 24.3 0 012 23.1 55.5 55.5 0 0121.3 0l4.5 3.8zm32 0a58.4 58.4 0 00-6.2 9.3c-.9 1.7-1.5 3.4-2 5.2-.6 1.7-.8 3.3-.8 5 0 1.2.2 2.3.7 3.2a6.5 6.5 0 004.6 3.6c1 .2 2.1.3 3.3.3l.6 6A73.2 73.2 0 0137.1 44l-1.8-1.6a14.1 14.1 0 01-3-5.7 24.3 24.3 0 011.5-13.6A55.5 55.5 0 0153.2 0l4.5 3.8z'/%3E%3C/svg%3E");
}

.inverse [lang^=en] .quote__main:after,
[lang^=en] .inverse .quote__main:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 58 44' xmlns='http://www.w3.org/2000/svg' fill='rgba(255, 255, 255, 0.18)' stroke-width='0' aria-hidden='true'%3E%3Cpath d='M26.1 11.5c0 3.2-.6 6.3-2 9.4A55.5 55.5 0 014.8 44L.4 40.3a47.8 47.8 0 008.2-14.4c.5-1.7.7-3.4.7-5 0-1.3-.2-2.4-.7-3.3A6.9 6.9 0 004 14c-1-.3-2.1-.4-3.3-.4l-.6-6a47.8 47.8 0 015.6-2.9A77.8 77.8 0 0121 0c.6.4 1.2 1 1.8 1.7.6.6 1.2 1.4 1.7 2.4a16 16 0 011.7 7.4zm31.9 0c0 3.2-.6 6.3-2 9.4a55.5 55.5 0 01-19.4 23l-4.4-3.7a47.8 47.8 0 008.1-14.4c.5-1.7.8-3.4.8-5 0-1.3-.2-2.4-.7-3.3a6.9 6.9 0 00-4.6-3.5c-1-.3-2.1-.4-3.3-.4l-.6-6a47.8 47.8 0 015.6-2.9A77.8 77.8 0 0152.7 0c.6.4 1.2 1 1.8 1.7.7.6 1.3 1.4 1.8 2.4a16 16 0 011.7 7.4z'/%3E%3C/svg%3E");
}

.quote__divider {
  width: 100px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.18);
  margin-bottom: 16px;
}

.inverse .quote__divider {
  background-color: hsla(0, 0%, 100%, 0.18);
}

.quote__person {
  margin-top: 16px;
}

.price {
  display: flex;
  align-items: baseline;
}

.price--old {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}

.inverse .price--old,
.price--old.inverse {
  color: hsla(0, 0%, 100%, 0.46);
}

.price__before {
  margin-right: 0.4em;
  order: 1;
}

.price:not(.price--old) .price__currency,
.price:not(.price--old) .price__value {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 400;
}

.price__value {
  order: 2;
}

[lang^=en] .price__value {
  order: 3;
  margin-left: 0.2em;
}

.price--old .price__value {
  position: relative;
}

.price--old .price__value:before {
  position: absolute;
  content: "";
  background-color: rgba(0, 0, 0, 0.18);
  height: 1px;
  width: 40px;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) rotate(25deg);
}

.inverse .price--old .price__value:before {
  background-color: hsla(0, 0%, 100%, 0.18);
}

.price__currency {
  order: 3;
}

[lang^=ru] .price__currency {
  margin-left: 0.2em;
}

[lang^=en] .price__currency {
  order: 2;
}

.price__after {
  margin-left: 0.4em;
  order: 4;
}

.person {
  display: flex;
  position: relative;
  z-index: 1;
}

.person--gravity {
  flex-direction: column;
}

.person__avatar {
  position: relative;
  flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.person__avatar:before {
  position: absolute;
  z-index: -1;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.18);
}

.inverse .person__avatar:before {
  background-color: hsla(0, 0%, 100%, 0.18);
}

.person__image {
  position: relative;
  z-index: -1;
  max-width: none;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.person:not(.person--gravity) .person__avatar + .person__content {
  margin-left: 12px;
}

.person--gravity .person__avatar + .person__content {
  margin-top: 8px;
}

.person__note {
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}

.inverse .person__note {
  color: hsla(0, 0%, 100%, 0.46);
}

.header {
  --header-logo-width: clamp(4.25rem, 3.89rem + 1.79vw, 5rem);
  --header-bar-height: clamp(3.5rem, 3.25rem + 1.25vw, 4rem);
  --header-menu-font-size: 1rem;
  --header-menu-gap: clamp(1.5rem, -7.01rem + 13.73vw, 5rem);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 100;
  font-size: 0.75rem;
}

.header__grid {
  max-width: var(--common-element-max-width, 100%);
  margin-inline: auto;
}

.header__bar {
  display: flex;
}

.header__logo {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

.header__logo a {
  display: block;
  color: transparent;
}

.header__logo a svg {
  display: block;
  width: var(--header-logo-width);
  height: auto;
  fill: #070e14;
}

.header__icon {
  display: flex;
}

.header__icon + .header__icon {
  margin-left: 24px;
}

@media (max-width: 991px) {
  .header__bar {
    position: relative;
    z-index: 1;
    min-height: var(--header-bar-height);
    align-items: center;
    padding-inline: var(--common-block-gap-horizontal, 24px);
  }
  .header--sticky .header__bar,
  .header--open .header__bar {
    background-color: #fff;
  }
  .header__tool {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 24px;
  }
  .header__mmm {
    margin-left: auto;
    display: flex;
    align-items: center;
  }
  .header___menu_overline {
    display: none;
  }
}
@media (min-width: 992px) {
  .header {
    --header-logo-width: clamp(5rem, 3.7843rem + 1.9608vw, 5.5rem);
    mix-blend-mode: difference;
    padding-inline: var(--common-block-gap-horizontal, 24px);
    padding-top: clamp(1.5rem, 2.5vw, 2.5rem);
  }
  .header__grid {
    display: flex;
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3.5rem);
  }
  .header__bar {
    flex-shrink: 0;
  }
  .header__logo a svg {
    fill: #fff;
  }
  .header__tool,
  .header__mmm {
    display: none;
  }
  .header___menu_overline .line {
    width: 0;
    height: 0;
    top: 0;
    position: absolute;
    background-color: #fff;
    transition: height 0.1s ease-in-out;
  }
  .header___menu_overline .line.inited {
    height: 4px;
    transition: height 0.1s ease-in-out, width 0.3s ease-in-out, left 0.3s ease-in-out;
  }
}
@media (min-width: 1400px) {
  .header {
    --header-logo-width: clamp(5.5rem, 0.1154rem + 6.1538vw, 7.5rem);
    --header-menu-font-size: clamp(1rem, 0.3269rem + 0.7692vw, 1.375rem);
    --header-menu-gap: clamp(5rem, 0.9615rem + 4.6154vw, 6.5rem);
  }
}
.carousel {
  overflow: visible;
}

.carousel__pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.carousel__bullets {
  position: absolute;
  display: flex;
  align-items: center;
  left: calc(50% - 20px);
  transition-duration: 0.5s;
  transition-timing-function: undefined;
  transition-timing-function: var(--common-animationTimingFunction-primary);
  transition-property: transform;
}

.carousel__item {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.18);
  transition-duration: 0.5s;
  transition-timing-function: undefined;
  transition-timing-function: var(--common-animationTimingFunction-primary);
  transition-property: width, height, opacity, background-color;
}

.carousel__item:not(:last-child) {
  margin-right: 8px;
}

.testimonial {
  position: relative;
  z-index: 1;
  padding-right: 24px;
  padding-bottom: 24px;
  padding-left: 24px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.testimonial:before {
  position: absolute;
  z-index: -1;
  content: "";
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-radius: 4px;
  border-radius: var(--common-border-radius, 4px);
}

.testimonial__person {
  margin-bottom: 16px;
}

.testimonial__divider {
  width: 100px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.18);
  margin-top: 16px;
}

.testimonial__main {
  flex-grow: 1;
}

.testimonial__source {
  --base-link-color: rgba(0, 0, 0, 0.54);
  --base-link-color-hover: #070e14;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 400;
  margin-top: 16px;
}

.scene--light {
  --scene-background-color: #eee;
}

.page {
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  max-width: 1680px;
  margin: 0 auto;
}

.main,
.page {
  display: flex;
  flex-direction: column;
}

.main {
  flex-grow: 1;
  flex-shrink: 0;
}

.lead {
  font-size: 24px;
  line-height: 1.5;
}

.breadcrump__wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 0;
  text-align: left;
  width: 100%;
  font-size: clamp(14px, 12px + 0.45vw, 22px);
  line-height: 1.4;
}

.breadcrump__wrap .bx-breadcrumb-item {
  display: inline-flex;
  align-items: baseline;
  min-width: 0;
  max-width: 100%;
}

.breadcrump__wrap a {
  font-size: inherit;
  font-weight: 700;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.breadcrump__wrap .bx-breadcrumb-item:not(:last-child)::after {
  content: "/";
  opacity: 0.25;
  margin-inline: clamp(8px, 0.7vw, 16px);
  flex-shrink: 0;
}

@media (max-width: 1193px) {
  .breadcrump__wrap {
    font-size: 12px;
  }
}
@media (max-width: 575px) {
  .breadcrump__wrap {
    font-size: 10px;
    gap: 6px 0;
  }
  .breadcrump__wrap .bx-breadcrumb-item:not(:last-child)::after {
    margin-inline: 6px;
  }
}
.breadcrumb-home {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: -3px;
}

.breadcrumb-home-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

.breadcrump__wrap a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 4px;
}

.hand-animation {
  position: relative;
}

.hand-animation:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 4px;
  width: 0;
  height: 4px;
  background-color: #070e14;
  transition: width 1.5s ease-in-out;
}

.hand-animation img {
  position: absolute;
  bottom: 0;
  left: 0;
  transition: left 1.5s ease-in-out;
  margin-left: -2px;
  z-index: 9;
  width: 80vw;
  max-width: 80vw;
}

.hand-animation.active:after {
  width: 100%;
}

.hand-animation.active img {
  left: 100%;
}

.cont__wrap {
  color: #070e14;
  position: fixed;
  left: 24px;
  left: var(--common-block-gap-horizontal, 24px);
  top: 50%;
  margin-top: -85px;
}

@media (min-width: 768px) {
  .cont__wrap {
    left: 56px;
    left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .cont__wrap {
    left: 48px;
    left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 992px) {
  .cont__wrap {
    mix-blend-mode: difference;
  }
}
.cont__wrap .count_curr {
  font-size: 22px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
}

.cont__wrap .count_curr span {
  display: none;
  opacity: 0;
  width: 22px;
  height: 22px;
  text-align: center;
  color: #c3c3c3;
}

.cont__wrap .count_curr span.active {
  opacity: 1;
  display: block;
}

.cont__wrap .cont_sti {
  width: 1px;
  height: 150px;
  margin-top: 5px;
  margin-left: 11px;
  margin-bottom: 5px;
  background-color: #c3c3c3;
}

.cont__wrap .count_of {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 4px;
  color: #c3c3c3;
}

@media (max-width: 1193px) {
  .cont__wrap {
    left: 20px;
  }
}
@media (max-width: 575px) {
  .cont__wrap {
    left: 0;
  }
  .cont__wrap .count_curr {
    font-size: 14px;
  }
}
.slide__item {
  overflow: hidden;
  padding-bottom: 120px;
  margin-bottom: -120px;
}

@media (min-width: 992px) {
  .slide__item {
    padding-top: 80px;
  }
  .slide__item h1 {
    margin-bottom: 3.2rem;
  }
}
.align-end {
  align-items: flex-end;
}

.left-p {
  padding-left: 0;
  padding-left: var(--common-logo-padding, 0);
}

@media (min-width: 768px) {
  .left-p {
    padding-left: 0;
    padding-left: var(--common-logo-padding, 0);
  }
}
@media (min-width: 1400px) {
  .left-p {
    padding-left: 88px;
    padding-left: var(--common-logo-padding, 0);
  }
}
@media (min-width: 1194px) {
  .left-p {
    padding-left: 88px;
    padding-left: var(--common-logo-padding, 0);
  }
}
p {
  margin-bottom: 12px;
  margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * 0.5);
}

@media (min-width: 768px) {
  p {
    margin-bottom: 28px;
    margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * 0.5);
  }
}
.link__big {
  font-size: 2.2rem;
  font-size: var(--base-h1-font-size, var(--base-h1-font-size, 4rem));
  line-height: 2.6rem;
  line-height: var(--base-h1-line-height, var(--base-h1-line-height, 5rem));
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}

@media (min-width: 1400px) {
  .link__big {
    line-height: 1.2;
    line-height: var(--base-h1-line-height, var(--base-h1-line-height, 5rem));
  }
}
@media (min-width: 1194px) {
  .link__big {
    line-height: 6rem;
    line-height: var(--base-h1-line-height, var(--base-h1-line-height, 5rem));
  }
}
@media (min-width: 768px) {
  .link__big {
    line-height: 5rem;
    line-height: var(--base-h1-line-height, var(--base-h1-line-height, 5rem));
  }
}
@media (min-width: 1400px) {
  .link__big {
    font-size: 6.5rem;
    font-size: var(--base-h1-font-size, var(--base-h1-font-size, 4rem));
  }
}
@media (min-width: 1194px) {
  .link__big {
    font-size: 4.5rem;
    font-size: var(--base-h1-font-size, var(--base-h1-font-size, 4rem));
  }
}
@media (min-width: 768px) {
  .link__big {
    font-size: 4rem;
    font-size: var(--base-h1-font-size, var(--base-h1-font-size, 4rem));
  }
}
.link__big:before {
  content: "";
  background-image: url(/images/arrow-black.svg);
  width: 25px;
  height: 16px;
  display: block;
  margin-left: 23px;
  position: absolute;
  right: 0;
  bottom: 32px;
  margin-right: -40px;
  transition: margin-right 0.2s ease-in-out;
}

.link__big:hover:before {
  margin-right: -60px;
}

.link__big:after {
  content: "";
  width: 50%;
  display: block;
  position: absolute;
  bottom: 0;
  transition: width 0.2s ease-out;
  border-bottom: 4px solid #070e14;
}

.link__big:hover:after {
  width: 100%;
}

.link__big--white:before {
  background-image: url(/images/arrow-white.svg);
}

.link__big--white:after {
  border-bottom: 4px solid #fff;
}

:root {
  --ui-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 16'%3E%3Cpath d='M1 8h23M17 1l7 7-7 7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.ui-arrow,
.btn--arrow:after,
.button--arrow:after,
.link__big:before,
.link__big--white:before {
  background-image: none;
  background-color: currentColor;
  -webkit-mask: var(--ui-arrow-right) center/contain no-repeat;
  mask: var(--ui-arrow-right) center/contain no-repeat;
}

.link__big--white:before {
  background-color: #fff;
}

.ui-arrow {
  display: inline-block;
  width: 25px;
  height: 16px;
  flex: 0 0 auto;
  vertical-align: middle;
}

.ui-arrow--large {
  width: 50px;
  height: 32px;
}

.ui-arrow--back {
  transform: rotate(180deg);
}

.about__capability_action {
  align-items: center;
}

.about__text_link .ui-arrow,
.about__capability .ui-arrow {
  transition: translate 0.2s ease-out;
}

.about__text_link:hover .ui-arrow,
.about__capability:hover .ui-arrow {
  translate: 4px 0;
}

@media (prefers-reduced-motion: reduce) {
  .about__text_link .ui-arrow,
  .about__capability .ui-arrow {
    transition: none;
  }
}
.services__home .bg-title {
  width: 100%;
  position: relative;
  z-index: -1;
}

.services__home .bg-title svg {
  margin-bottom: -24px;
  margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -1);
  float: right;
  max-width: 70%;
  margin-right: -24px;
  margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
}

@media (min-width: 768px) {
  .services__home .bg-title svg {
    margin-right: -56px;
    margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
    margin-bottom: -56px;
    margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -1);
  }
}
.service__box_first {
  border: 8px solid #070e14;
  background-color: #fff;
  padding: 24px;
  padding: var(--common-element-gap-horizontal, 24px);
  overflow: hidden;
  margin-bottom: 3rem;
}

@media (min-width: 768px) {
  .service__box_first {
    padding: 56px;
    padding: var(--common-element-gap-horizontal, 24px);
  }
}
.service__box_first .h3 {
  -ms-writing-mode: tb;
  writing-mode: tb;
  transform: rotate(180deg);
  position: absolute;
  left: -8px;
  top: 5px;
}

@media (min-width: 768px) {
  .service__box_first .h3 {
    left: 0;
  }
}
.service__box_first .link__big {
  margin-top: 50px;
  margin-bottom: 50px;
  display: table;
}

.service__box_first ul {
  margin-left: 36px;
  margin-bottom: 50px;
}

.service__box_first ul li {
  margin-bottom: 12px;
}

.service__box_first ul a {
  position: relative;
}

.service__box_first ul a:after {
  content: "";
  width: 0;
  display: block;
  position: absolute;
  bottom: 0;
  transition: width 0.2s ease-out;
  border-bottom: 1px solid #070e14;
}

.service__box_first ul a:hover:after {
  width: 100%;
}

@media (min-width: 768px) {
  .service__box_first ul {
    margin-left: 56px;
  }
}
.service__box_first .first_item {
  position: relative;
  margin-bottom: 3rem;
}

.service__box_first .first_item ul:last-child {
  margin-bottom: 0;
}

.service__box_first .second_item {
  position: relative;
  margin-bottom: 8rem;
}

.service__box_first .third_item {
  position: relative;
  margin-bottom: 7rem;
}

@media (min-width: 992px) {
  .service__box_first {
    display: flex;
    margin-bottom: 0;
  }
  .service__box_first .first_item {
    width: 40%;
    margin-left: 10%;
    margin-bottom: 0;
  }
  .service__box_first .second_item {
    margin-bottom: 0;
  }
  .service__box_first .third_item {
    margin-top: 230px;
    margin-bottom: 0;
  }
  .service__box_first ul.make-v-line:after {
    content: "";
    height: 900px;
    position: absolute;
    width: 1px;
    background-color: #070e14;
    opacity: 0.1;
    bottom: -25%;
  }
}
.service__box_second {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  width: calc(100% + var(--common-element-gap-horizontal, 24px));
  max-width: calc(100% + 24px);
  max-width: calc(var(--common-element-max-width, 100%) + var(--common-element-gap-horizontal, 24px));
  margin-right: -24px;
  margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
  margin-bottom: -40px;
  margin-bottom: calc(var(--common-element-gap-vertical, 40px) * -1);
}

@media (min-width: 768px) {
  .service__box_second {
    margin-bottom: -48px;
    margin-bottom: calc(var(--common-element-gap-vertical, 40px) * -1);
    margin-right: -56px;
    margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
    max-width: calc(100% + 56px);
    max-width: calc(var(--common-element-max-width, 100%) + var(--common-element-gap-horizontal, 24px));
    width: calc(100% + 56px);
    width: calc(100% + var(--common-element-gap-horizontal, 24px));
  }
}
.service__box_second .each {
  width: 100%;
  width: var(--common-element-width, 100%);
  border-left: 0 solid transparent;
  border-top: 0 solid transparent;
  border-right: 24px solid transparent;
  border-right-width: var(--common-element-gap-horizontal, 24px);
  border-bottom: 40px solid transparent;
  border-bottom-width: var(--common-element-gap-vertical, 40px);
}

@media (min-width: 768px) {
  .service__box_second .each {
    border-bottom-width: 48px;
    border-bottom-width: var(--common-element-gap-vertical, 40px);
    border-right-width: 56px;
    border-right-width: var(--common-element-gap-horizontal, 24px);
  }
}
@media (min-width: 992px) {
  .service__box_second .each {
    width: 50%;
    width: var(--common-element-width, 100%);
    --common-element-width: 50%;
  }
}
.service__box_second .each ul {
  padding-top: 48px;
  padding-top: var(--common-block-gap-vertical, 48px);
}

@media (min-width: 768px) {
  .service__box_second .each ul {
    padding-top: 80px;
    padding-top: var(--common-block-gap-vertical, 48px);
  }
}
@media (min-width: 576px) {
  .service__box_second .each ul {
    padding-left: 48px;
    padding-left: var(--common-block-gap-vertical, 48px);
  }
}
@media (min-width: 576px) and (min-width: 768px) {
  .service__box_second .each ul {
    padding-left: 80px;
    padding-left: var(--common-block-gap-vertical, 48px);
  }
}
.service__box_second .each ul li {
  margin-bottom: 1rem;
}

.service__box_second .each ul li a {
  position: relative;
}

.service__box_second .each ul li a:after {
  content: "";
  width: 0;
  display: block;
  position: absolute;
  bottom: 0;
  transition: width 0.2s ease-out;
  border-bottom: 1px solid #070e14;
}

.service__box_second .each ul li a:hover:after {
  width: 100%;
}

.service__box_second .dark__item {
  padding-left: 24px;
  padding-left: calc(var(--common-logo-padding, 0px) + var(--common-element-gap-horizontal, 24px));
  color: #fff;
  padding-top: 48px;
  padding-top: var(--common-block-gap-vertical, 48px);
  margin-top: 0;
  position: relative;
  padding-bottom: 48px;
  padding-bottom: var(--common-block-gap-vertical, 48px);
}

@media (min-width: 768px) {
  .service__box_second .dark__item {
    padding-bottom: 80px;
    padding-bottom: var(--common-block-gap-vertical, 48px);
    padding-top: 80px;
    padding-top: var(--common-block-gap-vertical, 48px);
    padding-left: 56px;
    padding-left: calc(var(--common-logo-padding, 0px) + var(--common-element-gap-horizontal, 24px));
  }
}
@media (min-width: 1400px) {
  .service__box_second .dark__item {
    padding-left: 112px;
    padding-left: calc(var(--common-logo-padding, 0px) + var(--common-element-gap-horizontal, 24px));
  }
}
@media (min-width: 1194px) {
  .service__box_second .dark__item {
    padding-left: 112px;
    padding-left: calc(var(--common-logo-padding, 0px) + var(--common-element-gap-horizontal, 24px));
  }
}
.service__box_second .dark__item:after {
  content: "";
  display: block;
  height: 100%;
  width: calc(48px + 100%);
  width: calc(var(--common-element-gap-horizontal, 24px) * 2 + 100%);
  top: 0;
  left: -24px;
  left: calc(var(--common-element-gap-horizontal, 24px) * -1);
  position: absolute;
  background-color: #070e14;
  z-index: -1;
}

@media (min-width: 768px) {
  .service__box_second .dark__item:after {
    left: -56px;
    left: calc(var(--common-element-gap-horizontal, 24px) * -1);
    width: calc(112px + 100%);
    width: calc(var(--common-element-gap-horizontal, 24px) * 2 + 100%);
  }
}
.service__box_second .dark__item a {
  color: #fff;
}

@media (min-width: 992px) {
  .service__box_second .dark__item {
    padding-top: 116px;
    padding-top: calc(var(--common-block-gap-vertical, 48px) + 68px);
    margin-top: -68px;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .service__box_second .dark__item {
    padding-top: 148px;
    padding-top: calc(var(--common-block-gap-vertical, 48px) + 68px);
  }
}
.service__box_second .white__item {
  padding: 24px;
  padding: var(--common-element-gap-horizontal, 24px);
}

@media (min-width: 768px) {
  .service__box_second .white__item {
    padding: 56px;
    padding: var(--common-element-gap-horizontal, 24px);
    padding-top: 80px;
    padding-top: var(--common-block-gap-vertical, 48px);
  }
}
.service__box_first .first_item,
.service__box_second .each {
  container-type: inline-size;
  min-width: 0;
}

.services__home .link__big {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  padding-right: 1.1em;
  font-size: min(72px, 10cqw);
  line-height: 1.15;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}

.services__home .link__big:before {
  width: 0.55em;
  height: 0.36em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 0.25em;
  right: 0;
  margin: 0;
  transition: transform 0.2s ease;
}

.services__home .link__big:hover:before {
  margin: 0;
  transform: translateX(0.08em);
}

.services__home .link__big:after {
  width: calc(100% - 1.1em);
  border-bottom-width: 2px;
}

.services__home .link__big:hover:after {
  width: calc(100% - 1.1em);
}

.services__home .link__big {
  padding-right: 0;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.15em;
}

.services__home .link__big:before,
.services__home .link__big:after {
  content: none;
}

.services__home .service-link-tail {
  white-space: nowrap;
}

.services__home .service-link-tail:after {
  content: "";
  display: inline-block;
  width: 0.55em;
  height: 0.36em;
  margin-left: 0.4em;
  background: url(/images/arrow-black.svg) center/contain no-repeat;
  vertical-align: 0.08em;
  transition: transform 0.2s ease;
}

.services__home .link__big--white .service-link-tail:after {
  background-image: url(/images/arrow-white.svg);
}

.services__home .link__big:hover .service-link-tail:after {
  transform: translateX(0.08em);
}

.services__home ul li a {
  font-size: clamp(16px, 1.35vw, 26px);
  line-height: 1.5;
  overflow-wrap: break-word;
}

.services__home ul li {
  margin-bottom: clamp(12px, 1vw, 20px);
}

.contact__section {
  width: 100%;
  padding-right: 0;
  padding-top: clamp(64px, 8vw, 128px);
}

.contact__section .bg-title {
  width: 100%;
  position: relative;
  z-index: -1;
}

.contact__section .bg-title svg {
  margin-bottom: -62.4px;
  margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -2.6);
  float: right;
  max-width: 90%;
}

@media (min-width: 768px) {
  .contact__section .bg-title svg {
    margin-bottom: -145.6px;
    margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -2.6);
  }
}
.contact__section .scene {
  width: 100%;
}

.phone__wrap span {
  font-size: 10px;
  text-transform: uppercase;
  display: block;
}

.phone__wrap a {
  font-size: 1.8rem;
  font-size: var(--base-h2-font-size, var(--base-h2-font-size, 2rem));
  font-weight: 700;
}

@media (min-width: 1400px) {
  .phone__wrap a {
    font-size: 3.6rem;
    font-size: var(--base-h2-font-size, var(--base-h2-font-size, 2rem));
  }
}
@media (min-width: 1194px) {
  .phone__wrap a {
    font-size: 2.2rem;
    font-size: var(--base-h2-font-size, var(--base-h2-font-size, 2rem));
  }
}
@media (min-width: 768px) {
  .phone__wrap a {
    font-size: 2rem;
    font-size: var(--base-h2-font-size, var(--base-h2-font-size, 2rem));
  }
}
.contact__section .h1 {
  font-size: clamp(30px, 4.5vw, 72px);
  line-height: 1.1;
  white-space: nowrap;
}

.footer {
  color: #fff;
  background: #070e14;
  margin-top: clamp(48px, 7vw, 112px);
}

.footer .scene {
  text-align: left;
  font-size: 14px;
}

.footer__container {
  width: 100%;
  max-width: 1440px;
  min-width: 0;
}

.footer .footer__navigation {
  padding-top: clamp(40px, 5vw, 80px);
  padding-bottom: 0;
}

.footer__brand-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding-bottom: clamp(40px, 5vw, 72px);
}

.footer__logo {
  display: block;
  width: clamp(180px, 24vw, 340px);
  color: #fff;
}

.footer .footer__logo:hover, .footer .footer__logo:focus {
  color: #fff;
}

.footer__logo svg {
  display: block;
  width: 100%;
  height: auto;
  fill: currentColor;
}

.footer__tagline {
  font-size: clamp(18px, 2vw, 28px);
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}

.footer-menu {
  border-top: 1px solid #394047;
  padding-top: 32px;
}

.footer-menu__columns {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 32px;
}

.footer-menu__columns, .footer-menu__children {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-menu__column {
  min-width: 0;
}

.footer-menu__number {
  display: block;
  font-size: 12px;
  line-height: 1;
  color: #949da5;
  margin-bottom: 16px;
}

.footer-menu a {
  color: #fff;
  display: inline-block;
  overflow-wrap: anywhere;
}

.footer-menu a:hover, .footer-menu a[aria-current=page] {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.footer a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}

.footer-menu__title {
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.footer-menu__children {
  display: grid;
  gap: 12px;
}

.footer-menu__children a {
  font-size: 16px;
  line-height: 1.5;
  color: #bac1c6;
  transition: color 0.2s;
}

.footer-menu__children a:hover {
  color: #fff;
}

.footer .footer__bottom {
  padding-top: 48px;
  padding-bottom: 32px;
}

.footer__bottom-row {
  border-top: 1px solid #394047;
  padding-top: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  color: #949da5;
}

.footer__bottom-row a {
  color: #bac1c6;
}

.footer__bottom-row a:hover {
  color: #fff;
}

.footer__back-top {
  display: inline-flex;
  align-items: center;
  gap: 16px;
}

.footer__back-top .ui-arrow {
  width: 20px;
  transform: rotate(-90deg);
  transition: translate 0.2s;
}

.footer__back-top:hover .ui-arrow {
  translate: 0 -4px;
}

@media (max-width: 991px) {
  .footer-menu__columns {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 575px) {
  .footer__brand-row {
    align-items: flex-start;
    flex-direction: column;
    gap: 24px;
  }
  .footer-menu__columns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 24px;
  }
  .footer__bottom-row {
    justify-content: flex-start;
  }
  .footer__back-top {
    margin-left: auto;
  }
}
@media (max-width: 359px) {
  .footer-menu__columns {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (prefers-reduced-motion: reduce) {
  .footer__back-top .ui-arrow {
    transition: none;
  }
  .footer__back-top:hover .ui-arrow {
    translate: none;
  }
}
.tns-outer {
  padding: 0 !important !important;
}

.tns-outer [hidden] {
  display: none !important;
}

.tns-slider {
  transition: all 0s;
}

.tns-slider > .tns-item {
  box-sizing: border-box;
}

.tns-horizontal.tns-subpixel {
  white-space: nowrap;
}

.tns-horizontal.tns-subpixel > .tns-item {
  display: inline-block;
  vertical-align: top;
  white-space: normal;
}

.tns-horizontal.tns-no-subpixel:after {
  content: "";
  display: table;
  clear: both;
}

.tns-horizontal.tns-no-subpixel > .tns-item {
  float: left;
}

.tns-horizontal.tns-carousel.tns-no-subpixel > .tns-item {
  margin-right: -100%;
}

.tns-gallery,
.tns-no-calc {
  position: relative;
  left: 0;
}

.tns-gallery {
  min-height: 1px;
}

.tns-gallery > .tns-item {
  position: absolute;
  left: -100%;
  transition: transform 0s, opacity 0s;
}

.tns-gallery > .tns-slide-active {
  position: relative;
  left: auto !important;
}

.tns-gallery > .tns-moving {
  transition: all 0.25s;
}

.tns-autowidth {
  display: inline-block;
}

.tns-lazy-img {
  transition: opacity 0.6s;
  opacity: 0.6;
}

.tns-lazy-img.tns-complete {
  opacity: 1;
}

.tns-ah {
  transition: height 0s;
}

.tns-ovh {
  overflow: hidden;
}

.tns-visually-hidden {
  position: absolute;
  left: -10000em;
}

.tns-transparent {
  opacity: 0;
  visibility: hidden;
}

.tns-fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 0;
}

.tns-fadeOut,
.tns-normal {
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}

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

.tns-vpfix > div,
.tns-vpfix > li {
  display: inline-block;
}

.tns-t-subp2 {
  margin: 0 auto;
  width: 310px;
  position: relative;
  height: 10px;
  overflow: hidden;
}

.tns-t-ct {
  width: 2333.3333333%;
  width: 2333.33333%;
  position: absolute;
  right: 0;
}

.tns-t-ct:after {
  content: "";
  display: table;
  clear: both;
}

.tns-t-ct > div {
  width: 1.4285714%;
  width: 1.42857%;
  height: 10px;
  float: left;
}

.tns-controls {
  display: none;
}

@media (min-width: 576px) {
  .tns-controls {
    position: absolute;
    right: 20px;
    z-index: 1;
    display: block;
  }
}
.tns-controls button {
  width: 64px;
  height: 64px;
  background-color: #000;
  border-radius: 50%;
  margin: 10px;
  display: block;
  background-repeat: no-repeat;
  background-position: 50%;
}

.tns-controls button[data-controls=prev] {
  background-image: url(/images/slider-arrow-left.svg);
}

.tns-controls button[data-controls=next] {
  background-image: url(/images/slider-arrow-right.svg);
}

.slider_inside {
  margin-bottom: 48px;
  margin-bottom: var(--common-block-gap-vertical, 48px);
  position: relative;
}

@media (min-width: 768px) {
  .slider_inside {
    margin-bottom: 80px;
    margin-bottom: var(--common-block-gap-vertical, 48px);
  }
}
.slider_inside.slider_blog {
  margin-bottom: 0;
  padding-bottom: 0;
}

.slider_inside .bg-title {
  z-index: -1;
  position: absolute;
  width: 100%;
  margin-top: 1.4rem;
}

.slider_inside h1 {
  padding-top: 1rem;
  margin-bottom: 2rem;
}

.slider_inside .lead {
  font-size: 18px;
  width: 60%;
  line-height: 1.5;
}

@media (min-width: 992px) {
  .slider_inside .lead {
    font-size: 24px;
  }
}
.slider_inside .slider_icon {
  display: none;
}

@media (min-width: 992px) {
  .slider_inside .slider_icon {
    background-color: #070e14;
    height: 120%;
    margin-top: -10%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5rem;
    padding-right: 5rem;
    mix-blend-mode: multiply;
  }
}
.slider_inside .slider_image {
  display: none;
}

@media (min-width: 992px) {
  .slider_inside .slider_image {
    background-size: cover;
    width: 100%;
    max-width: 240px;
    min-height: 400px;
    height: 120%;
    margin-top: -20%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}
.slider_inside .grid--slider {
  align-items: stretch;
}

@media (min-width: 992px) {
  .slider_inside .grid--slider .grid__item:nth-child(odd) {
    --common-element-width: 65%;
  }
}
@media (min-width: 992px) {
  .slider_inside .grid--slider .grid__item:nth-child(2n) {
    --common-element-width: 35%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) and (min-width: 768px) {
  .slide__iside_small {
    padding-top: 80px;
    padding-top: var(--common-block-gap-vertical, 48px);
  }
}
.slide__iside_small .bg-title {
  width: 100%;
  position: relative;
  z-index: -1;
  margin-bottom: -24px;
  margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -1);
}

@media (min-width: 768px) {
  .slide__iside_small .bg-title {
    margin-bottom: -56px;
    margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -1);
  }
}
.slide__iside_small .bg-title svg {
  margin-bottom: -24px;
  margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -1);
  float: right;
  max-width: 70%;
  margin-right: -24px;
  margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
}

@media (min-width: 768px) {
  .slide__iside_small .bg-title svg {
    margin-right: -56px;
    margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
    margin-bottom: -56px;
    margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -1);
  }
}
.slide__iside_small .lead {
  max-width: 80%;
}

@media (min-width: 768px) {
  .slide__iside_small .lead {
    max-width: 60%;
    font-size: 24px;
  }
}
.product_category__wrap {
  margin-bottom: 48px;
  margin-bottom: var(--common-block-gap-vertical, 48px);
}

@media (min-width: 768px) {
  .product_category__wrap {
    margin-bottom: 80px;
    margin-bottom: var(--common-block-gap-vertical, 48px);
  }
}
.product_category__wrap .bg-title {
  width: 100%;
  position: relative;
  z-index: -1;
}

.product_category__wrap .bg-title svg {
  margin-bottom: -24px;
  margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -1);
  float: right;
  max-width: 70%;
  margin-right: -24px;
  margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
}

@media (min-width: 768px) {
  .product_category__wrap .bg-title svg {
    margin-right: -56px;
    margin-right: calc(var(--common-element-gap-horizontal, 24px) * -1);
    margin-bottom: -56px;
    margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * -1);
  }
}
.product_category__wrap .bordered_box {
  border: 8px solid #070e14;
  background-color: #fff;
  min-height: 200px;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 80px 120px rgba(0, 0, 0, 0.1), 0 45px 56px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) and (min-width: 768px) {
  .product_category__wrap .bordered_box {
    padding: 80px;
    padding: var(--common-block-gap-vertical, 48px);
  }
}
.product_category__wrap .each {
  position: relative;
}

.product_category__wrap .each .h3 {
  -ms-writing-mode: tb;
  writing-mode: tb;
  transform: rotate(180deg);
  position: absolute;
  left: 0;
}

.product_category__wrap .each ul {
  margin-left: 56px;
  margin-bottom: 50px;
}

.product_category__wrap .each ul li {
  margin-bottom: 12px;
}

.product_category__wrap .each ul li a {
  position: relative;
}

.product_category__wrap .each ul li a:after {
  content: "";
  width: 0;
  display: block;
  position: absolute;
  bottom: 0;
  transition: width 0.2s ease-out;
  border-bottom: 1px solid #070e14;
}

.product_category__wrap .each ul li a:hover:after {
  width: 100%;
}

.product_category__wrap .bordered_box {
  padding: clamp(24px, 4vw, 64px);
  border-width: clamp(2px, 0.4vw, 8px);
}

.product_category__wrap .bordered_box > .grid--meskit {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: none;
  margin: 0;
  gap: clamp(24px, 3vw, 48px);
}

.product_category__wrap .bordered_box .each {
  width: auto;
  min-width: 0;
  padding: 0;
  margin: 0;
}

.product_category__wrap .each .h3 {
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.15;
  writing-mode: vertical-rl;
}

.product_category__wrap .each ul {
  margin: 0 0 0 clamp(40px, 4vw, 56px);
}

.product_category__wrap .each ul li {
  margin-bottom: 12px;
}

.product_category__wrap .each ul li:last-child {
  margin-bottom: 0;
}

.product_category__wrap .each ul li a {
  font-size: clamp(16px, 1.3vw, 20px);
  line-height: 1.5;
  overflow-wrap: break-word;
}

.product_category__wrap .each:not(:has(.h3)) ul {
  margin-left: 0;
}

@media (max-width: 991px) {
  .product_category__wrap .bordered_box > .grid--meskit {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .product_category__wrap .each .h3 {
    position: static;
    writing-mode: horizontal-tb;
    transform: none;
    margin-bottom: 16px;
  }
  .product_category__wrap .each ul {
    margin-left: 0;
  }
}
.product_category__wrap .bordered_box > .grid--orchard {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  width: 100%;
  max-width: none;
  margin: 0;
  gap: clamp(32px, 5vw, 80px);
  align-items: start;
}

.product_category__wrap .grid--orchard > .grid__item {
  width: auto;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  margin: 0;
}

.product_category__wrap .grid--orchard .link__big {
  display: inline-block;
  max-width: 100%;
  box-sizing: border-box;
  font-size: var(--base-h2-font-size);
  line-height: var(--base-h2-line-height);
  overflow-wrap: break-word;
  padding-right: 1.1em;
}

.product_category__wrap .grid--orchard .link__big:before {
  width: 0.55em;
  height: 0.36em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 0.25em;
  right: 0;
  margin: 0;
  transition: transform 0.2s ease;
}

.product_category__wrap .grid--orchard .link__big:hover:before {
  margin: 0;
  transform: translateX(0.08em);
}

.product_category__wrap .grid--orchard .link__big:after {
  width: calc(100% - 1.1em);
  border-bottom-width: 2px;
}

.product_category__wrap .grid--orchard .link__big:hover:after {
  width: calc(100% - 1.1em);
}

.product_category__wrap .bordered_box > .grid + .grid {
  margin-top: clamp(32px, 4vw, 64px);
}

@media (max-width: 991px) {
  .product_category__wrap .bordered_box > .grid--orchard {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.main .service-directory {
  padding-top: var(--page-index-top, 144px);
}

.service-directory__inner {
  width: 100%;
  max-width: var(--common-element-max-width, 1600px);
  min-width: 0;
}

.service-directory__intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 48px;
  align-items: end;
  margin-bottom: clamp(40px, 6vw, 88px);
}

.service-directory__eyebrow {
  grid-column: 1/-1;
  margin-bottom: 20px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.service-directory__intro h1 {
  margin: 0;
  font-size: var(--base-h1-font-size);
  line-height: var(--base-h1-line-height);
}

.main .service-directory__intro p {
  margin: 0;
  max-width: 42ch;
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.5;
}

.service-directory__cards {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: clamp(40px, 6vw, 96px);
}

.service-directory__card {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(40px, 6vw, 96px) clamp(32px, 5vw, 80px);
  align-items: start;
  padding: clamp(24px, 4.5vw, 80px);
  border: clamp(3px, 0.45vw, 8px) solid #070e14;
  background: #fff;
  color: #070e14;
  box-shadow: 0 40px 64px -24px rgba(7, 14, 20, 0.22);
}

.service-directory__card h2 {
  margin: 0;
  font-size: clamp(32px, 3.5vw, 64px);
  line-height: 1.15;
}

.service-directory__card h2 a {
  color: inherit;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}

.service-directory__title-tail {
  white-space: nowrap;
}

.service-directory__card h2 .ui-arrow {
  width: 0.55em;
  height: 0.36em;
  margin-left: 0.35em;
  vertical-align: 0.05em;
}

.service-directory__groups {
  grid-column: 1/-1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(24px, 3vw, 48px);
}

.service-directory__group {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  min-width: 0;
}

.service-directory__group h3 {
  margin: 0;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: clamp(24px, 2.1vw, 36px);
  line-height: 1.1;
}

.service-directory__card ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.service-directory__links {
  grid-column: 2;
  grid-row: 1;
}

.service-directory__card li + li {
  margin-top: 16px;
}

.service-directory__card li a {
  font-size: clamp(17px, 1.4vw, 24px);
  line-height: 1.5;
}

.service-directory__card a {
  color: inherit;
  overflow-wrap: break-word;
}

.service-directory__card a:hover {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.service-directory__card a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}

@media (max-width: 991px) {
  .service-directory__intro {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  .service-directory__eyebrow {
    margin-bottom: 0;
  }
  .service-directory__groups {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .service-directory__group {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .service-directory__group h3 {
    writing-mode: horizontal-tb;
    transform: none;
  }
}
@media (max-width: 650px) {
  .service-directory__card {
    grid-template-columns: minmax(0, 1fr);
    gap: 32px;
  }
  .service-directory__links {
    grid-column: 1;
    grid-row: 2;
  }
  .service-directory__groups {
    grid-column: 1;
    grid-row: 3;
  }
}
.service-directory__card h2 .ui-arrow {
  transition: transform 0.2s ease-out;
}

.service-directory__card h2 a:hover {
  text-decoration: none;
}

.service-directory__card h2 a:hover .ui-arrow {
  transform: translateX(0.15em);
}

@media (prefers-reduced-motion: reduce) {
  .service-directory__card h2 .ui-arrow {
    transition: none;
  }
}
.main--services {
  --service-content-width: var(--common-element-max-width, 1600px);
}

.main--services .slide__iside_small {
  padding-top: 0;
}

.main--services .slide__iside_small > .scene,
.main--services .service-demo .sd-content > .sd-hero,
.main--services .service-directory {
  padding-top: var(--page-index-top, 144px);
}

.main--services .service-demo {
  padding-left: 0;
}

.main--services .sd-shell {
  width: 100%;
  max-width: var(--service-content-width);
  margin-inline: auto;
}

.main--services .sd-content .sd-hero-grid--editorial,
.main--services .sd-content .sd-hero-copy {
  padding-top: 0;
  padding-bottom: 0;
}

.main--services .slide__iside_small > .scene > .grid,
.main--services .product_category__wrap > .grid {
  width: 100%;
  max-width: var(--service-content-width);
  margin: 0;
  padding-left: 0;
}

.main--services .slide__iside_small > .scene > .grid > .grid__item,
.main--services .product_category__wrap > .grid > .grid__item {
  padding: 0;
  margin: 0;
  width: 100%;
}

.main--services h1,
.main--services .sd-content .sd-hero-grid--editorial h1 {
  font-size: var(--base-h1-font-size);
  line-height: var(--base-h1-line-height);
  letter-spacing: normal;
  padding-top: 0;
  margin: 0 0 24px;
}

.main--services .service-directory__intro h1 {
  margin: 0;
}

.main--services .service-directory__eyebrow,
.main--services .slide__iside_small .breadcrump__wrap,
.main--services .sd-content .sd-hero-copy .breadcrump__wrap {
  font-size: 13px;
  line-height: 20px;
  min-height: 20px;
  margin: 0 0 20px;
}

.main--services .slide__iside_small .bg-title {
  position: absolute;
  pointer-events: none;
}

.services__page_type .bordered_box {
  border: 8px solid #070e14;
  background-image: url(/images/title_type.svg);
  min-height: 200px;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 20px;
  box-shadow: 0 80px 120px rgba(0, 0, 0, 0.1), 0 45px 56px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) and (min-width: 768px) {
  .services__page_type .bordered_box {
    padding: 80px;
    padding: var(--common-block-gap-vertical, 48px);
  }
}
.services__page_type .grid_of_type {
  padding-top: 48px;
  padding-top: var(--common-block-gap-vertical, 48px);
  font-size: 16px;
  text-transform: lowercase;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .services__page_type .grid_of_type {
    padding-top: 80px;
    padding-top: var(--common-block-gap-vertical, 48px);
  }
}
.services__page_type .grid_of_type .item {
  width: 50%;
  margin-bottom: 4rem;
  text-align: center;
}

.services__page_type .grid_of_type .item svg {
  display: block;
  margin: 0 auto 10px;
}

@media (min-width: 768px) {
  .services__page_type .grid_of_type .item {
    width: 33.33333%;
  }
}
@media (min-width: 992px) {
  .services__page_type .grid_of_type .item {
    flex-grow: 1;
    width: inherit;
    margin-bottom: 0;
  }
}
.services__page_technologys {
  padding-left: 24px;
  padding-left: var(--common-block-gap-horizontal, 24px);
  margin-top: 24px;
  margin-top: var(--common-block-gap-horizontal, 24px);
}

@media (min-width: 768px) {
  .services__page_technologys {
    margin-top: 56px;
    margin-top: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .services__page_technologys {
    margin-top: 48px;
    margin-top: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 768px) {
  .services__page_technologys {
    padding-left: 56px;
    padding-left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .services__page_technologys {
    padding-left: 48px;
    padding-left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 992px) {
  .services__page_technologys .item_left {
    width: 60%;
  }
  .services__page_technologys .item_right {
    width: 40%;
  }
}
.services__page_technologys .title_h1 {
  text-align: left;
  width: auto;
  margin-left: 0;
  margin-left: var(--common-logo-padding, 0);
  padding-left: 24px;
  padding-left: var(--common-block-gap-horizontal, 24px);
}

@media (min-width: 768px) {
  .services__page_technologys .title_h1 {
    padding-left: 56px;
    padding-left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .services__page_technologys .title_h1 {
    padding-left: 48px;
    padding-left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 768px) {
  .services__page_technologys .title_h1 {
    margin-left: 0;
    margin-left: var(--common-logo-padding, 0);
  }
}
@media (min-width: 1400px) {
  .services__page_technologys .title_h1 {
    margin-left: 88px;
    margin-left: var(--common-logo-padding, 0);
  }
}
@media (min-width: 1194px) {
  .services__page_technologys .title_h1 {
    margin-left: 88px;
    margin-left: var(--common-logo-padding, 0);
  }
}
.services__page_technologys .grid__item {
  display: flex;
  flex-wrap: wrap;
  padding-left: 24px;
  padding-left: var(--common-block-gap-horizontal, 24px);
  align-items: flex-start;
}

@media (min-width: 768px) {
  .services__page_technologys .grid__item {
    padding-left: 56px;
    padding-left: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .services__page_technologys .grid__item {
    padding-left: 48px;
    padding-left: var(--common-block-gap-horizontal, 24px);
  }
}
.services__page_technologys .each_item {
  position: relative;
  padding: 4rem 4rem 0;
}

.services__page_technologys .each_item .h2 {
  margin-bottom: 1rem;
}

.services__page_technologys .item_left {
  box-shadow: 0 80px 120px rgba(0, 0, 0, 0.1), 0 21px 56px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  margin-top: 2rem;
}

.services__page_technologys .item_left .title {
  -ms-writing-mode: tb;
  writing-mode: tb;
  transform: rotate(180deg);
  position: absolute;
  left: 0;
  top: 5px;
  margin-left: -24px;
  margin-left: calc(var(--common-element-gap-horizontal, 24px) * -1);
  white-space: nowrap;
}

@media (min-width: 768px) {
  .services__page_technologys .item_left .title {
    margin-left: -56px;
    margin-left: calc(var(--common-element-gap-horizontal, 24px) * -1);
  }
}
.services__page_technologys .item_left .row__images {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4rem;
  margin-top: 4rem;
}

.services__page_technologys .item_left .row__images > div {
  flex-grow: 1;
  width: 33.33%;
  padding-right: 4rem;
  padding-bottom: 4rem;
}

.services__page_technologys .item_right {
  background-color: #000;
  color: #fff;
  margin-top: -7rem;
}

.services__page_technologys .item_right:before {
  content: "";
  display: block;
  background: #000;
  left: -6rem;
  width: 6rem;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

.services__page_technologys .item_right:after {
  content: "";
  display: block;
  background: #000;
  right: -24px;
  right: calc(var(--common-element-gap-horizontal, 24px) * -1);
  width: 24px;
  width: var(--common-block-gap-horizontal, 24px);
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}

@media (min-width: 768px) {
  .services__page_technologys .item_right:after {
    width: 56px;
    width: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .services__page_technologys .item_right:after {
    width: 48px;
    width: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 768px) {
  .services__page_technologys .item_right:after {
    right: -56px;
    right: calc(var(--common-element-gap-horizontal, 24px) * -1);
  }
}
.services__page_technologys .item_right .row__images {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4rem;
  margin-top: 4rem;
}

.services__page_technologys .item_right .row__images > div {
  flex-grow: 1;
  width: 50%;
  padding-right: 4rem;
  padding-bottom: 4rem;
}

.services__page_metodology {
  position: relative;
}

.services__page_metodology .bg-title {
  width: 100%;
  position: relative;
  z-index: -1;
}

.services__page_metodology .bg-title svg {
  position: absolute;
  right: 0;
  max-width: 80%;
  margin-right: -19.2px;
  margin-right: calc(var(--common-element-gap-horizontal, 24px) * -0.8);
}

@media (min-width: 768px) {
  .services__page_metodology .bg-title svg {
    margin-right: -44.8px;
    margin-right: calc(var(--common-element-gap-horizontal, 24px) * -0.8);
  }
}
.services__page_metodology .h1 {
  margin-top: 2rem;
}

.services__page_metodology .tns-nav {
  margin-top: -5rem;
  margin-left: 4rem;
}

.services__page_metodology .tns-nav button {
  z-index: 9;
  padding: 4px 12px;
  border: 1px solid #000;
  margin: 0 10px;
  border-radius: 0;
  transition: background-color 0.3s ease-in-out;
}

.services__page_metodology .tns-nav button.tns-nav-active {
  background-color: #000;
}

.services__page_metodology .tns-controls {
  bottom: 24px;
  bottom: var(--common-block-gap-horizontal, 24px);
  padding-bottom: 20px;
}

@media (min-width: 768px) {
  .services__page_metodology .tns-controls {
    bottom: 56px;
    bottom: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .services__page_metodology .tns-controls {
    bottom: 48px;
    bottom: var(--common-block-gap-horizontal, 24px);
  }
}
.services__page_metodology .tns-controls button:disabled {
  opacity: 0.2;
}

.services__page_price {
  margin-top: 24px;
  margin-top: var(--common-block-gap-horizontal, 24px);
}

@media (min-width: 768px) {
  .services__page_price {
    margin-top: 56px;
    margin-top: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .services__page_price {
    margin-top: 48px;
    margin-top: var(--common-block-gap-horizontal, 24px);
  }
}
.services__page_price p {
  padding: 24px;
  padding: var(--common-block-gap-horizontal, 24px);
  font-size: 20px;
}

@media (min-width: 768px) {
  .services__page_price p {
    padding: 56px;
    padding: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 576px) {
  .services__page_price p {
    padding: 48px;
    padding: var(--common-block-gap-horizontal, 24px);
  }
}
@media (min-width: 768px) {
  .services__page_price p {
    max-width: 50%;
  }
}
.services__page_price .item {
  display: flex;
  font-size: 3rem;
}

.services__page_price .item .price_before {
  padding-right: 1rem;
  font-weight: 700;
}

.services__page_price .item .price {
  font-size: 20vw;
  line-height: 0.7;
}

.services__page_price .item .price_after {
  align-items: flex-end;
  display: flex;
  padding-left: 1rem;
  font-weight: 700;
}

.services__page_description h2,
.services__page_description h3,
.services__page_description h4 {
  margin-bottom: 24px;
}

.services__page_description .bordered_box {
  margin-bottom: 48px;
  margin-bottom: var(--common-block-gap-vertical, 48px);
  box-shadow: 0 80px 120px rgba(0, 0, 0, 0.1), 0 45px 56px rgba(0, 0, 0, 0.1);
  max-width: 1200px;
  padding: 4rem;
  background-color: #fff;
}

@media (min-width: 768px) {
  .services__page_description .bordered_box {
    margin-bottom: 80px;
    margin-bottom: var(--common-block-gap-vertical, 48px);
  }
}
.services__page_description p:last-child {
  margin-bottom: 0;
}

.services__page_description ul {
  list-style-type: square;
  padding-left: 14px;
}

.services__page_description ul li {
  margin-bottom: 4px;
}

.services__page_description ul ul ::marker {
  color: #797979;
}

.services__page_description ol {
  list-style-type: none;
  counter-reset: num;
  padding-left: 14px;
}

.services__page_description ol li {
  position: relative;
  margin-bottom: 4px;
  counter-increment: num;
  padding-left: 24px;
}

.services__page_description ol li:before {
  content: counter(num) ".";
  display: inline-block;
  top: 0;
  text-align: left;
  position: absolute;
  width: 24px;
  left: 0;
}

.services__page_description ol li p {
  display: inline-block;
}

.services__page_description ol li p:last-child {
  margin-bottom: 0;
}

.services__page_description ol li ol {
  counter-reset: num2;
  padding-left: 0;
}

.services__page_description ol li ol > li {
  counter-increment: num2;
  padding-left: 32px;
}

.services__page_description ol li ol > li:before {
  color: #797979;
  content: counter(num) "." counter(num2) ".";
  width: 28px;
}

.services__page_description ul {
  margin-bottom: 12px;
  margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * 0.5);
}

@media (min-width: 768px) {
  .services__page_description ul {
    margin-bottom: 28px;
    margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * 0.5);
  }
}
.services__page_description ol {
  margin-bottom: 12px;
  margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * 0.5);
}

@media (min-width: 768px) {
  .services__page_description ol {
    margin-bottom: 28px;
    margin-bottom: calc(var(--common-element-gap-horizontal, 24px) * 0.5);
  }
}
.services__page_description ol:last-child,
.services__page_description ul:last-child {
  margin-bottom: 0;
}

.about__hero {
  padding-top: 40px;
}
.about__hero .lead {
  max-width: 42em;
}
.about__hero .bg-title svg {
  height: auto;
}

.about__section {
  --about-rule: rgba(7, 14, 20, 0.18);
  --about-gap: clamp(24px, 4vw, 64px);
  --about-label-width: 160px;
  color: var(--primary-black, #070e14);
}

.about__content {
  width: 100%;
  max-width: 1440px;
  min-width: 0;
  padding-left: var(--common-logo-padding, 0);
}

.about__section_heading {
  display: grid;
  gap: 24px;
  padding-top: clamp(24px, 4vw, 56px);
  margin-bottom: var(--about-gap);
  border-top: 1px solid var(--about-rule);
}
.about__section_heading h2 {
  max-width: 22ch;
  font-size: var(--base-h2-font-size);
  line-height: 1.1;
  margin-bottom: 24px;
  overflow-wrap: break-word;
}

.about__eyebrow {
  display: block;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.about__eyebrow span {
  margin-right: 12px;
}

.main .about__intro {
  max-width: 52ch;
  font-size: clamp(20px, 1.7vw, 26px);
  line-height: 1.5;
  margin-bottom: 0;
}

.about__story_body {
  display: grid;
  gap: var(--about-gap);
  align-items: start;
}

.about__story_text {
  min-width: 0;
}
.about__story_text p {
  max-width: 58ch;
  line-height: 1.6;
}

.about__text_link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding-block: 12px;
  min-height: 44px;
  border-bottom: 1px solid currentColor;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.about__principle {
  padding: clamp(24px, 3vw, 48px);
  color: #fff;
  background: var(--primary-black, #070e14);
}
.about__principle .about__eyebrow {
  color: rgba(255, 255, 255, 0.65);
}
.about__principle h3 {
  font-size: clamp(26px, 2.2vw, 36px);
  line-height: 1.15;
  margin-block: 32px 24px;
}
.about__principle p {
  line-height: 1.6;
  margin-bottom: 32px;
}

.about__principle_line {
  display: block;
  width: 64px;
  height: 4px;
  background: #fff;
}

.about__capabilities {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0 var(--about-gap);
}

.about__capability {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  padding-block: 28px;
  border-top: 1px solid var(--about-rule);
}
.about__capability h3 {
  font-size: clamp(24px, 2.3vw, 36px);
  line-height: 1.15;
  margin-block: 24px 16px;
  overflow-wrap: break-word;
}
.about__capability p {
  line-height: 1.5;
  margin-bottom: 24px;
}
.about__capability:hover .about__capability_action {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.about__capability_number {
  font-size: 14px;
  font-weight: 700;
}

.about__capability_action {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  margin-top: auto;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
  text-transform: uppercase;
}
.about__capability_action span {
  font-size: 24px;
}

.about__step {
  border-top: 1px solid var(--about-rule);
}

.about__step:last-child {
  border-bottom: 1px solid var(--about-rule);
}

.about__step summary {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) 24px;
  gap: 16px;
  align-items: center;
  padding-block: 24px;
  cursor: pointer;
  list-style: none;
  font-size: clamp(22px, 2.4vw, 36px);
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}
.about__step summary::-webkit-details-marker {
  display: none;
}

.about__step_number {
  font-size: 14px;
  align-self: start;
  padding-top: 4px;
}

.about__step_icon {
  position: relative;
  width: 24px;
  height: 24px;
}
.about__step_icon:before, .about__step_icon:after {
  content: "";
  position: absolute;
  top: 11px;
  left: 3px;
  width: 18px;
  height: 2px;
  background: currentColor;
}
.about__step_icon:after {
  transform: rotate(90deg);
}

.about__step[open] .about__step_icon:after {
  display: none;
}

.about__step_body {
  padding: 0 40px 24px;
}

.about__step_body p {
  max-width: 60ch;
  line-height: 1.6;
  margin-bottom: 0;
}

.about__next {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: var(--about-gap);
}
.about__next p {
  margin: 0;
  line-height: 1.5;
}

.about__text_link:focus-visible,
.about__capability:focus-visible,
.about__step summary:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 6px;
}

@media (min-width: 768px) {
  .about__hero {
    padding-top: 0;
  }
  .about__capabilities {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1194px) {
  .about__section_heading {
    grid-template-columns: var(--about-label-width) minmax(0, 1fr);
    gap: var(--about-gap);
  }
  .about__story_body {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  }
  .about__story_body,
  .about__capabilities,
  .about__steps,
  .about__next {
    margin-left: calc(var(--about-label-width) + var(--about-gap));
  }
}
.project_list__wrap {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.project_list__wrap .each {
  display: block;
  width: calc(50% - 20px);
  padding: 40px;
  margin-bottom: 40px;
  position: relative;
  border: 8px solid #070e14;
  height: 400px;
}

.project_list__wrap .each .title {
  font-size: 1.3rem;
  font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  line-height: 1.8rem;
  line-height: var(--base-h3-line-height, var(--base-h3-line-height, 2rem));
  text-transform: uppercase;
  font-weight: 700;
  width: 60%;
  margin-bottom: 20px;
}

@media (min-width: 1400px) {
  .project_list__wrap .each .title {
    line-height: 1.2;
    line-height: var(--base-h3-line-height, var(--base-h3-line-height, 2rem));
  }
}
@media (min-width: 1194px) {
  .project_list__wrap .each .title {
    line-height: 2.65rem;
    line-height: var(--base-h3-line-height, var(--base-h3-line-height, 2rem));
  }
}
@media (min-width: 768px) {
  .project_list__wrap .each .title {
    line-height: 2.25rem;
    line-height: var(--base-h3-line-height, var(--base-h3-line-height, 2rem));
  }
}
@media (min-width: 1400px) {
  .project_list__wrap .each .title {
    font-size: 2.1rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
@media (min-width: 1194px) {
  .project_list__wrap .each .title {
    font-size: 1.9rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
@media (min-width: 768px) {
  .project_list__wrap .each .title {
    font-size: 1.75rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
.project_list__wrap .each p {
  margin-bottom: 0;
  width: 50%;
}

.project_list__wrap .each .image {
  filter: grayscale(90%) brightness(140%);
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  z-index: -1;
}

.projects_list__wrap {
  padding-top: 30%;
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-right: 12%;
}

.projects_list__wrap .col {
  display: block;
  width: calc(50% - 5px);
}

.projects_list__wrap .col:nth-child(odd) {
  margin-top: -30%;
}

.projects_list__wrap .each {
  display: block;
  margin-bottom: 10px;
  position: relative;
  background-color: #070e14;
  padding: 20px 20px 145%;
}

.projects_list__wrap .each .image {
  filter: grayscale(90%) brightness(140%);
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  transition: filter 0.3s ease-in-out;
}

.projects_list__wrap .each .image:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}

.projects_list__wrap .each .video {
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
}

.projects_list__wrap .each .video video {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.projects_list__wrap .each:hover .video {
  z-index: 1;
}

.projects_list__wrap .each .title {
  position: absolute;
  font-size: 1.3rem;
  font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 700;
  width: 80%;
  bottom: 20px;
  z-index: 2;
  color: #fff;
}

@media (min-width: 1400px) {
  .projects_list__wrap .each .title {
    font-size: 2.1rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
@media (min-width: 1194px) {
  .projects_list__wrap .each .title {
    font-size: 1.9rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
@media (min-width: 768px) {
  .projects_list__wrap .each .title {
    font-size: 1.75rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
.projects_list__wrap .each .category {
  -ms-writing-mode: tb;
  writing-mode: tb;
  transform: rotate(180deg);
  position: absolute;
  z-index: 2;
  color: #fff;
  top: 24px;
  left: 12px;
  text-transform: uppercase;
  font-size: 12px;
}

.projects_list__wrap .each:hover .image {
  filter: none;
}

.projects_list__wrap .each:hover .image:after {
  opacity: 0;
}

@media (max-width: 768px) {
  .projects_list__wrap {
    padding-right: 0;
  }
  .projects_list__wrap .col {
    width: 100%;
  }
}
.make-fixed-left {
  position: -webkit-sticky;
  position: sticky;
  top: 20%;
  margin-bottom: 30%;
}

.projects_v2_list__wrap {
  margin-bottom: 10vw;
}

.projects_v2_list__wrap .item {
  position: relative;
  width: 284px;
  height: 450px;
  margin-right: 4px;
  margin-left: 4px;
  margin-bottom: 8px;
  vertical-align: top;
  background-color: #000;
  transform: translateZ(0);
  display: inline-block;
  transition: margin-top 0.3s ease;
}

.projects_v2_list__wrap .item .image {
  filter: grayscale(90%) brightness(140%);
  position: absolute;
  height: 100%;
  width: 100%;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
  transition: filter 0.3s ease-in-out;
}

.projects_v2_list__wrap .item .image:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out;
}

.projects_v2_list__wrap .item .title {
  position: absolute;
  font-size: 1.3rem;
  font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 700;
  width: 80%;
  bottom: 20px;
  z-index: 2;
  color: #fff;
  left: 20px;
}

@media (min-width: 1400px) {
  .projects_v2_list__wrap .item .title {
    font-size: 2.1rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
@media (min-width: 1194px) {
  .projects_v2_list__wrap .item .title {
    font-size: 1.9rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
@media (min-width: 768px) {
  .projects_v2_list__wrap .item .title {
    font-size: 1.75rem;
    font-size: var(--base-h3-font-size, var(--base-h3-font-size, 1.5rem));
  }
}
.projects_v2_list__wrap .item .category {
  -ms-writing-mode: tb;
  writing-mode: tb;
  transform: rotate(180deg);
  position: absolute;
  z-index: 2;
  color: #fff;
  top: 24px;
  left: 12px;
  text-transform: uppercase;
  font-size: 12px;
}

.projects_v2_list__wrap .item:hover .image {
  filter: none;
}

.projects_v2_list__wrap .item:hover .image:after {
  opacity: 0;
}

.projects_v2_list__wrap .item-2 {
  margin-top: -60px;
}

.project-popup {
  position: fixed;
  background-color: transparent;
  transition: background-color 0.3s ease;
  z-index: 999;
  display: none;
  opacity: 0.8;
}

.project-popup.show {
  display: block;
}

.project-popup .close {
  width: 30px;
  height: 30px;
  background-color: #c1c1c1;
}

.body-stay {
  overflow: hidden;
}

.blog-shell {
  width: 100%;
  max-width: 1440px;
  min-width: 0;
}

.blog-index, .blog-article__hero {
  padding-top: clamp(40px, 6vw, 96px);
}

.blog-eyebrow {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: 24px;
}

.blog-heading {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: end;
  gap: 16px 48px;
  padding-bottom: 48px;
}

.blog-heading .blog-eyebrow {
  grid-column: 1/-1;
  margin: 0;
}

.blog-heading h1 {
  font-size: var(--base-h1-font-size);
  line-height: var(--base-h1-line-height);
  margin: 0;
}

.main .blog-heading p {
  max-width: 38ch;
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.4;
  margin: 0;
}

.blog-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  border-top: 1px solid #cdd2d5;
  padding: 24px 0 40px;
}

.blog-topics a {
  display: inline-flex;
  border: 1px solid #cdd2d5;
  padding: 12px 20px;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #070e14;
  transition: background-color 0.2s, color 0.2s;
}

.blog-topics a:hover, .blog-topics a[aria-current=page] {
  color: #fff;
  background: #070e14;
  border-color: #070e14;
}

.blog-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.blog-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid #dce0e2;
  background: #fff;
}

.blog-card--news {
  color: #fff;
  background: #070e14;
  border-color: #070e14;
}

.blog-card__image {
  aspect-ratio: 16/10;
  overflow: hidden;
}

.blog-card__image img {
  mix-blend-mode: luminosity;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 0.3s, transform 0.3s;
}

.blog-card__number {
  display: flex;
  align-items: center;
  aspect-ratio: 16/10;
  padding: 24px 28px;
  font-size: clamp(80px, 10vw, 140px);
  font-weight: 700;
  line-height: 1;
  color: #cdd2d5;
  letter-spacing: -0.05em;
}

.blog-card--news .blog-card__number {
  color: #394047;
}

.blog-card__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 28px;
}

.blog-card__meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 16px;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  opacity: 0.7;
  margin-bottom: 20px;
}

.blog-card h2 {
  font-size: clamp(24px, 2.2vw, 34px);
  line-height: 1.15;
  margin: 0 0 20px;
  overflow-wrap: anywhere;
}

.blog-card__link {
  color: inherit;
}

.blog-card--news .blog-card__link:hover, .blog-card--news .blog-card__link:focus-visible {
  color: #fff;
}

.blog-card__link::after {
  content: "";
  position: absolute;
  inset: 0;
}

.blog-card__link:focus-visible {
  outline: none;
}

.blog-card:focus-within {
  outline: 3px solid #697278;
  outline-offset: 4px;
}

.main .blog-card__excerpt {
  font-size: 17px;
  line-height: 1.55;
  margin: 0 0 32px;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog-card__action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: auto;
  padding-top: 24px;
  border-top: 1px solid #cdd2d5;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.blog-card--news .blog-card__action {
  border-color: #394047;
}

.blog-card__action .ui-arrow, .blog-back .ui-arrow {
  transition: translate 0.2s ease-out;
}

.blog-card:hover .ui-arrow, .blog-card:focus-within .ui-arrow {
  translate: 6px 0;
}

.blog-card:hover img {
  filter: grayscale(0);
  transform: scale(1.025);
}

.blog-pagination {
  margin-top: 32px;
}

.blog-pagination:empty {
  display: none;
}

.blog-back {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  color: #070e14;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 48px;
}

.blog-back:hover .ui-arrow {
  translate: -6px 0;
}

.blog-article__hero h1 {
  max-width: 22ch;
  font-size: var(--base-h1-font-size);
  line-height: var(--base-h1-line-height);
  overflow-wrap: anywhere;
  margin: 0 0 28px;
}

.blog-article__date {
  font-size: 14px;
  color: #697278;
  padding-bottom: 32px;
  border-bottom: 1px solid #cdd2d5;
}

.blog__wrap {
  width: 100%;
  max-width: none;
}

.blog-article__content {
  width: 100%;
  max-width: 860px;
  min-width: 0;
  overflow-wrap: anywhere;
  font-size: clamp(18px, 1.4vw, 21px);
  line-height: 1.7;
}

.main .blog-article__content p {
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 1.4em;
}

.blog-article__content h2 {
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.2;
  margin: 1.8em 0 0.7em;
}

.blog-article__content h3 {
  font-size: clamp(24px, 2vw, 30px);
  line-height: 1.25;
  margin: 1.5em 0 0.6em;
}

.blog-article__content > :first-child {
  margin-top: 0;
}

.blog-article__content ul, .blog-article__content ol {
  padding-left: 1.4em;
  margin-bottom: 1.5em;
}

.blog-article__content ul {
  list-style: disc;
}

.blog-article__content ol {
  list-style: decimal;
}

.blog-article__content li {
  margin-bottom: 0.5em;
}

.blog-article__content a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.blog-article__content img, .blog-article__content video {
  max-width: 100%;
  height: auto;
}

.blog-article__content iframe {
  max-width: 100%;
}

.blog-article__content blockquote {
  margin: 32px 0;
  padding: 24px 32px;
  border-left: 4px solid #070e14;
  background: #f0f2f3;
  font-size: 1.15em;
}

.blog-article__content pre {
  max-width: 100%;
  overflow: auto;
  padding: 24px;
  background: #070e14;
  color: #fff;
  font-size: 14px;
  line-height: 1.6;
  margin: 32px 0;
}

.blog-article__content pre code.hljs {
  padding: 0;
}

.blog-article__content :not(pre) > code {
  padding: 0.15em 0.35em;
  background: #edf0f1;
  font-size: 0.85em;
}

.blog-article__content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.blog-article__content th, .blog-article__content td {
  border: 1px solid #cdd2d5;
  padding: 12px;
}

.blog-article__footer .blog-shell {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid #cdd2d5;
  padding-top: 32px;
}

.main .blog-article__footer p {
  font-size: clamp(24px, 3vw, 40px);
  font-weight: 700;
  margin: 0;
}

@media (max-width: 1100px) {
  .blog-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 650px) {
  .blog-heading {
    grid-template-columns: 1fr;
    padding-bottom: 32px;
  }
  .blog-cards {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .blog-topics {
    padding-bottom: 28px;
  }
  .blog-topics a {
    padding: 10px 14px;
    font-size: 13px;
  }
  .blog-card__body {
    padding: 24px;
  }
  .blog-card__number {
    aspect-ratio: auto;
    height: 120px;
    padding: 24px;
  }
  .blog-back {
    margin-bottom: 32px;
  }
  .blog-article__content blockquote, .blog-article__content pre {
    padding: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .blog-card__image img, .blog-card__action .ui-arrow, .blog-back .ui-arrow {
    transition: none;
  }
  .blog-card:hover img {
    transform: none;
  }
  .blog-card:hover .ui-arrow, .blog-card:focus-within .ui-arrow, .blog-back:hover .ui-arrow {
    translate: none;
  }
}
.blog-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

.blog-sidebar, .blog-results {
  min-width: 0;
}

.blog-sidebar .blog-heading {
  display: block;
  padding-bottom: 32px;
}

.blog-sidebar .blog-eyebrow {
  margin-bottom: 20px;
}

.blog-sidebar .blog-heading h1 {
  margin-bottom: 24px;
}

.blog-sidebar .blog-topics {
  padding-bottom: 0;
}

.blog-results .blog-cards {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.blog-results .blog-pagination:first-child {
  margin-top: 0;
}

@media (min-width: 992px) {
  .blog-layout {
    grid-template-columns: minmax(240px, 0.85fr) minmax(0, 2fr);
    gap: clamp(32px, 5vw, 80px);
  }
  .blog-sidebar {
    position: sticky;
    top: clamp(100px, 12vh, 160px);
  }
  .blog-sidebar .blog-heading h1 {
    font-size: var(--base-h1-font-size);
  }
  .main .blog-sidebar .blog-heading p {
    font-size: clamp(20px, 1.6vw, 24px);
  }
  .blog-results .blog-card h2 {
    font-size: clamp(24px, 2vw, 32px);
  }
}
@media (max-width: 650px) {
  .blog-results .blog-cards {
    grid-template-columns: minmax(0, 1fr);
  }
}
@media (max-height: 700px) and (min-width: 992px) {
  .blog-sidebar {
    top: 88px;
  }
  .blog-sidebar .blog-heading {
    padding-bottom: 20px;
  }
  .blog-sidebar .blog-heading h1 {
    font-size: var(--base-h1-font-size);
    margin-bottom: 16px;
  }
  .blog-sidebar .blog-eyebrow {
    margin-bottom: 12px;
  }
  .blog-sidebar .blog-topics {
    padding-top: 16px;
  }
}
.blog-results .blog-cards {
  align-items: start;
}

.blog-results .blog-cards--masonry {
  grid-auto-rows: 1px;
  row-gap: 0;
}

.blog-results .blog-card {
  align-self: start;
}

.blog-card.is-reveal-pending {
  opacity: 0;
  translate: 0 28px;
}

.blog-card.is-reveal-ready {
  transition: opacity 0.55s ease-out, translate 0.55s ease-out;
}

.blog-card.is-reveal-pending:focus-within {
  opacity: 1;
  translate: none;
}

@media (prefers-reduced-motion: reduce) {
  .blog-card.is-reveal-pending {
    opacity: 1;
    translate: none;
  }
  .blog-card.is-reveal-ready {
    transition: none;
  }
}
@media (min-width: 992px) and (prefers-reduced-motion: no-preference) {
  .blog-results .blog-cards--masonry {
    padding-bottom: 24px;
  }
  .blog-results .blog-card {
    transform: translateY(var(--blog-parallax-y, 0px));
  }
}
.blog-article__heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: start;
  width: calc(50% + 50vw);
  gap: clamp(24px, 3vw, 56px);
}

.blog-article__heading h1 {
  min-width: 0;
  max-width: none;
  font-size: clamp(34px, 4.2vw, 72px);
  line-height: 1.1;
  letter-spacing: -0.015em;
  overflow-wrap: break-word;
  word-break: normal;
  text-wrap: balance;
  margin: 0 0 32px;
}

.blog-article__cover {
  width: 100%;
  min-width: 0;
  margin: 0 0 32px;
}

.blog-article__cover img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  mix-blend-mode: hard-light;
}

.page:has(.blog-article) {
  overflow-x: clip;
}

@media (max-width: 991px) {
  .blog-article__heading {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    gap: 0;
  }
  .blog-article__heading h1 {
    font-size: clamp(32px, 5.5vw, 52px);
    max-width: 28ch;
  }
  .blog-article__cover {
    width: calc(100% + var(--common-block-gap-horizontal, 24px));
  }
}
:root {
  --page-index-top: 144px;
}

.slide__iside_small:has(> .page-index-hero) {
  padding-top: 0;
}

.main .page-index-hero {
  position: relative;
  padding-top: var(--page-index-top);
}

.page-index-hero > .bg-title {
  position: absolute;
  top: 24px;
  right: 0;
  pointer-events: none;
}

.page-index-hero > .blog-layout {
  max-width: var(--common-element-max-width, 100%);
}

.page-index-hero .left-p {
  padding-left: 0;
}

.page-index-hero .grid {
  align-items: flex-start;
}

.page-index-hero .make-fixed-left {
  top: 120px;
}

.page-index-hero .breadcrumb, .page-index-hero .breadcrumbs, .page-index-hero .breadcrump__wrap {
  display: none;
}

.main .page-index-hero .page-index-eyebrow {
  display: block;
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 20px;
}

.main .page-index-hero h1 {
  font-size: var(--base-h1-font-size);
  line-height: var(--base-h1-line-height);
  padding-top: 0;
  margin: 0 0 24px;
}

@media (max-width: 991px) {
  :root {
    --page-index-top: 96px;
  }
}
.page:has(.home-hero-title) {
  max-width: none;
  width: 100%;
  overflow-x: clip;
}

.main > .slide__item:first-child {
  width: 100%;
  min-width: 0;
  overflow: clip;
}

.home-hero-title {
  container-type: inline-size;
}

.home-hero-title h1 {
  font-size: min(var(--base-h1-font-size), 10cqw);
  line-height: 1.15;
  white-space: nowrap;
  overflow-wrap: normal;
  word-break: normal;
}

.home-hero-title .hand-animation {
  white-space: nowrap;
}

.has-section-nav .cont__wrap {
  display: none;
}

.section-nav {
  position: fixed;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 80;
  color: #070e14;
}

.section-nav[hidden] {
  display: none;
}

.section-nav__toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: 32px;
  background: transparent;
  color: inherit;
  border: 0;
  padding: 8px;
  cursor: pointer;
}

.section-nav__total, .section-nav__current {
  display: block;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 14px;
  line-height: 1;
}

.section-nav__current {
  font-size: 22px;
}

.section-nav__line {
  width: 1px;
  height: 150px;
  background: currentColor;
  opacity: 0.55;
}

.section-nav__links {
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translate(8px, -50%);
  width: 260px;
  max-width: calc(100vw - 96px);
  padding: 8px 16px;
  margin: 0;
  list-style: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}

.section-nav.is-open .section-nav__links {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(0, -50%);
}

.section-nav__links a {
  display: flex;
  align-items: baseline;
  padding: 8px 0;
  color: #697278;
  font-size: 15px;
  line-height: 1.4;
}

.section-nav__links a strong {
  font-weight: 700;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}

.section-nav__links a:hover, .section-nav__links a[aria-current=location] {
  color: #070e14;
}

.section-nav__links a[aria-current=location] strong {
  text-decoration: underline;
  text-underline-offset: 5px;
}

.section-nav button:focus-visible, .section-nav a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

html.has-section-nav {
  scroll-behavior: smooth;
}

main [data-url-name] {
  scroll-margin-top: 120px;
}

@media (max-width: 991px) {
  .section-nav {
    left: auto;
    right: 16px;
    top: auto;
    bottom: 16px;
    transform: none;
  }
  .section-nav__toggle {
    flex-direction: row-reverse;
    width: auto;
    gap: 10px;
    background: #fff;
    border: 1px solid #cdd2d5;
    padding: 14px;
    box-shadow: 0 4px 20px rgba(7, 14, 20, 0.0784313725);
  }
  .section-nav__total, .section-nav__current {
    writing-mode: horizontal-tb;
    transform: none;
    font-size: 14px;
  }
  .section-nav__current {
    font-weight: 700;
  }
  .section-nav__line {
    width: 24px;
    height: 1px;
  }
  .section-nav__links {
    top: auto;
    bottom: 100%;
    left: auto;
    right: 0;
    transform: translateY(8px);
    margin-bottom: 8px;
    max-width: calc(100vw - 32px);
    max-height: 60vh;
    overflow-y: auto;
  }
  .section-nav.is-open .section-nav__links {
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  html.has-section-nav {
    scroll-behavior: auto;
  }
  .section-nav__links {
    transition: none;
  }
}
.site-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  border-top: 1px solid #cdd2d5;
  padding-top: 32px;
}

.main .site-pagination__summary {
  margin: 0;
  font-size: 14px;
  color: #697278;
}

.site-pagination__pages {
  display: flex;
  gap: 8px;
}

.site-pagination__page {
  display: grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  border: 1px solid #cdd2d5;
  color: #070e14;
  font-weight: 700;
}

.site-pagination__page:hover, .site-pagination__page[aria-current=page] {
  color: #fff;
  background: #070e14;
  border-color: #070e14;
}

.site-pagination__next {
  margin-left: auto;
}

.main .site-pagination__status {
  width: 100%;
  margin: 0;
  font-size: 15px;
}

.site-pagination__status:empty {
  display: none;
}

.site-pagination[aria-busy=true] .site-pagination__next {
  opacity: 0.5;
  pointer-events: none;
}

@media (max-width: 650px) {
  .site-pagination {
    gap: 16px;
  }
  .site-pagination__summary {
    width: 100%;
  }
  .site-pagination__next {
    width: 100%;
    margin-left: 0;
  }
}
.contacts-page__container {
  width: 100%;
  max-width: var(--common-element-max-width, 100%);
  min-width: 0;
}

.contacts-page__intro {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(24px, 5vw, 80px);
  margin-block: 48px;
  align-items: start;
}

.main .contacts-page h2 {
  font-size: var(--base-h2-font-size);
  line-height: 1.12;
  margin: 0 0 28px;
}

.main .contacts-page p, .contacts-page li {
  font-size: clamp(18px, 1.6vw, 24px);
  line-height: 1.5;
}

.contacts-page__email {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border-block: 1px solid #070e14;
  padding-block: 28px;
  font-size: clamp(36px, 7.8vw, 120px);
  line-height: 1.1;
  font-weight: 700;
  text-transform: uppercase;
}

.contacts-page__email .ui-arrow {
  flex-shrink: 0;
  width: 1em;
  height: 0.64em;
  transition: translate 0.25s ease-out;
}

.contacts-page__email:hover span:first-child {
  text-decoration: underline;
  text-underline-offset: 0.1em;
}

.contacts-page a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 6px;
}

.contacts-page__details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 5vw, 80px);
  margin-top: clamp(48px, 7vw, 100px);
}

.contacts-page__label {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 32px;
}

.contacts-page__brief ul {
  padding-left: 22px;
  margin-bottom: 28px;
  list-style: disc;
}

.contacts-page__brief li {
  padding-left: 8px;
  margin-bottom: 16px;
}

.main .contacts-page__note {
  font-size: 18px;
  color: #60666a;
}

.contacts-page__meeting {
  background: #070e14;
  color: #fff;
  padding: clamp(24px, 3.5vw, 56px);
}

.contacts-page__meeting .contacts-page__label {
  color: #b7bbbe;
}

.contacts-page__action {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  border-top: 1px solid #60666a;
  padding-top: 24px;
  margin-top: 40px;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 700;
}

.contacts-page__action:hover {
  text-decoration: underline;
}

@media (max-width: 767px) {
  .contacts-page__intro, .contacts-page__details {
    grid-template-columns: 1fr;
  }
  .contacts-page__intro {
    margin-block: 32px;
    gap: 4px;
  }
  .contacts-page__email {
    font-size: clamp(30px, 7.8vw, 60px);
    padding-block: 24px;
    gap: 12px;
  }
  .contacts-page__meeting {
    margin-top: 8px;
  }
}
.main .contacts-page__meeting a, .main .contacts-page__meeting a:hover, .main .contacts-page__meeting a:focus {
  color: #fff;
}

.contacts-page__email:hover .ui-arrow, .contacts-page__email:focus-visible .ui-arrow {
  translate: -0.1em 0;
}

@media (prefers-reduced-motion: reduce) {
  .contacts-page__email .ui-arrow {
    transition: none;
  }
}
.client-page__container {
  width: 100%;
  max-width: var(--common-element-max-width, 100%);
  min-width: 0;
}

.client-page__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  margin-top: 48px;
  border: 1px solid #070e14;
}

.client-page__intro {
  min-width: 0;
  background: #070e14;
  color: #fff;
  padding: clamp(28px, 4vw, 64px);
}

.client-page__workspace {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: clamp(48px, 6vw, 88px);
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #bdc3c7;
}

.client-page__mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border: 1px solid #60686e;
  font-size: 24px;
  color: #fff;
}

.client-page__workspace-index {
  margin-left: auto;
  white-space: nowrap;
}

.client-page__intro h2 {
  margin-bottom: 24px;
  font-size: var(--base-h2-font-size);
  line-height: 1.1;
}

.main .client-page__intro > p {
  font-size: clamp(18px, 1.45vw, 22px);
  line-height: 1.55;
  color: #bdc3c7;
  max-width: 42ch;
  margin-bottom: 0;
}

.client-features {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  margin-top: clamp(40px, 5vw, 72px);
}

.client-feature {
  border-top: 1px solid #394148;
  padding-top: 24px;
}

.client-feature svg {
  width: 32px;
  height: 32px;
  margin-bottom: 20px;
  color: #bdc3c7;
}

.main .client-feature h3 {
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 12px;
}

.main .client-feature p {
  font-size: 16px;
  line-height: 1.5;
  color: #bdc3c7;
  margin: 0;
}

.client-login {
  min-width: 0;
  background: #fff;
  padding: clamp(28px, 4vw, 64px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.client-login__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 40px;
}

.client-login__label {
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #60666a;
}

.client-login__lock {
  width: 24px;
  height: 24px;
  color: #60666a;
}

.main .client-login h2 {
  font-size: var(--base-h3-font-size);
  line-height: 1.2;
  margin-bottom: 16px;
}

.main .client-login__intro {
  font-size: 18px;
  line-height: 1.5;
  color: #60666a;
  margin: 0 0 36px;
  max-width: 28ch;
}

.client-login label {
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}

.client-login input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  min-width: 0;
  border: 1px solid #cdd2d5;
  border-radius: 0;
  background: #f5f6f6;
  color: #070e14;
  padding: 16px;
  font: inherit;
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 24px;
  transition: border-color 0.2s, background 0.2s;
}

.client-login input::placeholder {
  color: #777f85;
}

.client-login input:focus {
  background: #fff;
  border-color: #070e14;
}

.client-login input:focus-visible {
  outline: 2px solid #070e14;
  outline-offset: 2px;
}

.main .client-login__message {
  font-size: 16px;
  line-height: 1.5;
  min-height: 24px;
  margin: 0 0 20px;
}

.client-login button {
  width: 100%;
  gap: 24px;
  justify-content: space-between;
  border-radius: 0;
}

.client-login button:disabled {
  opacity: 0.55;
  cursor: default;
}

.main .client-page__help {
  font-size: 15px;
  line-height: 1.6;
  color: #60666a;
  border-top: 1px solid #cdd2d5;
  padding-top: 24px;
  margin: 32px 0 0;
}

.main .client-page__help a {
  color: #070e14;
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 991px) {
  .client-page__grid {
    grid-template-columns: 1fr 1fr;
  }
  .client-page__workspace-index {
    display: none;
  }
  .client-features {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .client-page__grid {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }
  .client-page__workspace {
    margin-bottom: 40px;
  }
  .client-login__top {
    margin-bottom: 32px;
  }
}
@media (max-width: 359px) {
  .client-features {
    grid-template-columns: 1fr;
  }
}
.client-page__mark svg {
  width: 20px;
  height: 20px;
}

.policy-page__container {
  width: 100%;
  max-width: 1440px;
  min-width: 0;
}

.policy-page h1 {
  overflow-wrap: anywhere;
}

.policy-page__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
  font-size: 14px;
  color: #60666a;
  border-bottom: 1px solid #cdd2d5;
  padding: 12px 0 28px;
}

.policy-page__draft {
  margin-top: 24px;
  padding: 20px 24px;
  border-left: 2px solid #070e14;
  background: #f3f5f6;
  font-size: 16px;
  line-height: 1.5;
}

.policy-page__layout {
  display: grid;
  grid-template-columns: minmax(180px, 0.3fr) minmax(0, 1fr);
  gap: clamp(32px, 6vw, 96px);
  margin-top: 56px;
  align-items: start;
}

.policy-page__nav {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 110px;
}

.policy-page__nav > span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}

.policy-page__nav a {
  font-size: 15px;
  line-height: 1.4;
}

.policy-page__nav a:hover {
  text-decoration: underline;
}

.policy-page__content {
  max-width: 860px;
  min-width: 0;
}

.policy-page__content section {
  border-top: 1px solid #cdd2d5;
  padding-top: 28px;
  margin-bottom: 48px;
  scroll-margin-top: 110px;
}

.policy-page__content h2 {
  font-size: var(--base-h3-font-size);
  line-height: 1.2;
  margin-bottom: 24px;
}

.main .policy-page__content p, .policy-page__content li {
  font-size: clamp(18px, 1.4vw, 21px);
  line-height: 1.65;
}

.policy-page__content ul {
  list-style: disc;
  padding-left: 24px;
  margin-bottom: 24px;
}

.policy-page__content li {
  margin-bottom: 12px;
}

.policy-page__content a {
  text-decoration: underline;
  text-underline-offset: 4px;
}

@media (max-width: 767px) {
  .policy-page__layout {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }
  .policy-page__nav {
    position: static;
  }
}

/* End */


/* Start:/local/templates/main/js/swiper/swiper-bundle.css?179197343314609*/
/**
 * Swiper 12.2.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 27, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/main/js/highlight/styles/a11y-dark.min.css?17919734331158*/
pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: a11y-dark
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/.hljs{background:#2b2b2b;color:#f8f8f2}.hljs-comment,.hljs-quote{color:#d4d0ab}.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#ffa07a}.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type{color:#f5ab35}.hljs-attribute{color:gold}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#abe338}.hljs-section,.hljs-title{color:#00e0e0}.hljs-keyword,.hljs-selector-tag{color:#dcc6e0}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}@media screen and (-ms-high-contrast:active){.hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type{color:highlight}.hljs-keyword,.hljs-selector-tag{font-weight:700}}
/* End */
/* /local/templates/main/components/bitrix/menu/top_menu/style.css?17920097922865 */
/* /local/templates/main/styles.css?179200979277 */
/* /local/templates/main/template_styles.css?1792009792116964 */
/* /local/templates/main/js/swiper/swiper-bundle.css?179197343314609 */
/* /local/templates/main/js/highlight/styles/a11y-dark.min.css?17919734331158 */