:root {
  --color-primary: #E31513;
  --color-primary-10: rgba(227, 21, 19, .1);
  --color-primary-light: #FFE9E9;
  --color-secondary: #9040D6;
  --color-black: #1C1C23;
  --color-black-10: rgba(28, 28, 35, .1);
  --color-black-20: rgba(28, 28, 35, .2);
  --color-black-4: rgba(28, 28, 35, .04);
  --color-dark: #22252F;
  --color-dark-light: #373742;
  --color-maroon: #190202;
  --color-grey: #848495;
  --color-ash: #9B9BA3;
  --color-cream: #ECECF1;
  --color-grey-light: #F5F5F9;
  --color-milk: #FCFCFE;
  --color-white: #fff;
  --color-white-10: rgba(255, 255, 255, .1);
  --color-white-20: rgba(255, 255, 255, .2);
  --color-white-30: rgba(255, 255, 255, .3);
  --color-white-50: rgba(255, 255, 255, .5);
  --color-white-70: rgba(255, 255, 255, .7);
  --color-white-80: rgba(255, 255, 255, .8);
  --color-tg: #27A7E7;
  --color-info: #0044ff;
  --color-mint: #00CF9D;
  --color-cyan: #3F8B8F;
  --color-cyan-16: rgba(63, 139, 143, .16);
  --color-vk: #0077FF;
  --color-ten: #FC3234;
  --color-yt: #C4302B;
  --ls-tiny: -.01em;
  --ls-small: -.02em;
  --ls-medium: -.04em;
  --lh-12: 1.25;
  --lh-13: 1.3076;
  --lh-14: 1.286;
  --lh-16: 1.3125;
  --lh-18: 1.277;
  --lh-24: 1.292;
  --lh-22: 1.281;
  --lh-32: 1.281;
  --lh-36: 1.111;
  --lh-42: 1.286;
  --lh-60: 1;
  --opacity-m: .7;
  --shadow-m-grey-10: 0 10px 20px 0 rgba(184, 184, 223, .1);
  --shadow-l-grey-5: 0 10px 20px 0 rgba(184, 184, 223, .1);
  --shadow-l-primary-20: 0 12px 30px 0 rgba(227, 21, 19, .2);
  --shadow-l-black-40: 0 12px 30px 0 rgba(0, 0, 0, .4);
  --classless-link-color: var(--color-info);
}

@font-face {
  font-family: "TT Firs Neue";
  font-display: swap;
  src: url("../fonts/TTFirsNeue/TTFirsNeue-Light.eot");
  src: local("TT Firs Neue Light"), local("TTFirsNeue-Light"), url("../fonts/TTFirsNeue/TTFirsNeue-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue/TTFirsNeue-Light.woff2") format("woff2"), url("../fonts/TTFirsNeue/TTFirsNeue-Light.woff") format("woff"), url("../fonts/TTFirsNeue/TTFirsNeue-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  font-display: swap;
  src: url("../fonts/TTFirsNeue/TTFirsNeue-Regular.eot");
  src: local("TT Firs Neue Regular"), local("TTFirsNeue-Regular"), url("../fonts/TTFirsNeue/TTFirsNeue-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue/TTFirsNeue-Regular.woff2") format("woff2"), url("../fonts/TTFirsNeue/TTFirsNeue-Regular.woff") format("woff"), url("../fonts/TTFirsNeue/TTFirsNeue-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  font-display: swap;
  src: url("../fonts/TTFirsNeue/TTFirsNeue-Medium.eot");
  src: local("TT Firs Neue Medium"), local("TTFirsNeue-Medium"), url("../fonts/TTFirsNeue/TTFirsNeue-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue/TTFirsNeue-Medium.woff2") format("woff2"), url("../fonts/TTFirsNeue/TTFirsNeue-Medium.woff") format("woff"), url("../fonts/TTFirsNeue/TTFirsNeue-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  font-display: swap;
  src: url("../fonts/TTFirsNeue/TTFirsNeue-DemiBold.eot");
  src: local("TT Firs Neue DemiBold"), local("TTFirsNeue-DemiBold"), url("../fonts/TTFirsNeue/TTFirsNeue-DemiBold.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue/TTFirsNeue-DemiBold.woff2") format("woff2"), url("../fonts/TTFirsNeue/TTFirsNeue-DemiBold.woff") format("woff"), url("../fonts/TTFirsNeue/TTFirsNeue-DemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "TT Firs Neue";
  font-display: swap;
  src: url("../fonts/TTFirsNeue/TTFirsNeue-Bold.eot");
  src: local("TT Firs Neue Boldight"), local("TTFirsNeue-Bold"), url("../fonts/TTFirsNeue/TTFirsNeue-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/TTFirsNeue/TTFirsNeue-Bold.woff2") format("woff2"), url("../fonts/TTFirsNeue/TTFirsNeue-Bold.woff") format("woff"), url("../fonts/TTFirsNeue/TTFirsNeue-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
:where(*, *::before, *::after),
*::before, *::after {
  box-sizing: border-box;
  min-width: 0;
}

:where(html) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.5;
}

:where(body) {
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:where(article, aside, footer, header, nav, section, main) {
  display: block;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
  max-width: 100%;
}

:where(img, svg) {
  height: auto;
}

:where(svg) {
  fill: currentColor;
}

:where(audio:not([controls])) {
  display: none;
}

:where(h1, h2, h3, h4, h5, h6) {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

:where(p, pre, blockquote, figure, dl, dd) {
  margin: 0;
}

:where(ol, ul) {
  list-style: none;
  margin: 0;
  padding: 0;
}

:where(pre) {
  white-space: pre-wrap;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}

:where(hr) {
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
}

:where(button, input, optgroup, select, textarea) {
  font-family: inherit;
  font-size: 100%;
  line-height: inherit;
  margin: 0;
  padding: 0;
}

:where(button, input) {
  overflow: visible;
}

:where(button, select) {
  text-transform: none;
}

:where(button, [type=button], [type=reset], [type=submit]) {
  -webkit-appearance: button;
}

:where(button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner) {
  border-style: none;
  padding: 0;
}

:where(fieldset) {
  margin: 0;
  padding: 0;
  border: 0;
}

:where(legend) {
  padding: 0;
}

:where(progress) {
  vertical-align: baseline;
}

:where(textarea) {
  resize: vertical;
}

:where([type=checkbox], [type=radio]) {
  box-sizing: border-box;
}

:where([type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button) {
  height: auto;
}

:where([type=search]) {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

:where([type=search]::-webkit-search-decoration) {
  -webkit-appearance: none;
}

:where(a) {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

:where(button, [role=button]) {
  cursor: pointer;
  touch-action: manipulation;
}

:where([disabled]) {
  cursor: not-allowed;
  opacity: 0.75;
}

:where([aria-busy=true]) {
  cursor: progress;
}

:where([aria-hidden=false][hidden]) {
  display: initial;
}

:where([aria-hidden=false][hidden]:not(:focus)) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

:where(:focus-visible) {
  outline: 2px solid Highlight;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@media print {
  :where(*, *::before, *::after) {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  :where(a[href^=http]::after) {
    content: " (" attr(href) ")";
    font-size: 90%;
  }
}
h1:not([class]),
h2:not([class]),
h3:not([class]),
h4:not([class]),
h5:not([class]),
h6:not([class]) {
  font-weight: 500;
  line-height: 1.4;
}
h1:not([class]):last-child,
h2:not([class]):last-child,
h3:not([class]):last-child,
h4:not([class]):last-child,
h5:not([class]):last-child,
h6:not([class]):last-child {
  margin-bottom: 0;
}

h1:not([class]) {
  margin: 0 0 40px;
  font-size: 60px;
  line-height: 1;
  letter-spacing: var(--ls-medium);
}
@media (min-width: 768px) {
  h1:not([class]) {
    font-size: 70px;
  }
}

h2:not([class]) {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: var(--lh-24);
  letter-spacing: 0;
}
@media (min-width: 768px) {
  h2:not([class]) {
    margin: 0 0 30px;
    font-size: 32px;
    line-height: var(--lh-32);
    letter-spacing: var(--ls-small);
  }
}

h3:not([class]) {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: var(--lh-24);
  letter-spacing: var(--ls-small);
}

h4:not([class]) {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: var(--lh-18);
}

h5:not([class]) {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: var(--lh-16);
}

h6:not([class]) {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: var(--lh-14);
}

p:not([class]),
ul:not([class]),
ol:not([class]),
table:not([class]),
fieldset:not([class]) {
  margin: 0 0 1.3125em;
}
@media (min-width: 768px) {
  p:not([class]),
  ul:not([class]),
  ol:not([class]),
  table:not([class]),
  fieldset:not([class]) {
    margin: 0 0 1.277em;
  }
}
p:not([class]):last-child,
ul:not([class]):last-child,
ol:not([class]):last-child,
table:not([class]):last-child,
fieldset:not([class]):last-child {
  margin-bottom: 0;
}

picture:not([class]) {
  display: block;
  max-width: 100%;
  margin: 60px 0 30px;
}
picture:not([class]):first-child {
  margin-top: 0;
}
picture:not([class]):last-child {
  margin-bottom: 0;
}

img:not([class]) {
  max-width: 100%;
  margin: 60px 0 30px;
}
img:not([class]):first-child {
  margin-top: 0;
}
img:not([class]):last-child {
  margin-bottom: 0;
}

ul:not([class]) {
  list-style: none;
}
ul:not([class]) > li:not([class]) {
  padding: 0 0 0 27px;
}
ul:not([class]) > li:not([class]):before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 12px;
  width: 3px;
  height: 3px;
  background: currentColor;
  border-radius: 50%;
}

ol:not([class]) {
  counter-reset: ol;
}
ol:not([class]) > li:not([class]) {
  padding: 0;
  margin: 0 0 10px;
}
ol:not([class]) > li:not([class]):last-child {
  margin-bottom: 0;
}
ol:not([class]) > li:not([class]):before {
  content: counter(ol) ".";
  counter-increment: ol;
  display: inline;
  color: currentColor;
  margin: 0 10px 0 0;
}

li:not([class]) {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}
li:not([class]):last-child {
  margin-bottom: 0;
}

table:not([class]) {
  display: table;
  width: 100%;
  margin: 0 0 20px;
  border-spacing: 1px;
  border-collapse: collapse;
  border: 1px solid #dedede;
}

caption:not([class]) {
  display: table-caption;
  padding: 0 0 10px;
  font-size: 1.1em;
  text-align: center;
}

th:not([class]) {
  vertical-align: middle;
  padding: 10px;
  font-weight: 700;
  text-align: center;
  background: #f1f1f1;
  border: 1px solid #dedede;
}

tbody:not([class]) th:not([class]) {
  text-align: left;
}

td:not([class]) {
  padding: 10px;
  border: 1px solid #dedede;
}

tr:not([class]):nth-child(even) th:not([class]),
tr:not([class]):nth-child(even) td:not([class]) {
  background: #e6e6e6;
}

thead:not([class]) {
  color: #888;
}

tfoot:not([class]) {
  color: #888;
}
tfoot:not([class]) th:not([class]),
tfoot:not([class]) td:not([class]) {
  background: #e6e6e6;
}

a:not([class]) {
  color: var(--classless-link-color);
  text-decoration: none;
  border: none;
  transition: color 0.3s ease;
  outline: none;
}
a:not([class]):hover {
  text-decoration: underline;
}
a:not([class]):focus-visible {
  text-decoration: underline;
}
a:not([class]):active {
  -webkit-text-decoration: underlin;
          text-decoration: underlin;
}

sub:not([class]) {
  bottom: -0.25em;
  vertical-align: bottom;
  font-size: 0.75em;
}

sup:not([class]) {
  top: -0.5em;
  vertical-align: top;
  font-size: 0.75em;
}

i:not([class]),
em:not([class]),
dfn:not([class]) {
  font-style: italic;
}

b:not([class]),
strong:not([class]) {
  font-weight: 500;
}

s:not([class]),
strike:not([class]),
del:not([class]) {
  text-decoration: line-through;
}

ins:not([class]) {
  text-decoration: underline;
}

q:not([class]) {
  display: inline;
}
q:not([class]):before {
  content: open-quote;
}
q:not([class]):after {
  content: close-quote;
}

kbd:not([class]) {
  font-family: monospace, monospace;
}

mark:not([class]) {
  color: var(--color-primary);
  font-weight: 500;
  background: transparent;
}

abbr:not([class]) {
  position: relative;
  text-decoration: none;
}
abbr:not([class])[title]:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #000;
}

blockquote:not([class]) {
  margin: 0 0 20px;
}
blockquote:not([class]):last-child {
  margin-bottom: 0;
}
blockquote:not([class]):before {
  content: "";
  display: block;
  width: 41px;
  height: 32px;
  margin: 0 0 12px;
  background: var(--color-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='41' height='32' viewBox='0 0 41 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.1104 31.5V0.5H31.1582L40.3906 16.0684V31.5H25.1104Z' fill='%23E31513' stroke='%23E31513'/%3E%3Cpath d='M0.5 31.5V0.5H6.54883L15.7812 16.0684V31.5H0.5Z' fill='%23E31513' stroke='%23E31513'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='41' height='32' viewBox='0 0 41 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.1104 31.5V0.5H31.1582L40.3906 16.0684V31.5H25.1104Z' fill='%23E31513' stroke='%23E31513'/%3E%3Cpath d='M0.5 31.5V0.5H6.54883L15.7812 16.0684V31.5H0.5Z' fill='%23E31513' stroke='%23E31513'/%3E%3C/svg%3E%0A");
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  -webkit-mask-size: contain;
          mask-size: contain;
}

dl:not([class]) {
  margin: 0 0 20px;
}

dd:not([class]) {
  padding: 0 0 0 50px;
}

hr:not([class]) {
  width: 100%;
  height: 0;
  margin: 30px 0 0;
  padding: 0 0 30px;
  background: none;
  border: none;
}
@media (min-width: 768px) {
  hr:not([class]) {
    margin: 45px 0 0;
    padding: 0 0 45px;
  }
}

:where(.plain-text) h1,
:where(.plain-text) h2,
:where(.plain-text) h3,
:where(.plain-text) h4,
:where(.plain-text) h5,
:where(.plain-text) h6 {
  font-weight: 500;
  line-height: 1.4;
}
:where(.plain-text) h1:last-child,
:where(.plain-text) h2:last-child,
:where(.plain-text) h3:last-child,
:where(.plain-text) h4:last-child,
:where(.plain-text) h5:last-child,
:where(.plain-text) h6:last-child {
  margin-bottom: 0;
}
:where(.plain-text) h1 {
  margin: 0 0 40px;
  font-size: 60px;
  line-height: 1;
  letter-spacing: var(--ls-medium);
}
@media (min-width: 768px) {
  :where(.plain-text) h1 {
    font-size: 70px;
  }
}
:where(.plain-text) h2 {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: var(--lh-24);
  letter-spacing: 0;
}
@media (min-width: 768px) {
  :where(.plain-text) h2 {
    margin: 0 0 30px;
    font-size: 32px;
    line-height: var(--lh-32);
    letter-spacing: var(--ls-small);
  }
}
:where(.plain-text) h3 {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: var(--lh-24);
  letter-spacing: var(--ls-small);
}
:where(.plain-text) h4 {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: var(--lh-18);
}
:where(.plain-text) h5 {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: var(--lh-16);
}
:where(.plain-text) h6 {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: var(--lh-14);
}
:where(.plain-text) p,
:where(.plain-text) ul,
:where(.plain-text) ol,
:where(.plain-text) table,
:where(.plain-text) fieldset {
  margin: 0 0 1.3125em;
}
@media (min-width: 768px) {
  :where(.plain-text) p,
  :where(.plain-text) ul,
  :where(.plain-text) ol,
  :where(.plain-text) table,
  :where(.plain-text) fieldset {
    margin: 0 0 1.277em;
  }
}
:where(.plain-text) p:last-child,
:where(.plain-text) ul:last-child,
:where(.plain-text) ol:last-child,
:where(.plain-text) table:last-child,
:where(.plain-text) fieldset:last-child {
  margin-bottom: 0;
}
:where(.plain-text) picture {
  display: block;
  max-width: 100%;
  margin: 60px 0 30px;
}
:where(.plain-text) picture:first-child {
  margin-top: 0;
}
:where(.plain-text) picture:last-child {
  margin-bottom: 0;
}
:where(.plain-text) img {
  max-width: 100%;
  margin: 60px 0 30px;
}
:where(.plain-text) img:first-child {
  margin-top: 0;
}
:where(.plain-text) img:last-child {
  margin-bottom: 0;
}
:where(.plain-text) ul {
  list-style: none;
}
:where(.plain-text) ul > li {
  padding: 0 0 0 27px;
}
:where(.plain-text) ul > li:before {
  content: "";
  position: absolute;
  top: 0.6em;
  left: 12px;
  width: 3px;
  height: 3px;
  background: currentColor;
  border-radius: 50%;
}
:where(.plain-text) ol {
  counter-reset: ol;
}
:where(.plain-text) ol > li {
  padding: 0;
  margin: 0 0 10px;
}
:where(.plain-text) ol > li:last-child {
  margin-bottom: 0;
}
:where(.plain-text) ol > li:before {
  content: counter(ol) ".";
  counter-increment: ol;
  display: inline;
  color: currentColor;
  margin: 0 10px 0 0;
}
:where(.plain-text) li {
  position: relative;
  margin: 0;
  padding: 0 0 0 20px;
  list-style: none;
}
:where(.plain-text) li:last-child {
  margin-bottom: 0;
}
:where(.plain-text) table {
  display: table;
  width: 100%;
  margin: 0 0 20px;
  border-spacing: 1px;
  border-collapse: collapse;
  border: 1px solid #dedede;
}
:where(.plain-text) caption {
  display: table-caption;
  padding: 0 0 10px;
  font-size: 1.1em;
  text-align: center;
}
:where(.plain-text) th {
  vertical-align: middle;
  padding: 10px;
  font-weight: 700;
  text-align: center;
  background: #f1f1f1;
  border: 1px solid #dedede;
}
:where(.plain-text) tbody th {
  text-align: left;
}
:where(.plain-text) td {
  padding: 10px;
  border: 1px solid #dedede;
}
:where(.plain-text) tr:nth-child(even) th,
:where(.plain-text) tr:nth-child(even) td {
  background: #e6e6e6;
}
:where(.plain-text) thead {
  color: #888;
}
:where(.plain-text) tfoot {
  color: #888;
}
:where(.plain-text) tfoot th,
:where(.plain-text) tfoot td {
  background: #e6e6e6;
}
:where(.plain-text) a {
  color: var(--classless-link-color);
  text-decoration: none;
  border: none;
  transition: color 0.3s ease;
  outline: none;
}
:where(.plain-text) a:hover {
  text-decoration: underline;
}
:where(.plain-text) a:focus-visible {
  text-decoration: underline;
}
:where(.plain-text) a:active {
  -webkit-text-decoration: underlin;
          text-decoration: underlin;
}
:where(.plain-text) sub {
  bottom: -0.25em;
  vertical-align: bottom;
  font-size: 0.75em;
}
:where(.plain-text) sup {
  top: -0.5em;
  vertical-align: top;
  font-size: 0.75em;
}
:where(.plain-text) i,
:where(.plain-text) em,
:where(.plain-text) dfn {
  font-style: italic;
}
:where(.plain-text) b,
:where(.plain-text) strong {
  font-weight: 500;
}
:where(.plain-text) s,
:where(.plain-text) strike,
:where(.plain-text) del {
  text-decoration: line-through;
}
:where(.plain-text) ins {
  text-decoration: underline;
}
:where(.plain-text) q {
  display: inline;
}
:where(.plain-text) q:before {
  content: open-quote;
}
:where(.plain-text) q:after {
  content: close-quote;
}
:where(.plain-text) kbd {
  font-family: monospace, monospace;
}
:where(.plain-text) mark {
  color: var(--color-primary);
  font-weight: 500;
  background: transparent;
}
:where(.plain-text) abbr {
  position: relative;
  text-decoration: none;
}
:where(.plain-text) abbr[title]:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px dotted #000;
}
:where(.plain-text) blockquote {
  margin: 0 0 20px;
}
:where(.plain-text) blockquote:last-child {
  margin-bottom: 0;
}
:where(.plain-text) blockquote:before {
  content: "";
  display: block;
  width: 41px;
  height: 32px;
  margin: 0 0 12px;
  background: var(--color-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='41' height='32' viewBox='0 0 41 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.1104 31.5V0.5H31.1582L40.3906 16.0684V31.5H25.1104Z' fill='%23E31513' stroke='%23E31513'/%3E%3Cpath d='M0.5 31.5V0.5H6.54883L15.7812 16.0684V31.5H0.5Z' fill='%23E31513' stroke='%23E31513'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='41' height='32' viewBox='0 0 41 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.1104 31.5V0.5H31.1582L40.3906 16.0684V31.5H25.1104Z' fill='%23E31513' stroke='%23E31513'/%3E%3Cpath d='M0.5 31.5V0.5H6.54883L15.7812 16.0684V31.5H0.5Z' fill='%23E31513' stroke='%23E31513'/%3E%3C/svg%3E%0A");
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  -webkit-mask-size: contain;
          mask-size: contain;
}
:where(.plain-text) dl {
  margin: 0 0 20px;
}
:where(.plain-text) dd {
  padding: 0 0 0 50px;
}
:where(.plain-text) hr {
  width: 100%;
  height: 0;
  margin: 30px 0 0;
  padding: 0 0 30px;
  background: none;
  border: none;
}
@media (min-width: 768px) {
  :where(.plain-text) hr {
    margin: 45px 0 0;
    padding: 0 0 45px;
  }
}

body {
  color: var(--color-black);
  font-family: "TT Firs Neue", Arial, sans-serif;
  font-variant: no-common-ligatures;
  font-size: 16px;
  font-weight: 400;
  line-height: var(--lh-16);
  background: var(--color-grey-light);
}
@media (min-width: 768px) {
  body {
    font-size: 18px;
    line-height: var(--lh-18);
  }
}

fieldset:not([class]) {
  padding: 20px;
  border: 1px solid #dedede;
}

legend:not([class]) {
  margin: 0 0 0 2em;
  padding: 0 0.5em;
}

select:not([class]) {
  width: 200px;
  padding: 10px;
  line-height: 1.6;
  background: #fff;
  border: 1px solid #343434;
}

input[type=text]:not([class]),
input[type=password]:not([class]),
input[type=email]:not([class]),
input[type=url]:not([class]),
input[type=number]:not([class]),
input[type=datetime]:not([class]),
input[type=datetime-local]:not([class]),
input[type=search]:not([class]),
input[type=tel]:not([class]),
input[type=month]:not([class]),
input[type=week]:not([class]),
input[type=date]:not([class]),
input[type=time]:not([class]),
textarea:not([class]) {
  box-sizing: border-box;
  width: 200px;
  margin: 0 0 5px;
  padding: 10px;
  color: #343434;
  font-size: 1em;
  line-height: 1.6;
  text-align: left;
  background: #fff;
  border: 1px solid #343434;
  outline: none;
}
input[type=text]:not([class])::-moz-placeholder, input[type=password]:not([class])::-moz-placeholder, input[type=email]:not([class])::-moz-placeholder, input[type=url]:not([class])::-moz-placeholder, input[type=number]:not([class])::-moz-placeholder, input[type=datetime]:not([class])::-moz-placeholder, input[type=datetime-local]:not([class])::-moz-placeholder, input[type=search]:not([class])::-moz-placeholder, input[type=tel]:not([class])::-moz-placeholder, input[type=month]:not([class])::-moz-placeholder, input[type=week]:not([class])::-moz-placeholder, input[type=date]:not([class])::-moz-placeholder, input[type=time]:not([class])::-moz-placeholder, textarea:not([class])::-moz-placeholder {
  color: #ddd;
  font-size: 16px;
}
input[type=text]:not([class])::placeholder,
input[type=password]:not([class])::placeholder,
input[type=email]:not([class])::placeholder,
input[type=url]:not([class])::placeholder,
input[type=number]:not([class])::placeholder,
input[type=datetime]:not([class])::placeholder,
input[type=datetime-local]:not([class])::placeholder,
input[type=search]:not([class])::placeholder,
input[type=tel]:not([class])::placeholder,
input[type=month]:not([class])::placeholder,
input[type=week]:not([class])::placeholder,
input[type=date]:not([class])::placeholder,
input[type=time]:not([class])::placeholder,
textarea:not([class])::placeholder {
  color: #ddd;
  font-size: 16px;
}

textarea:not([class]) {
  resize: none;
}

input[type=radio]:not([class]),
input[type=checkbox]:not([class]) {
  margin: 0 2px;
}

button:not([class]),
input[type=button]:not([class]),
input[type=reset]:not([class]),
input[type=submit]:not([class]) {
  padding: 10px;
  font-size: 1em;
  line-height: 1.6;
  background: #f5f5f5;
  border: 1px solid #dedede;
  border-radius: 0;
  outline: none;
}

button:not([class]):hover,
input[type=button]:not([class]):hover,
input[type=reset]:not([class]):hover,
input[type=submit]:not([class]):hover {
  background: #bbb;
}

label:not([class]) {
  font-weight: 700;
}

.bs-group {
  margin: 0 0 40px;
  padding: 20px 0;
  border-top: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.bs-group__title {
  margin: 0 0 20px;
  color: #909090;
  text-transform: uppercase;
}

.bs-tags-style li {
  margin: 0 0 8px;
}
.bs-tags-style li:last-child {
  margin-bottom: 0;
}

[class|=bx] a:not([class]) {
  -webkit-text-fill-color: currentColor;
  background-color: transparent;
  background-image: none;
}

.highlight {
  color: var(--color-primary);
}

.highlight_tg {
  color: var(--color-tg);
}

.panel-paragraph {
  display: block;
  margin: 40px 0 30px;
  color: var(--color-primary);
  font-weight: 500;
  padding: 15px;
  background: var(--color-primary-light);
  border: 1px solid var(--color-primary-light);
  border-radius: 16px;
}
@media (min-width: 768px) {
  .panel-paragraph {
    margin: 60px 0 30px;
  }
}
.panel-paragraph:first-child {
  margin-top: 0;
}
.panel-paragraph:last-child {
  margin-bottom: 0;
}

blockquote.quote-panel {
  padding: 30px;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: var(--ls-medium);
  background: var(--color-grey-light);
}
@media (min-width: 768px) {
  blockquote.quote-panel {
    padding: 40px;
    font-size: 24px;
    line-height: 1.2083;
    letter-spacing: var(--ls-small);
  }
}
blockquote.quote-panel p:not([class]) {
  margin: 0 0 8px;
}
@media (min-width: 768px) {
  blockquote.quote-panel p:not([class]) {
    margin: 0 0 12px;
  }
}
blockquote.quote-panel p:not([class]):last-child {
  margin-bottom: 0;
}

.illustrated-text {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  margin: 30px 0;
}
.illustrated-text:first-child {
  margin-top: 0;
}
.illustrated-text:last-child {
  margin-bottom: 0;
}
.illustrated-text picture {
  display: block;
  overflow: hidden;
  flex: 0 0 auto;
  width: auto;
  margin: 0;
  border-radius: 10px;
}
.illustrated-text img {
  display: block;
  width: 140px;
  heigh: 140px;
  -o-object-fit: cover;
     object-fit: cover;
}
.illustrated-text p:not([class]) {
  display: block;
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
  padding: 34px 15px 34px 34px;
  font-size: 18px;
  line-height: 1.333;
  margin: 0;
}

.illustrated-text__name,
.illustrated-text__role {
  padding: 0px 0px 0px 34px;
}

.illustrated-text_direction_reverse {
  flex-direction: row-reverse;
}

.hidden {
  display: none;
}
@media (max-width: 389px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 390px) {
  .hidden-up-xs {
    display: none !important;
  }
}

.hidden {
  display: none;
}
@media (max-width: 479px) {
  .hidden-s {
    display: none !important;
  }
}
@media (min-width: 480px) {
  .hidden-up-s {
    display: none !important;
  }
}

.hidden {
  display: none;
}
@media (max-width: 767px) {
  .hidden-m {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .hidden-up-m {
    display: none !important;
  }
}

.hidden {
  display: none;
}
@media (max-width: 991px) {
  .hidden-l {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .hidden-up-l {
    display: none !important;
  }
}

.hidden {
  display: none;
}
@media (max-width: 1199px) {
  .hidden-xl {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-up-xl {
    display: none !important;
  }
}

.hidden {
  display: none;
}
@media (max-width: 1439px) {
  .hidden-xxl {
    display: none !important;
  }
}
@media (min-width: 1440px) {
  .hidden-up-xxl {
    display: none !important;
  }
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.accordion {
  position: relative;
  display: block;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  line-height: var(--lh-14);
  background: var(--color-white);
  border-radius: 16px;
}
@media (min-width: 768px) {
  .accordion {
    font-size: 16px;
    line-height: var(--lh-16);
    border-radius: 24px;
  }
}
.accordion__header {
  display: block;
}
.accordion__trigger {
  position: relative;
  display: block;
  width: 100%;
  padding: 21px 66px 22px 20px;
  color: var(--color-black);
  font-size: 18px;
  font-weight: 500;
  line-height: var(--lh-18);
  text-align: left;
  background: transparent;
  border: none;
  transition: padding 0.3s ease;
}
@media (min-width: 768px) {
  .accordion__trigger {
    padding: 20px 106px 20px 30px;
    font-size: 22px;
    line-height: var(--lh-22);
  }
}
@media (min-width: 992px) {
  .accordion__trigger {
    padding: 20px 100px 20px 30px;
  }
}
.accordion__visual {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 26px;
  height: 26px;
  color: var(--color-primary);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: var(--color-cream);
  border-radius: 6px;
  transform: translate(0, -50%);
}
@media (min-width: 768px) {
  .accordion__visual {
    right: 24px;
  }
}
.accordion__visual:before, .accordion__visual:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
.accordion__visual:after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__body {
  position: relative;
  overflow: hidden;
  display: block;
  max-height: 0;
  padding: 0 66px 0 20px;
  transition: all 0.3s ease;
  transition-property: max-height, padding;
}
@media (min-width: 768px) {
  .accordion__body {
    padding: 0 106px 0 30px;
  }
}
@media (min-width: 992px) {
  .accordion__body {
    padding: 0 100px 0 30px;
  }
}
.accordion__text {
  display: block;
  margin: 0 0 20px;
  color: var(--color-grey);
}
.accordion__text:last-child {
  margin-bottom: 0;
}
.accordion_state_open .accordion__trigger {
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .accordion_state_open .accordion__trigger {
    padding-bottom: 20px;
  }
}
.accordion_state_open .accordion__body {
  max-height: 300px;
  padding-bottom: 20px;
}
@media (min-width: 390px) {
  .accordion_state_open .accordion__body {
    max-height: 220px;
  }
}
@media (min-width: 768px) {
  .accordion_state_open .accordion__body {
    max-height: 120px;
  }
}
@media (min-width: 992px) {
  .accordion_state_open .accordion__body {
    max-height: 80px;
  }
}
.accordion_state_open .accordion__visual:after {
  opacity: 0;
}
.accordion-group {
  display: block;
}
.accordion-group__list {
  display: block;
}
.accordion-group__item {
  display: block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .accordion-group__item {
    margin: 0 0 20px;
  }
}
.accordion-group__item:last-child {
  margin-bottom: 0;
}
.advantage-group {
  display: block;
}
.advantage-group__list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  max-width: 350px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .advantage-group__list {
    row-gap: 20px;
    max-width: none;
    margin: 0 -5px;
  }
}
@media (min-width: 992px) {
  .advantage-group__list {
    margin: 0 -10px;
  }
}
.advantage-group__item {
  display: block;
  flex: 0 1 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .advantage-group__item {
    flex-basis: 50%;
    width: 50%;
    padding: 0 5px;
  }
}
@media (min-width: 992px) {
  .advantage-group__item {
    flex: 0 0 auto;
    width: 100%;
    margin: 0 10px;
    padding: 0;
  }
}
@media (min-width: 992px) {
  .advantage-group__item_width_l {
    flex-basis: 421px;
  }
}
@media (min-width: 992px) {
  .advantage-group__item_width_m {
    flex-basis: 278px;
  }
}
.advantage-group__panel {
  height: 100%;
  min-height: 350px;
}
.advantage-panel {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  font-size: 18px;
  line-height: var(--lh-18);
  color: var(--color-black);
  background: var(--color-grey-light);
  border-radius: 30px;
}
.advantage-panel__illustration {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 0;
}
.advantage-panel__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: 0 0;
     object-position: 0 0;
}
.advantage-panel__wrapper {
  display: flex;
  flex: 1 1 100%;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  padding: 30px 20px;
  position: relative;
  z-index: 1;
}
.advantage-panel__title {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  max-width: 250px;
  margin: auto 0 12px;
  font-size: 24px;
  font-weight: 500;
  line-height: var(--lh-24);
  letter-spacing: var(--ls-small);
}
.advantage-panel__title:last-child {
  margin-bottom: 0;
}
.advantage-panel__text {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  max-width: 330px;
  text-wrap: balance;
}
@media (min-width: 768px) {
  .advantage-panel__text {
    text-wrap: auto;
  }
}
.advantage-panel__controls {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  margin: auto 0 0;
}
.advantage-panel__control {
  display: block;
  flex: 0 1 auto;
  min-width: 152px;
}
.advantage-panel__links {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  gap: 10px 30px;
  width: 100%;
  margin: 30px 0 0;
  font-size: 16px;
  line-height: var(--lh-16);
}
.advantage-panel__link-item {
  display: block;
  flex: 0 1 auto;
}
.advantage-panel__link {
  display: inline;
  vertical-align: middle;
  color: var(--color-info);
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: opacity 0.3s ease;
}
.advantage-panel__link:hover, .advantage-panel__link:focus-visible {
  color: var(--color-info);
  text-decoration: none;
  outline: none;
  opacity: var(--opacity-m);
}
.advantage-panel_style_primary {
  color: var(--color-white);
  background-color: var(--color-primary);
}
.advantage-panel_style_dark {
  color: var(--color-white);
  background-color: var(--color-dark);
}
.advantage-panel_text-position_top .advantage-panel__title {
  margin-top: 0;
}
.advantage-panel_image-position_bottom .advantage-panel__image {
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}
.advantage-panel_image-position_cover .advantage-panel__image {
  -o-object-fit: cover;
     object-fit: cover;
}
.arrow-link {
  display: inline-flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px;
  color: var(--color-primary);
  font-size: 16px;
  fint-weight: 400;
  line-height: var(--lh-16);
  text-decoration: none;
  letter-spacing: var(--ls-small);
  text-align: left;
  background: transaprent;
  border: none;
  outline: none;
  transition: opacity 0.3s ease;
}
.arrow-link:hover, .arrow-link:focus {
  color: var(--color-primary);
  text-decoration: none;
  outline: none;
  opacity: var(--opacity-m);
}
.arrow-link__text {
  display: block;
  flex: 0 1 auto;
}
.arrow-link__icon {
  display: block;
  width: 3px;
  height: 7px;
  fill: currentColor;
}
.arrow-link_style_light {
  color: var(--color-white);
}
.arrow-link_style_light:hover, .arrow-link_style_light:focus {
  color: var(--color-white);
}
.article {
  display: block;
}
.article__card {
  padding: 0 0 60px;
}
@media (min-width: 768px) {
  .article__card {
    padding: 0 0 88px;
  }
}
.article__card:last-child {
  padding-bottom: 0;
}
.article__content {
  padding: 60px 0;
  background: var(--color-milk);
}
@media (min-width: 768px) {
  .article__content {
    padding: 38px 0 120px;
  }
}
.article__content:last-child {
  padding-bottom: 0;
}
.article__form-banner {
  padding: 0 0 60px;
  background: var(--color-milk);
}
.article__form-banner:last-child {
  padding-bottom: 0;
}
.article__banner-wrapper {
  margin: 0 -20px;
}
@media (min-width: 768px) {
  .article__banner-wrapper {
    margin: 0;
  }
}
.article__footer {
  padding: 0 0 30px;
  background: var(--color-milk);
}
@media (min-width: 768px) {
  .article__footer {
    padding: 0 0 60px;
  }
}
.article__wrapper {
  display: block;
}
@media (min-width: 1200px) {
  .article__wrapper {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 100px;
  }
}
.article__aside {
  display: none;
}
@media (min-width: 1200px) {
  .article__aside {
    display: block;
    flex: 0 0 260px;
    width: 260px;
    max-width: 260px;
  }
}
.article__sidebar {
  position: sticky;
  top: 121px;
  z-index: 2;
}
.article__nav {
  display: block;
  margin: 0 0 113px;
}
.article__nav:last-child {
  margin-bottom: 0;
}
.article__banner {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0 0 20px;
  border-radius: 20px;
}
.article__banner:last-child {
  margin-bottom: 0;
}
.article__banner:empty:before {
  background: var(--color-grey-light);
}
.article__banner:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 153.84615% 0 0;
}
.article__banner_state_placeholder:before {
  background: var(--color-grey-light);
}
.article__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article__main {
  position: relative;
  z-index: 1;
  display: block;
  flex: 1 1 100%;
  width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article__main {
    padding: 52px 0 0;
  }
}
@media (min-width: 1200px) {
  .article__main {
    max-width: calc(100% - 360px);
  }
}
@media (min-width: 1200px) {
  .article__main:only-child {
    max-width: 100%;
  }
}
.article__main img:not([class]) {
  width: 100%;
}
.article__footer-wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .article__footer-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }
}
.article__tag-filter {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.article__hashtag-group {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 992px) {
  .article__hashtag-group {
    flex: 0 1 auto;
    width: auto;
    max-width: 70%;
  }
}
.article__social-nav {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 992px) {
  .article__social-nav {
    flex: 0 1 auto;
    width: auto;
    max-width: 25%;
  }
}
.article__section {
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .article__section {
    margin: 0 0 60px;
  }
}
.article__section:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .article__section + .article__path {
    margin-top: -50px;
  }
}
.article__path {
  margin: 0 0 60px;
}
.article__path:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .article_type_case .article__content {
    padding: 85px 0 90px;
  }
}
@media (min-width: 992px) {
  .article_type_case .article__content {
    padding: 90px 0;
  }
}
.article_type_case .article__main {
  padding: 0;
}
.article-card {
  display: block;
}
@media (min-width: 992px) {
  .article-card {
    display: flex;
    flex-wrap: nowrap;
  }
}
.article-card__main {
  display: block;
  margin: 0 0 39px;
}
@media (min-width: 992px) {
  .article-card__main {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    padding: 0 50px 0 0;
    margin: 0;
  }
}
.article-card__main:last-child {
  margin-bottom: 0;
}
.article-card__aside {
  display: block;
}
@media (min-width: 992px) {
  .article-card__aside {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-end;
    flex: 0 0 460px;
    width: 460px;
    max-width: 460px;
  }
}
.article-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 20px;
  margin: 0 0 22px;
}
@media (min-width: 768px) {
  .article-card__meta {
    margin: 0 0 31px;
  }
}
.article-card__meta:last-child {
  margin-bottom: 0;
}
.article-card__date {
  display: block;
  flex: 0 1 auto;
}
.article-card__stat-group {
  display: block;
  flex: 0 1 auto;
}
.article-card__labels {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  flex-wrap: nowrap;
  gap: 10px;
}
.article-card__labels:last-child {
  margin-bottom: 0;
}
.article-card__label {
  display: block;
  flex: 0 1 auto;
}
.article-card__tags {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex: 0 1 auto;
  gap: 20px;
  width: auto;
}
.article-card__tag {
  display: block;
  flex: 0 1 auto;
  width: auto;
}
.article-card__date {
  display: block;
  flex: 0 1 auto;
  width: auto;
}
.article-card__title {
  display: block;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .article-card__title {
    margin: 0 0 40px;
  }
}
@media (min-width: 992px) {
  .article-card__title {
    margin: 0 0 54px;
  }
}
.article-card__title:last-child {
  margin-bottom: 0;
}
.article-card__text {
  max-width: 400px;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: var(--color-grey);
}
.article-card__people {
  display: grid;
  grid-template-columns: repeat(1, max-content);
  align-items: center;
  margin: 30px 0 20px;
  gap: 10px 31px;
}
@media (min-width: 768px) {
  .article-card__people {
    grid-template-columns: repeat(2, max-content);
    gap: 20px 31px;
  }
}
@media (min-width: 992px) {
  .article-card__people {
    margin: 54px 0 20px;
    grid-template-columns: repeat(1, max-content);
  }
}
@media (min-width: 1200px) {
  .article-card__people {
    grid-template-columns: repeat(2, max-content);
  }
}
.article-card__people:last-child {
  margin-bottom: 0;
}
.article-card__person {
  display: block;
  flex: 0 1 auto;
  width: auto;
  max-width: 290px;
}
.article-card__illustration {
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
  width: 100%;
  max-width: 350px;
  margin: 0 0 20px;
  border-radius: 30px;
}
@media (min-width: 768px) {
  .article-card__illustration {
    max-width: 460px;
  }
}
.article-card__illustration:last-child {
  margin-bottom: 0;
}
.article-card__illustration:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 66.66% 0 0;
  background: var(--color-cream);
}
@media (min-width: 768px) {
  .article-card__illustration:before {
    padding: 50.65% 0 0;
  }
}
.article-card__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-card__social {
  position: absolute;
  left: 10px;
  bottom: 10px;
  z-index: 1;
  display: block;
}
@media (min-width: 768px) {
  .article-card__social {
    left: auto;
    right: 10px;
  }
}
.article-card__social:last-child {
  margin-bottom: 0;
}
.article-carousel {
  display: block;
}
.article-carousel .article-carousel__container {
  overflow: visible;
}
@media (min-width: 992px) {
  .article-carousel .article-carousel__container {
    overflow: hidden;
  }
}
.article-carousel .article-carousel__wrapper {
  align-items: stretch;
  height: auto;
}
@media (max-width: 991px) {
  .article-carousel .article-carousel__wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 60px 20px;
  }
}
@media (max-width: 767px) {
  .article-carousel .article-carousel__wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 25px;
  }
}
.article-carousel .article-carousel__slide {
  height: auto;
}
@media (min-width: 992px) {
  .article-carousel__container:not(.swiper-initialized) .article-carousel__wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
}
.article-carousel__container:not(.swiper-initialized) .article-carousel__slide:nth-child(n+4) {
  display: none;
}
.article-carousel__slide {
  flex: 0 0 280px;
  width: 280px;
  margin: 0 11px 0 0;
}
@media (min-width: 390px) {
  .article-carousel__slide {
    flex: 0 0 350px;
    width: 350px;
  }
}
@media (min-width: 768px) {
  .article-carousel__slide {
    flex: 0 0 370px;
    width: 370px;
    margin: 0 25px 0 0;
  }
}
@media (min-width: 992px) {
  .article-carousel__slide {
    flex-basis: auto;
    width: auto;
    margin: 0;
  }
}
.article-carousel__slide:last-child {
  margin-right: 0;
}
.article-carousel__snippet {
  height: 100%;
}
.article-carousel__nav {
  display: none;
}
@media (min-width: 992px) {
  .article-carousel__nav {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 0;
  }
}
.article-grid {
  display: block;
}
.article-grid__wrapper {
  display: grid;
  grid-template-columns: auto;
  gap: 20px;
}
@media (min-width: 768px) {
  .article-grid__wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .article-grid__wrapper {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
  }
}
.article-grid__panel {
  height: 100%;
  min-height: 402px;
}
.article-grid__article-panel:nth-child(n+5) {
  display: none;
}
@media (min-width: 992px) {
  .article-grid__article-panel:nth-child(n+5) {
    display: block;
  }
}
.article-grid__pagination {
  padding: 40px 0 0;
}
.article-grid__pagination ~ .article-grid__tag-filter {
  display: none;
}
@media (min-width: 768px) {
  .article-grid__pagination ~ .article-grid__tag-filter {
    display: block;
  }
}
.article-grid__tag-filter {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .article-grid__tag-filter {
    padding: 60px 0;
  }
}
.article-grid__tag-filter:first-child {
  padding-top: 0;
}
.article-grid__tag-filter:last-child {
  padding-bottom: 0;
}
.article-group {
  display: block;
}
.article-group__list {
  display: grid;
  grid-template-columns: auto;
  gap: 20px;
  max-width: 350px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .article-group__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 15px;
    max-width: 100%;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .article-group__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 25px;
  }
}
.article-group__item {
  display: block;
}
.article-group__snippet {
  height: 100%;
}
.article-group__pagination {
  padding: 50px 0 0;
}
.article-group__pagination ~ .article-group__tag-filter {
  display: none;
}
@media (min-width: 768px) {
  .article-group__pagination ~ .article-group__tag-filter {
    display: block;
  }
}
.article-group__categories {
  display: block;
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .article-group__categories {
    margin: 0 0 39px;
  }
}
.article-group__categories:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .article-group__categories + .article-group__tag-filter {
    padding-top: 0;
  }
}
.article-group__tag-filter {
  padding: 40px 0;
}
@media (min-width: 768px) {
  .article-group__tag-filter {
    padding: 60px 0;
  }
}
.article-group__tag-filter:first-child {
  padding-top: 0;
}
.article-group__tag-filter:last-child {
  padding-bottom: 0;
}
.article-group__text {
  margin: 0 0 40px;
  color: var(--color-grey);
  font-size: 16px;
}
@media (min-width: 768px) {
  .article-group__text {
    margin: 0 0 60px;
  }
}
.article-group__text:last-child {
  margin-bottom: 0;
}
.article-group_gap_m .article-group__list {
  gap: 37px;
}
@media (min-width: 768px) {
  .article-group_gap_m .article-group__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
  }
}
@media (min-width: 992px) {
  .article-group_gap_m .article-group__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 37px 25px;
  }
}
.article-group_gap_s .article-group__list {
  gap: 10px;
}
@media (min-width: 768px) {
  .article-group_gap_s .article-group__list {
    gap: 25px 10px;
  }
}
@media (min-width: 992px) {
  .article-group_gap_s .article-group__list {
    gap: 25px;
  }
}
.article-panel {
  position: relative;
  padding: 20px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  overflow: hidden;
  color: var(--color-black);
  font-size: 16px;
  line-height: var(--lh-16);
  background: var(--color-grey-light);
  border-radius: 30px;
}
.article-panel__main {
  margin: 0 0 24px;
  display: block;
  flex: 1 1 auto;
  z-index: 1;
  width: 100%;
}
.article-panel__main:last-child {
  margin-bottom: 0;
}
.article-panel__date {
  display: block;
  margin: 0 0 24px;
}
.article-panel__date:last-child {
  margin-bottom: 0;
}
.article-panel__title {
  display: block;
  margin: 0 0 12px;
  font-size: 22px;
  font-weight: 500;
  line-height: var(--lh-22);
}
.article-panel__title:last-child {
  margin-bottom: 0;
}
.article-panel__text {
  display: block;
  margin: 0 0 12px;
}
.article-panel__text:last-child {
  margin-bottom: 0;
}
.article-panel__footer {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  z-index: 1;
}
.article-panel__image {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.article-panel__svg {
  width: 100%;
  height: 100%;
}
.article-panel_style_primary {
  color: var(--color-white);
  background-color: var(--color-primary);
}
.article-panel_style_dark {
  color: var(--color-white);
  background-color: var(--color-dark);
}
.article-panel_style_cream {
  background-color: var(--color-cream);
}
.article-panels {
  display: block;
}
.article-panels .article-panels__container {
  overflow: visible;
}
@media (min-width: 1200px) {
  .article-panels .article-panels__container {
    overflow: hidden;
  }
}
.article-panels .article-panels__wrapper {
  align-items: stretch;
  height: auto;
}
@media (max-width: 1199px) {
  .article-panels .article-panels__wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: 10px;
  }
}
@media (max-width: 991px) {
  .article-panels .article-panels__wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .article-panels .article-panels__wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 20px;
  }
}
.article-panels .article-panels__slide {
  height: auto;
}
@media (min-width: 1200px) {
  .article-panels__container:not(.swiper-initialized) .article-panels__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.article-panels__container:not(.swiper-initialized) .article-panels__slide:nth-child(n+5) {
  display: none;
}
.article-panels__slide {
  flex: 0 0 275px;
  width: 275px;
  margin: 0 20px 0 0;
}
@media (min-width: 1200px) {
  .article-panels__slide {
    flex-basis: auto;
    width: auto;
    margin: 0;
  }
}
.article-panels__slide:last-child {
  margin-right: 0;
}
.article-panels__panel {
  height: 100%;
  min-height: 402px;
}
@media (min-width: 768px) {
  .article-panels__panel {
    min-height: auto;
  }
}
.article-panels__nav {
  display: none;
}
@media (min-width: 1200px) {
  .article-panels__nav {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 0;
  }
}
.article-snippet {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.article-snippet__illustration {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 30px;
  filter: drop-shadow(0px 10px 30px rgba(114, 114, 144, 0.1));
  border-radius: 8px;
  overflow: hidden;
}
.article-snippet__illustration:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 56.9108% 0 0;
}
.article-snippet__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.article-snippet__content {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  margin: 0 0 20px;
}
.article-snippet__content:last-child {
  margin-bottom: 0;
}
.article-snippet__inner {
  display: block;
  margin: 0 0 14px;
}
.article-snippet__inner:last-child {
  margin-bottom: 0;
}
.article-snippet__title {
  display: block;
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 500;
  text-wrap: balance;
}
.article-snippet__title:last-child {
  margin-bottom: 0;
}
.article-snippet__text {
  display: -webkit-box;
  margin: 0 0 20px;
  font-size: 16px;
  line-height: var(--lh-16);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.article-snippet__text:last-child {
  margin-bottom: 0;
}
.article-snippet__footer {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.article-snippet__author {
  display: block;
  margin: 0 0 20px;
}
.article-snippet__author:last-child {
  margin-bottom: 0;
}
.article-snippet__controls {
  display: block;
  margin: 0 0 20px;
}
.article-snippet__controls:last-child {
  margin-bottom: 0;
}
.article-snippet__control {
  display: block;
  margin: 0 0 20px;
}
.article-snippet__control:last-child {
  margin-bottom: 0;
}
.article-snippet__labels {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.article-snippet__promo {
  margin: 0 0 10px;
}
.article-snippet__promo:last-child {
  margin-bottom: 0;
}
.article-snippet__post {
  margin: 0 0 9px;
}
.article-snippet__post:last-child {
  margin-bottom: 0;
}
.article-snippet_type_panel {
  padding: 9px;
  background: var(--color-white);
  border: 1px solid #EDEDF2;
  border-radius: 30px;
  text-align: left;
}
.article-snippet_type_panel .article-snippet__illustration {
  margin: 0 0 10px;
}
.article-snippet_type_panel .article-snippet__illustration:last-child {
  margin-bottom: 0;
}
.article-snippet_type_panel .article-snippet__illustration:before {
  padding: 49% 0 0;
}
@media (min-width: 992px) {
  .article-snippet_type_panel .article-snippet__illustration:before {
    padding: 40% 0 0;
  }
}
.article-snippet_type_panel .article-snippet__content {
  padding: 10px;
  margin: 0;
}
.article-snippet_type_panel .article-snippet__footer {
  padding: 4px 10px 10px;
}
.article-snippet_type_extended {
  padding: 10px 10px 20px;
  text-align: left;
  border-radius: 20px;
}
@media (min-width: 992px) {
  .article-snippet_type_extended {
    padding: 10px;
  }
}
.article-snippet_type_extended .article-snippet__content {
  padding: 0;
  margin: 0 0 15px;
}
@media (min-width: 768px) {
  .article-snippet_type_extended .article-snippet__content {
    margin: 0 0 7px;
  }
}
@media (min-width: 992px) {
  .article-snippet_type_extended .article-snippet__content {
    padding: 0 10px 10px;
  }
}
.article-snippet_type_extended .article-snippet__footer {
  padding: 0;
}
@media (min-width: 992px) {
  .article-snippet_type_extended .article-snippet__footer {
    padding: 0 10px 10px;
  }
}
.article-snippet_type_extended .article-snippet__illustration {
  margin: 0 0 20px;
  border-radius: 20px;
}
.article-snippet_type_extended .article-snippet__illustration:last-child {
  margin-bottom: 0;
}
.article-snippet_type_extended .article-snippet__illustration:before {
  padding: 49.4108% 0 0;
}
@media (min-width: 768px) {
  .article-snippet_type_extended .article-snippet__illustration:before {
    padding: 60.0108% 0 0;
  }
}
.article-snippet_type_extended .article-snippet__image {
  -o-object-position: top;
     object-position: top;
}
@media (min-width: 768px) {
  .article-snippet_type_extended .article-snippet__image {
    -o-object-position: center;
       object-position: center;
  }
}
.article-snippet_type_extended .article-snippet__inner {
  margin: 0 0 10px;
  display: flex;
  gap: 10px;
}
@media (min-width: 768px) {
  .article-snippet_type_extended .article-snippet__inner {
    margin: 0 0 12px;
  }
}
@media (min-width: 992px) {
  .article-snippet_type_extended .article-snippet__inner {
    margin: 0 0 20px;
  }
}
.article-snippet_type_extended .article-snippet__inner:last-child {
  margin-bottom: 0;
}
.article-snippet_type_extended .article-snippet__title {
  font-size: 22px;
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .article-snippet_type_extended .article-snippet__title {
    margin: 0 0 20px;
  }
}
@media (min-width: 992px) {
  .article-snippet_type_extended .article-snippet__title {
    font-size: 24px;
  }
}
.article-snippet_type_extended .article-snippet__text {
  color: var(--color-grey);
  font-weight: 500;
}
.article-snippet_type_extended .article-snippet__author {
  margin: 0 0 30px;
}
.article-snippet_type_extended .article-snippet__author:last-child {
  margin-bottom: 0;
}
.article-snippet_spacing_m .article-snippet__illustration {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .article-snippet_spacing_m .article-snippet__illustration {
    margin: 0 0 30px;
  }
}
.article-snippet_spacing_m .article-snippet__illustration:last-child {
  margin-bottom: 0;
}
.article-snippet_spacing_m .article-snippet__illustration::before {
  padding: 53.2108% 0 0;
}
@media (min-width: 768px) {
  .article-snippet_spacing_m .article-snippet__illustration::before {
    padding: 56.9108% 0 0;
  }
}
@media (min-width: 768px) {
  .article-snippet_spacing_m .article-snippet__content {
    margin: 0 0 27px;
  }
}
@media (min-width: 992px) {
  .article-snippet_spacing_m .article-snippet__content {
    margin: 0 0 17px;
  }
}
.article-snippet_spacing_m .article-snippet__content:last-child {
  margin-bottom: 0;
}
.article-snippet_spacing_m .article-snippet__inner {
  margin: 0 0 9px;
}
@media (min-width: 768px) {
  .article-snippet_spacing_m .article-snippet__inner {
    margin: 0 0 14px;
  }
}
.article-snippet_spacing_m .article-snippet__inner:last-child {
  margin-bottom: 0;
}
.article-snippet_spacing_m .article-snippet__controls {
  max-width: 100%;
}
@media (min-width: 992px) {
  .article-snippet_spacing_m .article-snippet__controls {
    max-width: 156px;
  }
}
.article-snippet_style_cream {
  background: var(--color-cream);
}
.attention-block {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 30px;
  color: var(--color-black);
  font-size: 18px;
  font-weight: 500;
  line-height: var(--lh-18);
  background: var(--color-white);
  border-radius: 20px;
}
@media (min-width: 768px) {
  .attention-block {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .attention-block {
    padding: 30px;
  }
}
.attention-block:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50px;
  right: 50px;
  z-index: 0;
  display: block;
  height: 10px;
  pointer-events: none;
  filter: blur(12px);
  background: rgba(112, 112, 114, 0.3);
}
.attention-block__main {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 100%;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
}
.attention-block__image-set {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 auto;
  padding: 0 0 10px;
}
.attention-block__control {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  max-width: 160px;
  margin: 0 0 auto;
  padding: 0 0 10px;
}
.attention-block__stat {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: auto 0 0;
  color: var(--color-primary);
  font-size: 90px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: var(--ls-medium);
}
.attention-block__text {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 10px;
  text-wrap: balance;
}
.attention-block__text:last-child {
  margin-bottom: 0;
}
.attention-block__title {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 10px;
  font-size: 24px;
  font-weight: 500;
  line-height: var(--lh-24);
  letter-spacing: var(--ls-small);
}
.attention-block__title:last-child {
  margin-bottom: 0;
}
.attention-block__link {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 10px;
}
.attention-block__link:last-child {
  margin-bottom: 0;
}
.attention-block__link_spacing_none {
  margin-bottom: 0;
}
.attention-block__illustration {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  display: block;
  overflow: hidden;
  border-top-right-radius: inherit;
}
.attention-block__illustration_align_center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.attention-block_style_primary {
  color: var(--color-white);
  background-color: var(--color-primary);
}
.attention-block_style_primary .attention-block__stat {
  color: inherit;
}
.attention-block_style_glass {
  color: var(--color-dark);
  background: var(--color-white-80);
  backdrop-filter: blur(40px);
  border: 1px solid #ededf2;
}
.attention-block_style_telegram {
  color: var(--color-white);
  background-color: var(--color-tg);
}
.attention-block_style_blur:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-idnex: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(transparent 69px, var(--color-tg) 120px);
  border-radius: inherit;
}
.attention-block_style_blur .attention-block__stat {
  color: inherit;
}
.attention-block_style_youtube {
  color: var(--color-white);
  background: var(--color-yt);
}
.attention-block_style_t {
  color: var(--color-white);
  background: var(--color-ten);
}
.attention-block_style_vk {
  color: var(--color-white);
  background: var(--color-vk);
}
.attention-block_style_telegram-violet {
  color: var(--color-white);
  background: var(--color-secondary);
}
.attention-block_style_dark {
  color: var(--color-white);
  background: var(--color-dark);
}
.attention-block_style_dark .attention-block__stat {
  color: inherit;
}
.attention-block_content_bottom .attention-block__control {
  order: 4;
  margin: 0;
  padding: 0;
}
.attention-block_content_bottom .attention-block__link {
  order: 1;
  margin: 0 0 auto;
  padding: 0 0 10px;
}
.attention-block_content_bottom .attention-block__title {
  margin: 0 0 20px;
  order: 2;
  font-size: 22px;
  letter-spacing: normal;
}
.attention-block_content_bottom .attention-block__text {
  order: 3;
  margin: 0 0 auto;
  padding: 0 0 24px;
  font-size: 14px;
}
.attention-block_type_social {
  padding: 20px;
  border-radius: 24px;
}
.attention-block_type_social .attention-block__link {
  margin: 0 0 14px;
}
.attention-block_type_social .attention-block__title {
  margin: 0 0 8px;
  font-size: 24px;
}
.attention-block_type_social .attention-block__title:last-child {
  margin-bottom: 0;
}
.attention-block_type_social .attention-block__title:last-child {
  margin-bottom: 0;
}
.attention-block_type_social .attention-block__text {
  text-wrap: pretty;
}
.attention-block_type_extended .attention-block__main {
  justify-content: space-between;
}
.attention-block_type_extended .attention-block__illustration {
  top: auto;
  bottom: 0;
  border-radius: 0 0 20px 0;
}
.attention-blocks {
  display: block;
}
.attention-blocks__list {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 768px) {
  .attention-blocks__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .attention-blocks__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
}
.attention-blocks__item {
  display: block;
}
.attention-blocks__item:last-child {
  margin: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
  .attention-blocks__item:last-child:nth-child(2n+1) {
    grid-column: span 2;
  }
}
.attention-blocks__panel {
  height: 100%;
  min-height: 263px;
}
.attention-grid {
  display: block;
}
.attention-grid__list {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 768px) {
  .attention-grid__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .attention-grid__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.attention-grid__grid-item {
  height: 100%;
  min-height: 258px;
}
.attention-panel {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: column;
  margin: 30px 0;
  padding: 20px 30px 6px 20px;
  color: var(--color-white);
  font-size: 14px;
  line-height: 1.1429;
  letter-spacing: -0.01em;
  background: #EC5B5A;
  border-radius: 10px;
}
@media (min-width: 768px) {
  .attention-panel {
    align-items: flex-start;
    flex-direction: row;
    margin: 0 0 40px;
    padding: 20px;
  }
}
.attention-panel:first-child {
  margin-top: 0;
}
.attention-panel:last-child {
  margin-bottom: 0;
}
.attention-panel__main {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  max-width: 100%;
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .attention-panel__main {
    flex: 1 1 100%;
    margin: 0 10px 0 0;
  }
}
@media (min-width: 992px) {
  .attention-panel__main {
    margin: 0 20px 0 0;
  }
}
.attention-panel__main:last-child {
  margin: 0;
  padding-bottom: 14px;
}
@media (min-width: 768px) {
  .attention-panel__main:last-child {
    padding-bottom: 0;
  }
}
.attention-panel__illustration {
  position: relative;
  overflow: hidden;
  display: block;
  flex: 0 0 auto;
  width: 122px;
  max-width: 122px;
}
@media (min-width: 768px) {
  .attention-panel__illustration {
    flex-basis: 122px;
  }
}
.attention-panel__illustration:empty:before {
  background: var(--color-white);
}
.attention-panel__illustration:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 144.26% 0 0;
}
.attention-panel__illustration_state_placeholder:before {
  background: var(--color-white);
}
.attention-panel__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.attention-panel__title {
  display: block;
  margin: 0 0 5px;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01em;
}
.attention-panel__title:last-child {
  margin-bottom: 0;
}
.attention-panel__text {
  display: block;
  margin: 0 0 5px;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .attention-panel__text {
    padding: 0 40px 0 0;
  }
}
.attention-panel__text:last-child {
  margin-bottom: 0;
}
.attention-panel__fields {
  display: block;
  margin: 0 0 14px;
  padding: 25px 0 0;
}
@media (min-width: 768px) {
  .attention-panel__fields {
    display: flex;
    flex-wrap: nowrap;
    margin: 0 0 10px;
  }
}
.attention-panel__fields:last-child {
  margin-bottom: 0;
}
.attention-panel__fields:first-child {
  padding-top: 0;
}
.attention-panel__field {
  display: block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .attention-panel__field {
    flex: 1 1 100%;
    width: 100%;
    max-width: 100%;
    margin: 0 10px 0 0;
  }
}
.attention-panel__field:last-child {
  margin: 0;
}
.attention-panel__controls {
  display: block;
}
@media (min-width: 768px) {
  .attention-panel__controls {
    display: flex;
    flex-wrap: nowrap;
    flex: 0 0 auto;
  }
}
.attention-panel__control {
  display: block;
  margin: 0 0 18px;
}
@media (min-width: 768px) {
  .attention-panel__control {
    flex: 0 1 auto;
    width: auto;
    min-width: 145px;
    margin: 0 15px 0;
  }
}
.attention-panel__control:last-child {
  margin: 0;
}
.attention-panel__checkbox a:hover, .attention-panel__checkbox a:focus {
  border-color: transparent;
  opacity: 0.6;
}
.attention-panel_type_close {
  margin: 0;
}
.attention-panel_style_prominent {
  position: relative;
  max-width: 350px;
  padding: 20px;
  overflow: hidden;
  border-radius: 20px;
}
@media (min-width: 768px) {
  .attention-panel_style_prominent {
    max-width: 800px;
  }
}
.attention-panel_style_prominent:before {
  content: "";
  position: absolute;
  top: 140px;
  left: 130%;
  z-index: 1;
  display: block;
  width: 1016px;
  height: 100%;
  background: url("../blocks/attention-panel/images/figure.webp") bottom center no-repeat;
  transform: translate(-50%, 0) scaleY(-1);
  background-size: cover;
}
@media (min-width: 768px) {
  .attention-panel_style_prominent:before {
    top: 0;
    left: auto;
    right: -650px;
    width: 1016px;
    background-position: right center;
    transform: translate(0, 0);
  }
}
.attention-panel_style_prominent .attention-panel__main {
  position: relative;
  z-index: 10;
}
.attention-panel_style_prominent .attention-panel__illustration {
  position: relative;
  z-index: 5;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 0 -198px;
}
@media (min-width: 768px) {
  .attention-panel_style_prominent .attention-panel__illustration {
    position: absolute;
    top: 148px;
    right: 2px;
    z-index: 5;
    width: 289px;
    max-width: none;
    transform: translate(0, -50%);
  }
}
@media (max-width: 767px) {
  .attention-panel_style_prominent .attention-panel__image {
    position: absolute;
    top: -20px;
    left: -126px;
    display: block;
    width: 135%;
    height: 100%;
  }
}
.attention-panel_style_prominent .attention-panel__title {
  margin: 0 0 10px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.28125;
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .attention-panel_style_prominent .attention-panel__title {
    max-width: 420px;
  }
}
@media (min-width: 992px) {
  .attention-panel_style_prominent .attention-panel__title {
    max-width: 540px;
  }
}
.attention-panel_style_prominent .attention-panel__text {
  font-family: "TT Firs Neue", sans-serif;
  font-size: 16px;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .attention-panel_style_prominent .attention-panel__text {
    max-width: 420px;
  }
}
@media (min-width: 992px) {
  .attention-panel_style_prominent .attention-panel__text {
    max-width: 540px;
  }
}
.attention-panel_style_prominent .attention-panel__fields {
  max-width: 570px;
  padding: 16px 0 0;
}
.attention-panel_style_prominent .attention-panel__controls:only-child .attention-panel__control {
  min-width: 217px;
}
.attention-panel_style_prominent .attention-panel__control {
  min-width: 200px;
}
.attention-panel_style_prominent .attention-panel__checkbox {
  max-width: 540px;
}
.attention-panel_style_prominent .attention-panel .button {
  height: 56px;
  font-size: 18px;
  border-radius: 8px;
}
.attention-panel_style_prominent .attention-panel .button_style_dark-grey {
  background: var(--color-dark);
}
.attention-panel_style_prominent .attention-panel .button_style_dark-grey:disabled {
  color: var(--color-white);
  opacity: 0.8;
}
.attention-panel_style_prominent .attention-panel .form-control__input {
  height: 56px;
  line-height: 56px;
  border-radius: 8px;
}
.attention-panel_style_prominent .attention-panel .check-elem__label {
  padding: 0 0 0 27px;
}
.attention-panel_style_prominent .attention-panel .check-elem__label:before {
  width: 18px;
  height: 18px;
  background: var(--color-white);
  border-radius: 6px;
}
.attention-panel_style_prominent .attention-panel .check-elem_style_light .check-elem__label:after {
  color: var(--color-primary);
}
.attention-panel_preset_k .attention-panel__illustration, .attention-panel_preset_l .attention-panel__illustration {
  margin: 0 0 -201px;
}
@media (min-width: 768px) {
  .attention-panel_preset_k .attention-panel__illustration, .attention-panel_preset_l .attention-panel__illustration {
    top: 148px;
    right: 2px;
    width: 289px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .attention-panel_preset_k .attention-panel__image, .attention-panel_preset_l .attention-panel__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 134%;
    max-width: none;
    height: 100%;
    transform: translate(-30%, -6%);
  }
}
.attention-panel_preset_x .attention-panel__illustration, .attention-panel_preset_s .attention-panel__illustration, .attention-panel_preset_t .attention-panel__illustration, .attention-panel_preset_r .attention-panel__illustration, .attention-panel_preset_o .attention-panel__illustration, .attention-panel_preset_q .attention-panel__illustration, .attention-panel_preset_m .attention-panel__illustration {
  margin: -76px -40px -122px 0;
}
@media (min-width: 768px) {
  .attention-panel_preset_x .attention-panel__illustration, .attention-panel_preset_s .attention-panel__illustration, .attention-panel_preset_t .attention-panel__illustration, .attention-panel_preset_r .attention-panel__illustration, .attention-panel_preset_o .attention-panel__illustration, .attention-panel_preset_q .attention-panel__illustration, .attention-panel_preset_m .attention-panel__illustration {
    top: 138px;
    right: -130px;
    width: 339px;
    margin: 0;
    max-width: none;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .attention-panel_preset_x .attention-panel__illustration, .attention-panel_preset_s .attention-panel__illustration, .attention-panel_preset_t .attention-panel__illustration, .attention-panel_preset_r .attention-panel__illustration, .attention-panel_preset_o .attention-panel__illustration, .attention-panel_preset_q .attention-panel__illustration, .attention-panel_preset_m .attention-panel__illustration {
    top: 123px;
    right: -117px;
    width: 339px;
    max-width: none;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .attention-panel_preset_x .attention-panel__image, .attention-panel_preset_s .attention-panel__image, .attention-panel_preset_t .attention-panel__image, .attention-panel_preset_r .attention-panel__image, .attention-panel_preset_o .attention-panel__image, .attention-panel_preset_q .attention-panel__image, .attention-panel_preset_m .attention-panel__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 135%;
    max-width: none;
    height: 100%;
  }
}
.attention-panel_preset_t .attention-panel__illustration {
  margin: -35px -50px -120px 0;
}
@media (min-width: 768px) {
  .attention-panel_preset_t .attention-panel__illustration {
    top: 138px;
    right: -60px;
  }
}
@media (min-width: 992px) {
  .attention-panel_preset_t .attention-panel__illustration {
    right: -42px;
    top: 140px;
  }
}
@media (max-width: 767px) {
  .attention-panel_preset_t .attention-panel__image {
    width: 120%;
  }
}
.attention-panel_preset_n .attention-panel__illustration {
  margin: 0 0 -140px;
}
@media (min-width: 768px) {
  .attention-panel_preset_n .attention-panel__illustration {
    top: 170px;
    right: -39px;
    width: 329px;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .attention-panel_preset_n .attention-panel__illustration {
    top: 157px;
    right: -20px;
    width: 289px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .attention-panel_preset_n .attention-panel__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
}
.attention-panel_preset_u .attention-panel__illustration, .attention-panel_preset_v .attention-panel__illustration {
  margin: 20px 0 -220px;
}
@media (min-width: 768px) {
  .attention-panel_preset_u .attention-panel__illustration, .attention-panel_preset_v .attention-panel__illustration {
    top: 170px;
    right: -10px;
    width: 240px;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .attention-panel_preset_u .attention-panel__illustration, .attention-panel_preset_v .attention-panel__illustration {
    top: 160px;
    right: -20px;
    width: 240px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .attention-panel_preset_u .attention-panel__image, .attention-panel_preset_v .attention-panel__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
}
.attention-panel_preset_w .attention-panel__illustration {
  margin: 0 0 -140px;
}
@media (min-width: 768px) {
  .attention-panel_preset_w .attention-panel__illustration {
    top: 150px;
    right: 20px;
    width: 170px;
    max-width: none;
  }
}
@media (min-width: 992px) {
  .attention-panel_preset_w .attention-panel__illustration {
    top: 149px;
    right: 14px;
    width: 170px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .attention-panel_preset_w .attention-panel__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
  }
}
.attention-panel_preset_y .attention-panel__illustration {
  margin: -76px -40px -122px 0;
}
@media (min-width: 768px) {
  .attention-panel_preset_y .attention-panel__illustration {
    top: 150px;
    right: 20px;
    width: 170px;
    max-width: none;
    margin: 0 0 -140px;
  }
}
@media (min-width: 992px) {
  .attention-panel_preset_y .attention-panel__illustration {
    top: 126px;
    right: -67px;
    width: 380px;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .attention-panel_preset_y .attention-panel__image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 135%;
    max-width: none;
    height: 100%;
  }
}
.attention-panels {
  display: block;
}
.attention-panels__list {
  display: block;
}
@media (min-width: 768px) {
  .attention-panels__list {
    display: flex;
    flex-wrap: nowrap;
  }
}
.attention-panels__item {
  display: block;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .attention-panels__item {
    flex: 0 0 360px;
    width: 360px;
    margin: 0 40px 0 0;
  }
}
@media (min-width: 992px) {
  .attention-panels__item {
    flex: 0 0 auto;
    width: calc(33.3333% - 26.6666666667px);
  }
}
.attention-panels__item:last-child {
  margin: 0;
}
.attention-panels__panel {
  min-height: 286px;
}
@media (min-width: 768px) {
  .attention-panels__panel {
    height: 100%;
  }
}
.avatar-grid {
  display: block;
}
.avatar-grid__list {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, 110px);
  gap: 10px;
}
@media (min-width: 768px) {
  .avatar-grid__list {
    grid-template-columns: repeat(auto-fill, 140px);
  }
}
.avatar-grid__item {
  display: block;
}
.avatar-grid__avatar {
  display: block;
  text-decoration: none;
}
.avatar-grid__illustration {
  position: relative;
  display: block;
  overflow: hidden;
  color: var(--color-white);
  background: var(--color-dark);
  border-radius: 24px;
}
@media (min-width: 768px) {
  .avatar-grid__illustration {
    border-radius: 30px;
  }
}
.avatar-grid__illustration:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 100% 0 0;
}
.avatar-grid__image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}
.breadcrumbs {
  display: block;
}
.breadcrumbs__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 0;
  line-height: 16px;
}
@media (min-width: 768px) {
  .breadcrumbs__list {
    line-height: 18px;
  }
}
.breadcrumbs__item {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0 28px 0 0;
  color: var(--color-grey);
  font-size: 12px;
  line-height: var(--lh-14);
}
@media (min-width: 768px) {
  .breadcrumbs__item {
    padding: 0 28px 0 0;
    font-size: 14px;
  }
}
.breadcrumbs__item:last-child {
  padding-right: 0;
}
.breadcrumbs__item:last-child:before {
  display: none;
}
.breadcrumbs__item:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: translate(50%, -50%) rotate(45deg);
}
.breadcrumbs__link {
  color: var(--color-grey);
  font-weight: 400;
  text-decoration: none;
  outline: none;
  transition: color 0.3s ease;
}
.breadcrumbs__link:hover {
  color: var(--color-dark);
  text-decoration: none;
  outline: none;
}
.breadcrumbs__link:focus-visible {
  color: var(--color-black);
  text-decoration: none;
  outline: none;
}
.breadcrumbs__label {
  color: var(--color-black);
}
.breadcrumbs_style_light .breadcrumbs__item, .breadcrumbs_style_light .breadcrumbs__label {
  color: var(--color-white);
}
.breadcrumbs_style_light .breadcrumbs__link {
  color: var(--color-white-70);
}
.burger {
  --burger-line-thickness: 2px;
  position: relative;
  z-index: 1;
  display: block;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  color: var(--color-primary);
  font-size: 0;
  line-height: 1;
  text-decoration: none;
  cursor: pointer;
  background: var(--color-white);
  border: none;
  border-radius: 16px;
  box-shadow: var(--shadow-m-grey-10);
  outline: none;
  transition: background-color 0.3s ease;
}
.burger__bars {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  width: 30px;
  height: 22px;
  border-top: var(--burger-line-thickness) solid currentColor;
  border-bottom: var(--burger-line-thickness) solid transparent;
  transform: translate(-50%, -50%);
  transition: border-color 0.3s ease;
}
.burger__bars:before, .burger__bars:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: var(--burger-line-thickness);
  background: currentColor;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}
.burger__bars:after {
  transform: translate(-66.6%, 8px) scaleX(0.666);
}
.burger_state_closed {
  background-color: var(--color-grey-light);
}
.burger_state_closed .burger__bars {
  border-color: transparent;
}
.burger_state_closed .burger__bars:before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.burger_state_closed .burger__bars:after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.button {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  height: 56px;
  padding: 0 29px;
  color: var(--color-white);
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  text-decoration: none;
  letter-spacing: 0;
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, background-color, border-color;
}
.button:not(:disabled, .button_state_disabled):hover, .button:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-primary);
  text-decoration: none;
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.button:disabled {
  cursor: not-allowed;
  opacity: 1;
}
.button__holder {
  display: grid;
  grid-gap: 5px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.button__holder:has(.button__icon) {
  grid-template-areas: "text icon";
  grid-template-columns: auto auto;
}
.button__icon {
  display: block;
  grid-area: icon;
  fill: currentColor;
}
.button__text {
  display: block;
  grid-area: text;
}
.button_width_auto {
  display: inline-block;
  vertical-align: middle;
  width: auto;
}
.button_style_light {
  color: var(--color-primary);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.button_style_light:not(:disabled, .button_state_disabled):hover, .button_style_light:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.button_style_light-maroon {
  color: var(--color-maroon);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.button_style_light-maroon:not(:disabled, .button_state_disabled):hover, .button_style_light-maroon:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-maroon);
  background-color: var(--color-cream);
  border-color: var(--color-maroon);
}
.button_style_light-secondary {
  color: var(--color-secondary);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.button_style_light-secondary:not(:disabled, .button_state_disabled):hover, .button_style_light-secondary:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-dark);
  background-color: var(--color-cream);
  border-color: var(--color-dark);
}
.button_style_light-white {
  color: var(--color-white);
  background-color: transparent;
  border-color: var(--color-white);
}
.button_style_light-white:not(:disabled, .button_state_disabled):hover, .button_style_light-white:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-dark);
  background-color: var(--color-cream);
  border-color: var(--color-dark);
}
.button_style_grey {
  color: var(--color-primary);
  background-color: var(--color-grey-light);
  border-color: var(--color-grey-light);
}
.button_style_grey:not(:disabled, .button_state_disabled):hover, .button_style_grey:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.button_style_secondary {
  color: var(--color-white);
  background-color: var(--color-secondary);
  border-color: var(--color-secondary);
}
.button_style_secondary:not(:disabled, .button_state_disabled):hover, .button_style_secondary:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-dark);
  background-color: var(--color-cream);
  border-color: var(--color-dark);
}
.button_style_outline {
  color: var(--color-primary);
  background-color: transparent;
  border-color: var(--color-primary);
}
.button_style_outline:not(:disabled, .button_state_disabled):hover, .button_style_outline:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.button_style_dark {
  color: var(--color-white);
  background-color: var(--color-dark);
  border-color: var(--color-dark);
}
.button_style_dark:not(:disabled, .button_state_disabled):hover, .button_style_dark:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-dark);
  background-color: var(--color-cream);
  border-color: var(--color-dark);
}
.button_style_maroon {
  color: var(--color-white);
  background-color: var(--color-maroon);
  border-color: var(--color-maroon);
}
.button_style_maroon:not(:disabled, .button_state_disabled):hover, .button_style_maroon:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-dark);
  background-color: var(--color-cream);
  border-color: var(--color-dark);
}
.button_shadow_primary {
  box-shadow: var(--shadow-l-primary-20);
}
.button_shadow_black {
  box-shadow: var(--shadow-l-black-40);
}
.button_size_xs {
  height: 39px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
}
@media (min-width: 768px) {
  .button_size_xs {
    height: 33px;
  }
}
@media (min-width: 992px) {
  .button_size_xs {
    height: 39px;
  }
}
.button_size_xs .button__holder {
  grid-gap: 10px;
}
.button_size_s {
  height: 39px;
  padding: 0 19px;
  font-size: 16px;
  font-weight: 400;
}
.button_size_s .button__holder {
  grid-gap: 10px;
}
.button_size_m {
  height: 39px;
  padding: 0 40px;
  font-size: 16px;
  font-weight: 400;
}
.button_size_m .button__holder {
  grid-gap: 10px;
}
.button_size_l {
  padding: 0 9px;
  font-size: 22px;
}
.button_size_xl {
  height: 66px;
  border-radius: 12px;
}
.button_icon-layout_shifted {
  padding: 0 20px 0 30px;
}
.button_icon-layout_ignored .button__holder {
  grid-gap: 10px;
}
.button_icon-layout_ignored .button__holder:has(.button__icon) {
  grid-template-areas: "empty text icon";
  grid-template-columns: 1fr auto 1fr;
}
.button_icon-layout_ignored.button_size_s {
  padding: 0 29px;
}
.button_icon-layout_ignored.button_size_s .button__holder {
  grid-gap: 5px;
}
.button_border_round {
  border-radius: 50px;
}
.button_type_link {
  height: auto;
  padding: 0;
  color: var(--color-primary);
  font-size: 14px;
  font-weight: 400;
  line-height: var(--lh-14);
  background-color: transparent;
  border: none;
  border-radius: 0;
  transition: all 0.3s ease;
  transition-property: color, background-color, opacity;
}
.button_type_link:not(:disabled, .button_state_disabled):hover, .button_type_link:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-primary);
  background-color: transparent;
  border-color: transparent;
  opacity: 0.7;
}
.button_type_link:disabled {
  color: var(--color-grey);
  background-color: transparent;
  border-color: transparent;
}
.button_type_link .button__holder {
  grid-gap: 6px;
}
.button_type_link.button_state_disabled {
  color: var(--color-grey);
  background-color: transparent;
  border-color: transparent;
}
.button_type_category {
  height: 48px;
  border-radius: 14px;
}
.button_type_category:hover .button__icon-path {
  stroke: currentColor;
}
.button_type_category .button__holder {
  grid-template-areas: "icon text";
  grid-gap: 10px;
}
.carousel-nav {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 20px;
  font-size: 0;
  line-height: 0;
  white-space: nowrap;
}
.carousel-nav__control {
  display: block;
  flex: 0 0 auto;
}
.carousel-nav__arrow {
  position: relative;
  display: block;
  width: 39px;
  height: 39px;
  color: var(--color-primary);
  text-align: center;
  text-decoration: none;
  pointer-events: auto;
  background: transparent;
  border: 1px solid var(--color-primary);
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, background-color, border-color;
}
.carousel-nav__arrow:hover, .carousel-nav__arrow:focus-visible {
  color: var(--color-white);
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.carousel-nav__arrow:disabled {
  color: var(--color-white);
  pointer-events: none;
  background-color: var(--color-grey);
  border-color: var(--color-grey);
}
.carousel-nav__arrow_type_next .carousel-nav__arrow-label:before {
  transform: translate(-75%, -50%) rotate(135deg);
}
.carousel-nav__arrow-label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.carousel-nav__arrow-label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  transform: translate(-25%, -50%) rotate(-45deg);
}
.carousel-nav__icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.carousel-nav__pagination {
  display: block;
  flex: 0 0 auto;
}
.carousel-nav__pagination:first-child {
  padding-left: 0;
}
.carousel-nav__pagination:last-child {
  padding-right: 0;
}
.carousel-nav__pagination-element {
  display: inline-block;
  vertical-align: middle;
  color: var(--color-grey);
  font-size: 18px;
  line-height: var(--lh-18);
}
.carousel-nav__current {
  color: var(--color-primary);
}
.carousel-nav_position_sides {
  justify-content: space-between;
}
.categories {
  display: block;
}
.categories__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
.category {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding: 9px;
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  border-radius: 14px;
  font-size: 22px;
  transition: all 0.3s ease;
  transition-property: color, background;
}
.category:hover {
  background: var(--color-primary);
  color: var(--color-white);
}
.category:hover .category__icon-path {
  stroke: currentColor;
}
.category-group {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 30px;
  padding: 29px 19px 19px;
  background: var(--color-grey-light);
  border: 1px solid #ededf2;
  border-radius: 30px;
}
@media (min-width: 768px) {
  .category-group {
    gap: 40px;
    padding: 29px;
  }
}
@media (min-width: 992px) {
  .category-group {
    gap: 20px;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .category-group {
    gap: 40px;
  }
}
.category-group__content {
  display: block;
  flex: 0 0 auto;
}
@media (min-width: 992px) {
  .category-group__content {
    flex: 0 1 39%;
  }
}
@media (min-width: 1200px) {
  .category-group__content {
    flex: 0 1 50%;
  }
}
.category-group__title {
  display: block;
  margin: 0 0 10px;
  color: var(--color-primary);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-small);
}
.category-group__title:last-child {
  margin-bottom: 0;
}
.category-group__text {
  display: block;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 500;
  line-height: var(--lh-18);
}
.category-group__text:last-child {
  margin-bottom: 0;
}
.category-group__wrapper {
  display: block;
  flex: 0 0 auto;
}
@media (min-width: 992px) {
  .category-group__wrapper {
    flex: 0 1 61%;
  }
}
@media (min-width: 1200px) {
  .category-group__wrapper {
    flex: 0 1 50%;
  }
}
.category-group__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(1fr, 310px));
  gap: 10px;
}
@media (min-width: 768px) {
  .category-group__list {
    grid-template-columns: repeat(auto-fill, 260px);
  }
}
.category-group__item {
  display: block;
}
.category-group__panel {
  height: 100%;
  min-height: 150px;
}
.category-panel {
  position: relative;
  display: block;
  overflow: hidden;
  color: var(--color-white);
  background: var(--color-black);
  border-radius: 20px;
}
.category-panel__background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.category-panel__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.category-panel__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding: 20px;
  background: linear-gradient(to top, #22252f, rgba(34, 37, 47, 0) 90px, transparent 90px);
}
.category-panel__title {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  color: inherit;
  font-size: 22px;
  font-weight: 500;
  text-decoration: none;
  line-height: var(--lh-22);
  background: transparent;
  border: none;
  outline: none;
}
.category-panel__title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.category-panel__title:after {
  content: "";
  display: block;
  flex: 0 0 auto;
  width: 5px;
  height: 5px;
  margin: 0 0 0 auto;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: rotate(45deg);
}
.category-panel__label {
  display: block;
  flex: 1 1 auto;
}
.check-elem {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 8px;
  color: var(--color-grey);
  font-size: 12px;
  line-height: var(--lh-12);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.check-elem__input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.check-elem__input[type=radio] ~ .check-elem__visual {
  border-radius: 50%;
}
.check-elem__input[type=radio] ~ .check-elem__visual:before {
  width: 0.5em;
  height: 0.5em;
  background: currentColor;
  border: none;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.check-elem__input:checked ~ .check-elem__visual:before {
  opacity: 1;
}
.check-elem__input:disabled {
  pointer-events: none;
}
.check-elem__input:disabled ~ .check-elem__visual, .check-elem__input:disabled ~ .check-elem__label {
  pointer-events: none;
  opacity: 0.5;
}
.check-elem__input_state_error ~ .check-elem__visual, .check-elem__input_state_error ~ .check-elem__label {
  color: c-error;
}
.check-elem__visual {
  position: relative;
  display: block;
  overflow: hidden;
  flex: 0 0 0.9em;
  align-self: flex-start;
  width: 0.9em;
  max-width: 0.9em;
  height: 0.9em;
  color: var(--color-primary);
  font-size: 20px;
  line-height: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: var(--color-white);
  border: 0.05em solid var(--color-white);
  border-radius: 0.3em;
  transition: all 0.3s ease;
  transition-property: color, background-color;
}
.check-elem__visual:last-child {
  margin-right: 0;
}
.check-elem__visual:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: 0.2em;
  height: 0.45em;
  color: inherit;
  border-right: 0.075em solid currentColor;
  border-bottom: 0.075em solid currentColor;
  transform: translate(-50%, -60%) rotate(45deg);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.check-elem__label {
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  font: inherit;
  line-height: inherit;
  cursor: pointer;
}
.check-elem_text-size_dependent {
  font-size: inherit;
  line-height: inherit;
}
.check-elem_style_dependent {
  color: inherit;
}
.check-elem_align_center .check-elem__visual {
  align-self: center;
}
.check-list {
  display: block;
  font-size: 18px;
  line-height: 1.222;
}
.check-list > li:not([class]) {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  min-height: 30px;
  padding: 0 0 0 42px;
  margin: 0 0 20px;
}
.check-list > li:not([class]):last-child {
  margin-bottom: 0;
}
.check-list > li:not([class]):before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 30px;
  height: 30px;
  color: var(--color-primary);
  background: var(--color-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7996 11.0679L12.9379 18.9297L9.19531 15.1872' stroke='%23E31513' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_1645_25454' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Cpath d='M0 0H30V30H0V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1645_25454)'%3E%3Cpath d='M28.8281 15C28.8281 22.6371 22.6371 28.8281 15 28.8281C7.36295 28.8281 1.17188 22.6371 1.17188 15C1.17188 7.36295 7.36295 1.17188 15 1.17188C22.6371 1.17188 28.8281 7.36295 28.8281 15Z' stroke='%23E31513' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.7996 11.0679L12.9379 18.9297L9.19531 15.1872' stroke='%23E31513' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cmask id='mask0_1645_25454' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='30' height='30'%3E%3Cpath d='M0 0H30V30H0V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_1645_25454)'%3E%3Cpath d='M28.8281 15C28.8281 22.6371 22.6371 28.8281 15 28.8281C7.36295 28.8281 1.17188 22.6371 1.17188 15C1.17188 7.36295 7.36295 1.17188 15 1.17188C22.6371 1.17188 28.8281 7.36295 28.8281 15Z' stroke='%23E31513' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  -webkit-mask-size: contain;
          mask-size: contain;
  border-radius: 0;
}
.check-list_type_panel {
  font-size: 16px;
  line-height: 1.1875;
}
.check-list_type_panel > li:not([class]) {
  padding: 20px;
  margin: 0 0 12px;
  background: var(--color-grey-light);
  border-radius: 10px;
}
.check-list_type_panel > li:not([class]):last-child {
  margin-bottom: 0;
}
.check-list_type_panel > li:not([class]):before {
  top: 20px;
  left: 20px;
}
.check-list_type_panel h2,
.check-list_type_panel h3,
.check-list_type_panel h4,
.check-list_type_panel h5,
.check-list_type_panel h6,
.check-list_type_panel h2:not([class]),
.check-list_type_panel h3:not([class]),
.check-list_type_panel h4:not([class]),
.check-list_type_panel h5:not([class]),
.check-list_type_panel h6:not([class]) {
  margin: 0 0 6px;
  padding: 0 0 0 38px;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}
.check-list_type_panel h2:last-child,
.check-list_type_panel h3:last-child,
.check-list_type_panel h4:last-child,
.check-list_type_panel h5:last-child,
.check-list_type_panel h6:last-child,
.check-list_type_panel h2:not([class]):last-child,
.check-list_type_panel h3:not([class]):last-child,
.check-list_type_panel h4:not([class]):last-child,
.check-list_type_panel h5:not([class]):last-child,
.check-list_type_panel h6:not([class]):last-child {
  margin-bottom: 0;
}
.check-panel {
  display: block;
  color: var(--color-grey);
  font-size: 12px;
  line-height: var(--lh-12);
}
.check-panel__input {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: none;
  opacity: 0.01;
  transform: scale(0.001);
}
.check-panel__input:checked ~ .check-panel__label {
  color: var(--color-primary);
  background: var(--color-white);
}
.check-panel__label {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  height: 40px;
  padding: 9px 19px;
  cursor: pointer;
  background: transparent;
  border: 1px solid currentColor;
  border-radius: 8px;
  transition: all 0.3s ease;
  transition-property: color, background-color;
}
.check-panel-group {
  display: block;
}
.check-panel-group__label {
  display: block;
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: var(--lh-16);
}
.check-panel-group__label:last-child {
  margin-bottom: 0;
}
.check-panel-group__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.check-panel-group__item {
  display: block;
  flex: 1 1 auto;
  width: auto;
  max-width: 100%;
}
.contact {
  --contact-gutter: 7px;
  display: block;
  font-size: 12px;
  line-height: var(--lh-12);
}
.contact__link {
  display: block;
  margin: 0 0 var(--contact-gutter);
}
.contact__link:last-child {
  margin-bottom: 0;
}
.contact__text {
  display: block;
  margin: 0 0 var(--contact-gutter);
}
.contact__text:last-child {
  margin-bottom: 0;
}
.contact_style_light {
  color: var(--color-ash);
}
.contact_style_light .contact__link-wrapper {
  --icon-link-color: var(--color-white);
}
.contact_style_info .contact__link-wrapper {
  color: var(--color-info);
}
.contact_size_s {
  --contact-gutter: 3px;
  font-size: 10px;
  line-height: var(--lh-10);
}
.contact_spacing_none .contact__link {
  margin-bottom: 0;
}
.contact-card {
  display: block;
  padding: 30px;
  background: var(--color-white);
  border-radius: 24px;
}
@media (min-width: 768px) {
  .contact-card {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .contact-card {
    padding: 30px;
  }
}
.contact-card__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contact-card__title {
  margin: 0 0 8px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: var(--ls-small);
}
.contact-card__title:last-child {
  margin-bottom: 0;
}
.contact-card__text {
  margin: 0 0 24px;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-grey);
}
.contact-card__text:last-child {
  margin-bottom: 0;
}
.contact-card_layout_transforming .contact-card__list {
  flex-direction: column;
}
@media (min-width: 768px) {
  .contact-card_layout_transforming .contact-card__list {
    flex-direction: row;
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .contact-card_layout_transforming .contact-card__list {
    flex-direction: column;
    gap: 10px;
  }
}
.contact-group {
  display: block;
}
.contact-group__list {
  display: block;
  margin: 0 0 24px;
}
@media (min-width: 768px) {
  .contact-group__list {
    margin: 0 0 45px;
  }
}
.contact-group__list:last-child {
  margin-bottom: 0;
}
.contact-group__item {
  display: block;
  margin: 0 0 20px;
}
.contact-group__item:last-child {
  margin-bottom: 0;
}
.contact-group__social {
  display: block;
  margin: 0 0 20px;
}
.contact-group__social:last-child {
  margin-bottom: 0;
}
.contacts-grid {
  display: block;
}
.contacts-grid__list {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 768px) {
  .contacts-grid__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .contacts-grid__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
}
.contacts-grid__item:nth-child(3n) {
  grid-column: auto;
}
@media (min-width: 768px) {
  .contacts-grid__item:nth-child(3n) {
    grid-column: 1/-1;
  }
}
@media (min-width: 992px) {
  .contacts-grid__item:nth-child(3n) {
    grid-column: auto;
  }
}
.contacts-grid__contact-card {
  height: 100%;
}
.content-section {
  display: block;
}
.content-section__header {
  display: block;
  margin: 0 0 20px;
  font-size: 22px;
  line-height: 1.182;
}
.content-section__header:last-child {
  margin-bottom: 0;
}
.content-section__wrapper {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
@media (min-width: 992px) {
  .content-section__wrapper {
    flex-direction: row;
    align-items: stretch;
  }
}
@media (min-width: 992px) {
  .content-section__wrapper .content-section__main {
    padding: 12px 0 10px;
  }
}
.content-section__wrapper .content-section__main > h2,
.content-section__wrapper .content-section__main > h3,
.content-section__wrapper .content-section__main > h2:not([class]),
.content-section__wrapper .content-section__main > h3:not([class]) {
  margin: 0;
}
.content-section__wrapper .content-section__insert {
  margin-bottom: auto;
}
.content-section__wrapper .content-section__insert:last-child {
  margin-bottom: 0;
}
.content-section__wrapper .content-section__insert + * {
  margin-top: 20px;
}
.content-section__aside {
  display: block;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .content-section__aside {
    margin: 0 0 30px;
  }
}
@media (min-width: 992px) {
  .content-section__aside {
    flex: 0 0 259px;
    width: 259px;
    max-width: 259px;
    margin: 0 42px 0 0;
  }
}
.content-section__aside:last-child {
  margin: 0;
}
.content-section__main {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .content-section__main {
    margin: 0 0 30px;
  }
}
@media (min-width: 992px) {
  .content-section__main {
    flex: 1 1 auto;
    width: 100%;
  }
}
.content-section__main:last-child {
  margin-bottom: 0;
}
.content-section__illustration {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 350px;
  background: var(--color-grey-light);
  border-radius: 10px;
}
.content-section__image {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-section h2,
.content-section h2:not([class]) {
  margin: 0;
}
.content-section__insert {
  margin: 0 0 20px;
}
.content-section__insert:last-child {
  margin-bottom: 0;
}
.content-section blockquote,
.content-section blockquote:not([class]) {
  margin-top: auto;
}
.content-section blockquote:first-child,
.content-section blockquote:not([class]):first-child {
  margin-top: 0;
}
.content-section__section {
  margin: 0 0 17px;
}
.content-section__section:last-child {
  margin-bottom: 0;
}
.content-section_layout_reversed .content-section__wrapper {
  flex-direction: column-reverse;
}
@media (min-width: 992px) {
  .content-section_layout_reversed .content-section__wrapper {
    flex-direction: row-reverse;
  }
}
.content-section_layout_reversed .content-section__aside {
  margin: 20px 0 0;
}
@media (min-width: 992px) {
  .content-section_layout_reversed .content-section__aside {
    flex-basis: 399px;
    width: 399px;
    max-width: 399px;
    margin: 0 0 0 42px;
  }
}
.content-section_layout_reversed .content-section__aside:last-child {
  margin: 0;
}
.content-section_type_compact {
  font-size: 16px;
  line-height: 1.3125;
}
.content-section_type_compact .content-section__header {
  margin: 0 0 12px;
}
.content-section_type_compact .content-section__header:last-child {
  margin-bottom: 0;
}
.content-section_type_compact .content-section__illustration {
  height: 234px;
}
@media (min-width: 768px) {
  .content-section_type_compact .content-section__illustration {
    max-width: 259px;
    height: 195px;
  }
}
.content-section_type_compact p:not([class]) {
  margin: 0 0 8px;
}
.content-section_type_compact p:not([class]):last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .content-section_type_slim .content-section__aside {
    flex-basis: 232px;
    width: 232px;
    max-width: 232px;
  }
}
.cookie-notice {
  padding: 8px 9px;
  color: var(--color-black);
  font-size: 14px;
  line-height: var(--lh-14);
  border: 1px solid var(--color-white);
  border-radius: 16px;
  background: var(--color-cream);
}
@media (min-width: 768px) {
  .cookie-notice {
    padding: 19px;
    font-size: 16px;
    line-height: var(--lh-16);
  }
}
@media (min-width: 1440px) {
  .cookie-notice {
    padding: 8px 39px 8px 19px;
  }
}
.cookie-notice__holder {
  display: block;
  width: 100%;
}
@media (min-width: 1440px) {
  .cookie-notice__holder {
    display: flex;
    align-items: center;
  }
}
.cookie-notice__link {
  color: inherit;
  text-decoration: underline;
}
.cookie-notice__link:hover, .cookie-notice__link:focus-visible, .cookie-notice__link:active {
  color: inherit;
  text-decoration: none;
  outline: none;
}
.cookie-notice__content {
  flex-grow: 1;
}
.cookie-notice__text {
  font-size: 14px;
  line-height: var(--lh-14);
}
@media (min-width: 768px) {
  .cookie-notice__text {
    font-size: 16px;
    line-height: var(--lh-16);
  }
}
.cookie-notice__control {
  padding: 10px 0 0;
  font-size: 0;
}
@media (min-width: 1440px) {
  .cookie-notice__control {
    flex: 0 0 auto;
    padding: 0 0 0 10px;
  }
}
.date {
  display: inline-block;
  padding: 4px 10px;
  color: var(--color-primary);
  font-size: 14px;
  line-height: var(--lh-14);
  border: 1px solid var(--color-primary-10);
  border-radius: 8px;
}
.date_style_light {
  color: var(--color-white);
  background: var(--color-white-20);
  border-color: transparent;
}
.date_style_dark {
  color: var(--color-grey);
  background: var(--color-black-4);
  border-color: transparent;
}
.date_style_dark-extra {
  color: var(--color-black);
  border-color: var(--color-black-10);
}
.date_size_s {
  padding: 3px 9px 2px;
  font-size: 12px;
  line-height: 1;
}
@media (min-width: 768px) {
  .date_size_s {
    padding: 4px 10px;
    font-size: 14px;
    line-height: var(--lh-14);
  }
}
.detailed-photo {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  flex-direction: column;
  height: 624px;
  color: var(--color-black);
  font-size: 16px;
  line-height: var(--ls-16);
  background: var(--color-grey);
  border-radius: 30px;
}
.detailed-photo__illustration {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.detailed-photo__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.detailed-photo__main {
  position: relative;
  z-index: 1;
  display: grid;
  flex: 1 1 auto;
  align-content: start;
  grid-gap: 15px;
  padding: 20px;
}
@media (min-width: 768px) {
  .detailed-photo__main {
    grid-template-columns: 1fr 226px;
    grid-gap: 40px;
    padding: 30px;
  }
}
@media (min-width: 992px) {
  .detailed-photo__main {
    grid-template-columns: 380px 1fr;
    align-content: space-between;
    grid-gap: 90px;
    padding: 30px 30px 40px;
  }
}
.detailed-photo__header {
  display: block;
}
.detailed-photo__title {
  display: block;
  font-size: 42px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .detailed-photo__title {
    margin: 0 0 20px;
  }
}
@media (min-width: 992px) {
  .detailed-photo__title {
    font-size: 60px;
    line-height: 1;
    letter-spacing: var(--ls-medium);
  }
}
.detailed-photo__title:last-child {
  margin-bottom: 0;
}
.detailed-photo__date {
  position: absolute;
  bottom: 20px;
  right: 20px;
  color: var(--color-white);
  font-size: 14px;
  line-height: var(--ls-14);
  opacity: 0.7;
}
@media (min-width: 768px) {
  .detailed-photo__date {
    position: static;
    margin: 0 0 20px;
  }
  .detailed-photo__date:last-child {
    margin-bottom: 0;
  }
}
.detailed-photo__text {
  display: none;
  padding: 6px 0 0;
}
@media (min-width: 992px) {
  .detailed-photo__text {
    display: block;
  }
}
.detailed-photo__text p:not([class]) {
  margin: 0 0 12px;
}
.detailed-photo__text p:not([class]):last-child {
  margin-bottom: 0;
}
.detailed-photo__controls {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.detailed-photo__control {
  display: block;
  min-width: 226px;
}
.detailed-photo__line {
  position: relative;
  z-index: 1;
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.entity {
  display: flex;
  flex-direction: column;
  justify-content: end;
  position: relative;
  border-radius: 30px;
  overflow: hidden;
  background: var(--color-cream);
  min-height: 402px;
}
.entity:before {
  content: "";
  height: 200px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(180deg, rgba(236, 236, 241, 0) 0%, #ECECF1 54.63%);
}
.entity__illustration {
  position: absolute;
  right: 1px;
  left: 1px;
  bottom: 1px;
  height: 100%;
}
.entity__inner {
  padding: 30px 19px;
  z-index: 2;
}
.entity__text {
  margin: 0 0 4px;
  display: block;
  font-size: 22px;
  font-weight: 500;
}
.entity__description {
  display: block;
}
.entity__picture {
  display: block;
  height: 100%;
}
.entity__image {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.entity_type_solid::before {
  content: none;
}
.entity_type_solid .entity__inner {
  padding: 27px 20px 20px;
  background: var(--color-cream);
}
.entity_type_solid .entity__picture {
  height: auto;
}
.entity_type_solid .entity__image {
  height: auto;
}
.entity-carousel {
  display: block;
}
.entity-carousel .entity-carousel__container {
  overflow: visible;
}
@media (min-width: 992px) {
  .entity-carousel .entity-carousel__container {
    overflow: hidden;
  }
}
.entity-carousel .entity-carousel__wrapper {
  align-items: stretch;
  height: auto;
}
.entity-carousel .entity-carousel__slide {
  height: auto;
}
.entity-carousel__container:not(.swiper-initialized) .entity-carousel__wrapper {
  display: flex;
  flex-wrap: nowrap;
}
@media (min-width: 992px) {
  .entity-carousel__container:not(.swiper-initialized) .entity-carousel__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.entity-carousel__container:not(.swiper-initialized) .entity-carousel__slide:nth-child(n+5) {
  display: none;
}
.entity-carousel__slide {
  flex: 0 0 275px;
  width: 275px;
  margin: 0 10px 0 0;
}
@media (min-width: 768px) {
  .entity-carousel__slide {
    margin: 0 20px 0 0;
  }
}
@media (min-width: 992px) {
  .entity-carousel__slide {
    flex: 0 1 auto;
    width: auto;
    margin: 0;
  }
}
.entity-carousel__slide:last-child {
  margin-right: 0;
}
.entity-carousel__panel {
  height: 100%;
}
.entity-carousel__nav {
  display: none;
}
@media (min-width: 992px) {
  .entity-carousel__nav {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 0;
  }
}
.entry-carousel {
  display: block;
}
.entry-carousel__list {
  display: grid;
  grid-template-columns: auto;
  gap: 40px;
  max-width: 350px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .entry-carousel__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
    max-width: 100%;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .entry-carousel__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px 20px;
  }
}
.entry-carousel__item {
  display: block;
}
.entry-carousel__snippet {
  height: 100%;
}
.entry-snippet {
  position: relative;
  display: block;
}
.entry-snippet__illustration {
  position: relative;
  height: 250px;
  margin: 0 0 16px;
  filter: drop-shadow(0px 10px 30px rgba(114, 114, 144, 0.1));
  overflow: hidden;
}
@media (min-width: 768px) {
  .entry-snippet__illustration {
    height: auto;
  }
}
.entry-snippet__illustration:before {
  content: "";
  position: absolute;
  top: 26px;
  bottom: 7px;
  right: 0;
  left: 0;
  background: #ECECF1;
  border-radius: 15px;
  z-index: -1;
}
.entry-snippet__illustration:after {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 111.2727% 0 0;
}
@media (min-width: 992px) {
  .entry-snippet__illustration:after {
    padding: 123.2727% 0 0;
  }
}
.entry-snippet__image {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  display: block;
  width: 80%;
  height: 100%;
  transform: translate(-50%, 0);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
@media (min-width: 768px) {
  .entry-snippet__image {
    width: 100%;
    -o-object-fit: scale-down;
       object-fit: scale-down;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
  }
}
.entry-snippet__label {
  position: absolute;
  right: 10px;
  top: 36px;
  z-index: 1;
  display: block;
}
.entry-snippet__content {
  display: block;
}
.entry-snippet__title {
  display: block;
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 500;
  line-heigh: var(--lh-22);
}
.entry-snippet__title:lst-child {
  margin-bottom: 0;
}
.entry-snippet__text {
  display: block;
  margin: 0 0 16px;
  font-size: 16px;
  line-height: var(--lh-16);
}
.entry-snippet__text:lst-child {
  margin-bottom: 0;
}
.entry-snippet__controls {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.entry-snippet__control {
  display: block;
  flex: 0 0 auto;
  min-width: 100%;
  max-width: 100%;
}
@media (min-width: 768px) {
  .entry-snippet__control {
    min-width: 200px;
  }
}
.entry-snippet_style_solid .entry-snippet__illustration::before {
  background: #D8D8DD;
}
.entry-snippet_style_solid .entry-snippet__picture::after {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 1;
  display: block;
  height: 48px;
  width: 100%;
  border-radius: 0 0 15px 15px;
  background: #ECECF1;
  box-shadow: 0px -6px 8px rgba(79, 81, 87, 0.12);
}
.entry-snippet_style_solid .entry-snippet__image {
  top: auto;
  bottom: 48px;
  left: 50%;
  width: 91%;
  height: auto;
  transform: translateX(-50%);
}
.expert-info {
  display: block;
}
.expert-info__skills {
  display: grid;
  grid-template-columns: auto;
  gap: 20px;
}
@media (min-width: 992px) {
  .expert-info__skills {
    grid-template-columns: repeat(2, 1fr);
  }
}
.expert-info__labels {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  margin: 0 -20px 40px;
  padding: 0 20px;
  overflow-x: auto;
  scrollbar-width: none;
}
@media (min-width: 768px) {
  .expert-info__labels {
    padding: 0;
    margin: 0 0 40px;
    flex-wrap: wrap;
  }
}
@media (min-width: 992px) {
  .expert-info__labels {
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 40px;
  }
}
.expert-info__labels:last-child {
  margin-bottom: 0;
}
.expert-info__label {
  flex: 0 0 auto;
}
.expert-info__person {
  margin: 0 0 40px;
}
.fancybox__container:focus {
  outline: none;
}
.fancybox__container .fancybox__backdrop {
  backdrop-filter: blur(8px);
  background: rgba(34, 37, 47, 0.3);
}
.fancybox__container .fancybox__slide {
  padding: 20px;
}
.fancybox__container .fancybox__slide.has-iframe .fancybox__content.fancybox__content {
  width: 960px;
  max-width: 100%;
  height: calc((100vw - 24px) / 1.777);
  max-height: 540px;
  padding: 0;
}
.fancybox__container .fancybox__slide.has-iframe .fancybox__content > .carousel__button.is-close {
  top: -30px;
  right: 0;
}
.fancybox__container .fancybox__content > .carousel__button.is-close {
  top: 12px;
  right: 12px;
  width: 26px;
  height: 26px;
  color: var(--color-primary);
}
.fancybox__container .fancybox__content > .carousel__button.is-close:before, .fancybox__container .fancybox__content > .carousel__button.is-close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: opacity 0.3s ease;
}
.fancybox__container .fancybox__content > .carousel__button.is-close:after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.fancybox__container .fancybox__content > .carousel__button.is-close svg {
  display: none;
}
.feed {
  display: block;
  padding: 20px;
  background: var(--color-grey-light);
  border: 1px solid #ededf2;
  border-radius: 19px;
}
.feed__title {
  display: block;
  margin: 0 0 10px;
  font-size: 18px;
  line-height: var(--lh-18);
}
.feed__title:last-child {
  margin-bottom: 0;
}
.feed__list {
  display: block;
  margin: 0;
  padding: 0;
}
.feed__item {
  display: block;
  margin: 0 0 10px;
}
.feed__item:last-child {
  margin-bottom: 0;
}
.feed__panel {
  height: 100%;
  min-height: 115px;
}
.feed-panel {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 10px;
  color: var(--color-grey);
  font-size: 16px;
  line-height: var(--lh-16);
  background: var(--color-white);
  border: 1px solid #ededf2;
  border-radius: 12px;
}
.feed-panel__content {
  position: relative;
  z-index: 5;
  display: block;
  max-width: 220px;
}
@media (min-width: 768px) {
  .feed-panel__content {
    max-width: 260px;
  }
}
.feed-panel__title {
  display: block;
  margin: 0 0 4px;
  color: var(--color-black);
  font-size: 22px;
  font-weight: 500;
  line-height: var(--lh-22);
}
.feed-panel__title:last-child {
  margin-bottom: 0;
}
.feed-panel__text {
  display: block;
  margin: 0 0 4px;
}
.feed-panel__text:last-child {
  margin-bottom: 0;
}
.feed-panel__control {
  display: block;
  margin: 0 0 4px;
}
.feed-panel__control:last-child {
  margin-bottom: 0;
}
.feed-panel__illustration {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: block;
}
.feed-panel__background {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  display: block;
}
.feed-panel__image {
  display: block;
  width: auto;
}
.feed-panel__control {
  width: 160px;
}
.feed-panel_style_tg {
  color: var(--color-white);
  background: var(--color-tg);
}
.feed-panel_style_tg .feed-panel__title {
  color: var(--color-white);
}
.feed-panel_size_s .feed-panel__content {
  max-width: 170px;
}
@media (min-width: 768px) {
  .feed-panel_size_s .feed-panel__content {
    max-width: 270px;
  }
}
.feed-panel_size_s .feed-panel__title {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: var(--lh-18);
}
.feed-panel_size_s .feed-panel__title:last-child {
  margin-bottom: 0;
}
.feed-panel_image-position_a .feed-panel__illustration {
  right: -155px;
  bottom: -86px;
}
@media (min-width: 768px) {
  .feed-panel_image-position_a .feed-panel__illustration {
    right: 15px;
    bottom: -132px;
  }
}
@media (min-width: 992px) {
  .feed-panel_image-position_a .feed-panel__illustration {
    right: -145px;
  }
}
.feed-panel_image-position_a .feed-panel__background {
  top: 0;
  right: 15px;
  bottom: auto;
}
@media (min-width: 768px) {
  .feed-panel_image-position_a .feed-panel__background {
    top: auto;
    right: 24px;
    bottom: 0;
  }
}
.feed-panel_image-position_b .feed-panel__illustration {
  right: -18px;
}
@media (min-width: 768px) {
  .feed-panel_image-position_b .feed-panel__illustration {
    right: 68px;
  }
}
@media (min-width: 992px) {
  .feed-panel_image-position_b .feed-panel__illustration {
    right: 0;
  }
}
.feed-panel_image-position_c .feed-panel__illustration {
  right: -115px;
}
@media (min-width: 768px) {
  .feed-panel_image-position_c .feed-panel__illustration {
    right: 0;
  }
}
@media (min-width: 992px) {
  .feed-panel_image-position_c .feed-panel__illustration {
    right: -71px;
  }
}
.footer {
  display: block;
  padding: 60px 0 40px;
  color: var(--color-white);
  background: var(--color-dark);
}
@media (min-width: 768px) {
  .footer {
    padding: 120px 0 40px;
  }
}
.footer__header {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin: 0 0 50px;
}
@media (min-width: 768px) {
  .footer__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 90px;
  }
}
.footer__header:last-child {
  margin-bottom: 0;
}
.footer__main {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 50px;
  margin: 0 0 40px;
  padding: 0 0 39px;
  border-bottom: 1px solid #383B45;
}
@media (min-width: 768px) {
  .footer__main {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 0 69px;
  }
}
.footer__main:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.footer__footer {
  display: block;
  margin: 0 0 50px;
}
@media (min-width: 992px) {
  .footer__footer {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 20px;
  }
}
.footer__footer:last-child {
  margin-bottom: 0;
}
.footer__logo {
  display: block;
  flex: 0 0 auto;
}
.footer__logo-wrapper {
  width: 100%;
  max-width: 145px;
}
.footer__controls {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
}
.footer__control {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 390px) {
  .footer__control {
    width: auto;
    min-width: 331px;
  }
}
.footer__navs {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 40px;
  width: 100%;
}
@media (min-width: 768px) {
  .footer__navs {
    flex: 0 1 auto;
    gap: 50px;
    width: auto;
  }
}
@media (min-width: 992px) {
  .footer__navs {
    flex: 1 1 auto;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 60px 136px;
  }
}
.footer__nav {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 992px) {
  .footer__nav {
    width: auto;
    max-width: 300px;
  }
}
.footer__contacts {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .footer__contacts {
    flex: 0 1 auto;
    width: auto;
    text-align: right;
  }
}
.footer__info {
  display: block;
  margin: 0 0 30px;
  font-size: 16px;
  line-height: var(--lh-16);
}
@media (min-width: 992px) {
  .footer__info {
    flex: 1 1 auto;
    margin: 0;
  }
}
.footer__info:last-child {
  margin-bottom: 0;
}
.footer__info p:not([class]) {
  margin: 0 0 11px;
}
.footer__info p:not([class]):last-child {
  margin-bottom: 0;
}
.footer__extra {
  display: block;
  color: var(--color-ash);
}
@media (min-width: 768px) {
  .footer__extra {
    max-width: 400px;
  }
}
@media (min-width: 992px) {
  .footer__extra {
    flex: 0 0 32.8%;
    max-width: 100%;
  }
}
.footer__links {
  display: block;
  margin: 0 0 10px;
}
.footer__links:last-child {
  margin-bottom: 0;
}
.footer__copyright {
  display: block;
  margin: 0 0 10px;
  font-size: 14px;
  line-height: var(--lh-14);
}
.footer__copyright:last-child {
  margin-bottom: 0;
}
.form {
  display: block;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.form__main {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.form__title {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 20px;
}
.form__title:last-child {
  margin-bottom: 0;
}
.form__inputs {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 20px;
}
.form__inputs:last-child {
  margin-bottom: 0;
}
.form__line {
  margin: 0 0 10px;
}
.form__line:last-child {
  margin-bottom: 0;
}
.form__confirmation-check {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 20px;
}
.form__confirmation-check:last-child {
  margin-bottom: 0;
}
.form__controls {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.form__control {
  display: block;
  width: 100%;
  margin: 0 0 20px;
}
.form__control:last-child {
  margin: 0;
}
.form__messages {
  display: none;
  flex: 0 0 auto;
  width: 100%;
  padding: 30px 0;
}
.form__messages:first-child {
  padding-top: 0;
}
.form__messages:last-child {
  padding-bottom: 0;
}
.form__message {
  display: block;
  margin: 0 0 20px;
}
.form__message:last-child {
  margin-bottom: 0;
}
.form__message_style_error {
  color: var(--color-primary);
}
.form_messages_shown .form__messages {
  display: block;
}
.form_state_sent .form__main {
  display: none;
}
.form_state_sent .form__final {
  display: block;
}
.form_state_processing {
  opacity: 0.5;
  pointer-events: none;
  cursor: wait;
}
.form_layout_check-last .form__confirmation-check {
  order: 9;
  margin: 9px 0 0;
}
@media (min-width: 768px) {
  .form_layout_horizontal .form__main {
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    row-gap: 9px;
  }
}
.form_layout_horizontal .form__inputs {
  margin: 0 0 16px;
}
@media (min-width: 768px) {
  .form_layout_horizontal .form__inputs {
    margin: 0 0 24px;
  }
}
@media (min-width: 992px) {
  .form_layout_horizontal .form__inputs {
    display: flex;
    flex: 0 0 73.75%;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
  }
}
.form_layout_horizontal .form__inputs:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .form_layout_horizontal .form__line {
    flex: 1 1 50%;
    max-width: 100%;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .form_layout_horizontal .form__controls {
    flex: 0 0 26.25%;
    padding: 0 0 0 20px;
    margin: 0;
  }
}
.form_layout_horizontal .form__confirmation-check {
  order: 9;
  margin: 10px 0 0;
}
@media (min-width: 992px) {
  .form_layout_horizontal .form__confirmation-check {
    max-width: 500px;
    margin: 0;
  }
}
.form_type_panel {
  position: relative;
  z-index: 1;
  padding: 20px 20px 16px;
  color: var(--color-black);
  background: var(--color-cream);
  border-radius: 20px;
}
.form_type_subscribe .form__controls {
  padding: 0;
  flex: 0 0 40.25%;
}
@media (min-width: 768px) {
  .form_type_subscribe .form__controls {
    padding: 0 0 0 10px;
  }
}
.form_type_subscribe .form__inputs {
  margin: 0 0 10px;
  flex: 0 0 59.75%;
}
@media (min-width: 992px) {
  .form_type_subscribe .form__inputs {
    margin: 0;
  }
}
.form-banner {
  position: relative;
  overflow: hidden;
  display: block;
  color: var(--color-white);
  background: var(--color-primary);
  border-radius: 30px;
}
@media (min-width: 768px) {
  .form-banner {
    padding: 40px;
    border-radius: 40px;
  }
}
@media (min-width: 992px) {
  .form-banner {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    padding: 40px 40px 61px;
  }
}
.form-banner__main {
  position: relative;
  z-index: 1;
  display: block;
  margin: 0 0 40px;
  padding: 30px 22px 0;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: var(--lh-18);
}
@media (min-width: 768px) {
  .form-banner__main {
    padding: 0;
    max-width: 382px;
    text-align: left;
  }
}
@media (min-width: 992px) {
  .form-banner__main {
    flex: 0 1 40%;
    max-width: 40%;
    margin: 0 auto 0 0;
  }
}
.form-banner__main:last-child {
  margin-bottom: 0;
}
.form-banner__title {
  display: block;
  margin: 0 0 20px;
}
.form-banner__title:last-child {
  margin-bottom: 0;
}
.form-banner__text {
  display: block;
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .form-banner__text {
    max-width: 320px;
  }
}
.form-banner__text:last-child {
  margin-bottom: 0;
}
.form-banner__form {
  position: relative;
  display: block;
  width: 100%;
  margin: 0 0 12px;
  z-index: 2;
}
@media (min-width: 768px) {
  .form-banner__form {
    width: 410px;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .form-banner__form {
    flex: 0 0 auto;
  }
}
.form-banner__form:last-child {
  margin-bottom: 0;
}
.form-banner__illustration {
  position: relative;
  display: block;
  width: 322px;
  height: 475px;
  margin: 0 auto;
  z-index: 1;
}
@media (min-width: 768px) {
  .form-banner__illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 452px;
    height: 752px;
    margin: 0;
    transform: translate(30%, 0);
  }
}
@media (min-width: 992px) {
  .form-banner__illustration {
    width: 428px;
    height: 475px;
    left: 49.3%;
    right: auto;
    transform: translate(-50%, 0);
  }
}
.form-banner__image {
  position: relative;
  left: 50%;
  display: block;
  width: 134%;
  max-width: none;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 0;
     object-position: 50% 0;
  transform: translate(-49%, 0);
}
@media (min-width: 768px) {
  .form-banner__image {
    position: static;
    left: auto;
    width: 100%;
    transform: none;
  }
}
.form-banner__background {
  position: absolute;
  left: 50%;
  display: none;
  width: 836px;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .form-banner__background {
    top: 0;
    display: block;
  }
}
@media (min-width: 992px) {
  .form-banner__background {
    top: 20px;
  }
}
.form-banner_style_dark {
  background-color: var(--color-dark);
}
.form-banner_align_left .form-banner__main {
  text-align: left;
}
.form-banner_image_m-hidden .form-banner__form {
  margin: 0;
}
.form-banner_image_m-hidden .form-banner__illustration {
  display: none;
}
@media (min-width: 768px) {
  .form-banner_image_m-hidden .form-banner__illustration {
    display: block;
  }
}
.form-control {
  display: block;
}
.form-control__holder {
  position: relative;
  display: block;
}
.form-control__label {
  display: block;
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: var(--lh-16);
}
.form-control__label:last-child {
  margin-bottom: 0;
}
.form-control__field {
  position: relative;
  display: block;
}
.form-control__input, .form-control__textarea, .form-control__select {
  display: block;
  width: 100%;
  height: 43px;
  padding: 0 19px;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 41px;
  background: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: background-color, border-color;
}
.form-control__input::-moz-placeholder, .form-control__textarea::-moz-placeholder, .form-control__select::-moz-placeholder {
  color: var(--color-grey);
  opacity: 1;
}
.form-control__input::placeholder, .form-control__textarea::placeholder, .form-control__select::placeholder {
  color: var(--color-grey);
  opacity: 1;
}
.form-control__input:hover, .form-control__input:focus, .form-control__textarea:hover, .form-control__textarea:focus, .form-control__select:hover, .form-control__select:focus {
  background-color: var(--color-grey-light);
}
.form-control__input:focus::-moz-placeholder, .form-control__textarea:focus::-moz-placeholder, .form-control__select:focus::-moz-placeholder {
  color: transparent;
}
.form-control__input:focus::placeholder, .form-control__textarea:focus::placeholder, .form-control__select:focus::placeholder {
  color: transparent;
}
.form-control__input:disabled, .form-control__textarea:disabled, .form-control__select:disabled {
  pointer-events: none;
  background-color: var(--color-grey);
}
.form-control__input_state_invalid, .form-control__textarea_state_invalid, .form-control__select_state_invalid {
  border-color: var(--color-primary);
}
.form-control__input_state_invalid:focus, .form-control__textarea_state_invalid:focus, .form-control__select_state_invalid:focus {
  border-color: var(--color-primary);
}
.form-control__input[type=number] {
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
}
.form-control__input[type=number]::-webkit-outer-spin-button, .form-control__input[type=number]::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
.form-control__textarea {
  resize: none;
  height: 165px;
  min-height: 56px;
  max-height: 180px;
  padding-top: 11px;
  padding-bottom: 11px;
  line-height: 1.429;
}
.form-control__textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.form-control__textarea::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 4px;
}
.form-control__textarea::-webkit-scrollbar-thumb {
  background-color: var(--color-primary);
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 4px;
}
.form-control__check-panel-group {
  padding: 10px 0 0;
}
.form-control__error {
  display: none;
  color: var(--color-primary);
  font-size: 12px;
}
.form-control_type_group {
  border: 1px solid transparent;
}
.form-control_state_invalid .form-control__input, .form-control_state_invalid .form-control__textarea, .form-control_state_invalid .form-control__select {
  border-color: var(--color-primary);
}
.form-control_state_invalid .form-control__input:focus, .form-control_state_invalid .form-control__textarea:focus, .form-control_state_invalid .form-control__select:focus {
  border-color: var(--color-primary);
}
.form-control_state_invalid .form-control__check-item {
  color: var(--color-primary);
}
.form-control_size_l .form-control__input, .form-control_size_l .form-control__textarea, .form-control_size_l .form-control__select {
  height: 56px;
  line-height: 54px;
}
.form-control_style_grey .form-control__input {
  background: #E8E8ED;
}

.iti {
  width: 100%;
  color: var(--color-black);
}

.iti__selected-flag {
  border-radius: 8px 0 0 8px;
}
.form-subscribe {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 40px;
}
@media (min-width: 992px) {
  .form-subscribe {
    gap: 60px;
  }
}
@media (min-width: 992px) {
  .form-subscribe {
    flex-direction: row;
    align-items: center;
  }
}
.form-subscribe__form-block {
  flex-basis: 100%;
  width: 100%;
}
@media (min-width: 992px) {
  .form-subscribe__form-block {
    flex-basis: 52%;
    width: 52%;
  }
}
.form-subscribe__banner {
  flex-basis: 100%;
  width: 100%;
}
@media (min-width: 768px) {
  .form-subscribe__banner {
    flex-basis: 58%;
    width: 58%;
  }
}
@media (min-width: 992px) {
  .form-subscribe__banner {
    flex-basis: 31%;
    width: 31%;
  }
}
.form-subscribe__form {
  width: 100%;
}
.form-subscribe__panel {
  height: 100%;
  min-height: 269px;
}
.form-subscribe__panel::before {
  content: "";
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  background: url("../blocks/form-subscribe/images/tg-icon.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  filter: none;
}
.form-subscribe__title {
  margin: 0 0 30px;
}
.form-subscribe__title:last-child {
  margin-bottom: 0;
}
.goal-path {
  display: block;
  font-size: 16px;
  line-height: 1.1875;
}
.goal-path__title {
  display: block;
  margin: 0 0 23px;
}
@media (min-width: 768px) {
  .goal-path__title {
    margin: 0;
    max-width: 50%;
  }
}
.goal-path__title:last-child {
  margin-bottom: 0;
}
.goal-path__list {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 0 0 0 6%;
}
@media (min-width: 768px) {
  .goal-path__list {
    padding: 0 0 0 3%;
  }
}
@media (min-width: 992px) {
  .goal-path__list {
    padding: 0 0 0 2.5%;
  }
}
.goal-path__item {
  position: relative;
  display: block;
  flex: 0 0 300px;
  max-width: 100%;
  margin: 0;
  padding: 0;
}
@media (min-width: 768px) {
  .goal-path__item {
    flex: 0 0 49%;
  }
}
@media (min-width: 992px) {
  .goal-path__item {
    flex-basis: 38%;
  }
}
.goal-path__item:nth-child(1) {
  margin: 70px 0 0;
}
.goal-path__item:nth-child(1):before {
  left: auto;
  right: 0;
  transform: translate(-185px, 0) rotate(180deg);
}
@media (min-width: 768px) {
  .goal-path__item:nth-child(1):before {
    transform: rotate(180deg);
  }
}
.goal-path__item:nth-child(1):after {
  top: 44px;
  left: 100%;
  right: auto;
  height: 56px;
  transform: translate(-230px, -100%) rotate(180deg);
}
@media (min-width: 768px) {
  .goal-path__item:nth-child(1):after {
    transform: translate(-55px, -100%) rotate(180deg);
  }
}
@media (min-width: 992px) {
  .goal-path__item:nth-child(1):after {
    transform: translate(-11px, -100%) rotate(180deg);
  }
}
.goal-path__item:nth-child(2) {
  flex-basis: 180px;
  margin: -31px 0 0 -138px;
  padding: 0;
}
@media (min-width: 768px) {
  .goal-path__item:nth-child(2) {
    flex-basis: 53%;
    margin: -31px 0 0;
    padding: 0 0 0 11%;
  }
}
@media (min-width: 992px) {
  .goal-path__item:nth-child(2) {
    flex-basis: 63%;
    padding: 0 0 0 25%;
  }
}
.goal-path__item:nth-child(n+3) {
  display: none;
}
.goal-path__item:before {
  content: "";
  position: absolute;
  top: 39px;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 5px;
  border-radius: 0;
  background: var(--color-primary);
  box-shadow: 100px 0 0 0 var(--color-primary), 200px 0 0 0 var(--color-primary), 300px 0 0 0 var(--color-primary), 400px 0 0 0 var(--color-primary), 500px 0 0 0 var(--color-primary), 600px 0 0 0 var(--color-primary), 700px 0 0 0 var(--color-primary), 800px 0 0 0 var(--color-primary), 900px 0 0 0 var(--color-primary), 1000px 0 0 0 var(--color-primary);
  transform: translate(-46px, 0);
}
@media (min-width: 768px) {
  .goal-path__item:before {
    transform: none;
  }
}
.goal-path__item:after {
  content: "";
  position: absolute;
  top: 39px;
  right: 100%;
  z-index: -1;
  display: block;
  width: 80px;
  height: 55px;
  background: transparent;
  border: 5px solid var(--color-primary);
  border-right: none;
  border-radius: 100px 0 0 100px;
  transform: translate(-46px, 0);
}
@media (min-width: 768px) {
  .goal-path__item:after {
    transform: translate(0, 0);
  }
}
@media (min-width: 992px) {
  .goal-path__item:after {
    transform: translate(35px, 0);
  }
}
.goal-path__caption {
  display: block;
  margin: 0 0 8px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.182;
}
.goal-path__caption:last-child {
  margin-bottom: 0;
}
.goal-path__caption:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  margin: 8px 0 0;
  background: currentColor;
  border-radius: 50%;
}
.goal-path__text {
  display: block;
}
.hashtag-group {
  display: block;
  font-size: 14px;
  line-height: var(--lh-14);
}
.hashtag-group__link {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  margin: 0 4px 0 0;
  color: var(--color-info);
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
}
.hashtag-group__link:hover {
  text-decoration: underline;
}
.hashtag-group__link:last-child {
  margin-right: 0;
}
.header {
  display: block;
  padding: 20px 0;
  transition: all 0.3s ease;
  transition-property: background-color, box-shadow;
}
@media (min-width: 768px) {
  .header {
    padding: 29px 0;
  }
}
@media (min-width: 992px) {
  .header {
    padding: 20px 0;
  }
}
.header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: all 0.3s ease;
  transition-property: background-color, box-shadow;
}
.header__main {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
.header__logo {
  display: block;
  flex: 0 0 auto;
  padding: 0 20px 0 0;
}
@media (min-width: 1440px) {
  .header__logo {
    flex: 0 0 20%;
  }
}
.header__logo-wrapper {
  width: 100%;
  max-width: 145px;
}
.header__nav {
  position: absolute;
  top: 100%;
  right: 0;
  display: block;
  overflow: auto;
  width: 100%;
  height: calc(100vh - 90px);
  color: var(--color-black);
  background: var(--color-white);
  border-top: 1px solid #E8E8ED;
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform 0.3s ease;
}
@media (min-width: 1440px) {
  .header__nav {
    position: static;
    top: auto;
    left: auto;
    overflow: visible;
    flex: 1 1 auto;
    height: auto;
    color: inherit;
    background: transparent;
    border: none;
    transform: none;
    transition: none;
  }
}
.header__extra {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 0 0 0 20px;
  gap: 20px;
}
@media (min-width: 768px) {
  .header__extra {
    gap: 30px;
  }
}
@media (min-width: 1440px) {
  .header__extra {
    gap: 20px;
    flex: 0 0 20%;
  }
}
.header__burger {
  display: block;
  flex: 0 0 auto;
}
@media (min-width: 1440px) {
  .header__burger {
    display: none;
  }
}
.header__burger__search {
  display: block;
  flex: 0 0 auto;
}
.header__contacts {
  display: none;
  flex: 0 1 auto;
  text-align: right;
}
@media (min-width: 1440px) {
  .header__contacts {
    display: block;
  }
}
.header_position_fixed:before {
  box-shadow: var(--shadow-m-grey-10);
  background: rgba(252, 252, 254, 0.4);
  backdrop-filter: blur(6px);
}
@media (min-width: 992px) {
  .header_position_fixed:before {
    box-shadow: none;
  }
}
.header_position_fixed .header__contacts {
  display: none;
}
.header_menu_open .header__nav {
  transform: scale(1);
}
.header_style_light:not(.header_position_fixed) {
  color: var(--color-white);
}
.header_style_light:not(.header_position_fixed) .header__logo-wrapper {
  --logo-text-color: var(--color-white);
  --logo-color-primary: var(--color-white);
  --logo-color-secondary: var(--color-primary);
}
.header_style_light:not(.header_position_fixed) .nav {
  --nav-background-color: var(--color-white-20);
  --nav-text-color: var(--color-white);
}
.header_style_light:not(.header_position_fixed) .contact__link-wrapper {
  --icon-link-color: var(--color-white);
  --icon-link-color-active: var(--color-grey-light);
  --icon-link-icon-color: var(--color-white);
}
.header_style_light:not(.header_position_fixed) .search-panel {
  --search-panel-trigger-icon-color: var(--color-white);
  --search-panel-trigger-background-color: var(--color-white-20);
  --search-panel-trigger-icon-color-active: var(--color-primary);
  --search-panel-trigger-background-color-active: var(--color-white);
}
.icon-link {
  --icon-link-color: var(--color-grey);
  --icon-link-color-active: var(--color-primary);
  --icon-link-icon-color: currentColor;
  display: inline-flex;
  flex-wrap: nowrap;
  gap: 6px;
  color: var(--icon-link-color);
  font-size: 16px;
  font-weight: 500;
  text-align: inherit;
  text-decoration: none;
  line-height: var(--lh-16);
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
.icon-link:hover, .icon-link:focus-visible {
  color: var(--icon-link-color-active);
  text-decoration: none;
  outline: none;
}
.icon-link__icon {
  display: block;
  flex: 0 0 auto;
  width: 13px;
  height: 16px;
  fill: var(--icon-link-icon-color);
}
.icon-link__text {
  display: block;
  flex: 0 1 auto;
}
.icon-link_icon-size_slim .icon-link__icon {
  width: 9px;
  height: 19px;
}
.icon-link_icon-style_primary {
  --icon-link-icon-color: var(--color-primary);
}
.image-set {
  --image-set-outline-color: var(--color-white);
  display: block;
  font-size: 14px;
  line-height: var(--lh-14);
}
.image-set__list {
  display: flex;
  flex-wrap: nowrap;
  margin: 0 0 4px;
}
.image-set__list:last-child {
  margin-bottom: 0;
}
.image-set__item {
  display: block;
  flex: 0 0 auto;
  margin: 0 -10px 0 0;
}
.image-set__item:last-child {
  margin-right: 0;
}
.image-set__illustration {
  position: relative;
  display: block;
  z-index: 1;
  width: 60px;
  color: var(--color-white);
  background: var(--color-black);
  border-radius: 20px;
  box-shadow: 0 0 0 2px var(--image-set-outline-color);
}
.image-set__illustration:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 100% 0 0;
}
.image-set__illustration:has(.image-set__image) {
  color: var(--color-black);
  background: var(--color-white);
}
.image-set__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.image-set__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 20px;
  height: 20px;
  fill: currentColor;
  transform: translate(-50%, -50%);
}
.image-set__caption {
  display: block;
  margin: 0 0 4px;
  color: var(--color-grey);
}
.image-set__caption:last-child {
  margin-bottom: 0;
}
.image-set_outline_grey .image-set__illustration {
  --image-set-outline-color: #E9EAEC;
}
.info-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 30px 20px 0;
  color: var(--color-white);
  background: var(--color-primary);
  border-radius: 30px;
}
@media (min-width: 768px) {
  .info-card {
    padding: 40px 30px 30px;
  }
}
.info-card__content {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1 1 100%;
  flex-wrap: nowrap;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  padding: 0 0 30px;
}
@media (min-width: 768px) {
  .info-card__content {
    padding: 0;
  }
}
.info-card__title {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 16px;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.2777;
  letter-spacing: var(--ls-tiny);
}
@media (min-width: 768px) {
  .info-card__title {
    margin: 0 0 24px;
    font-size: 42px;
    line-height: 1.095;
    letter-spacing: var(--ls-small);
  }
}
.info-card__title:last-child {
  margin-bottom: 0;
}
.info-card__text {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 30px;
  font-size: 18px;
  line-height: var(--lh-18);
}
@media (min-width: 768px) {
  .info-card__text {
    margin: 0 0 24px;
  }
}
.info-card__text:last-child {
  margin-bottom: 0;
}
.info-card__text li:not([class]) {
  margin: 0 0 8px;
}
.info-card__text li:not([class]):last-child {
  margin-bottom: 0;
}
.info-card__label-group {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: auto 0 20px;
}
@media (min-width: 768px) {
  .info-card__label-group {
    margin: auto 0 30px;
  }
}
.info-card__label-group:last-child {
  margin-bottom: 0;
}
.info-card__controls {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  margin: 0 0 30px;
}
.info-card__controls:last-child {
  margin-bottom: 0;
}
.info-card__control {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .info-card__control {
    width: auto;
  }
}
.info-card__control:last-child {
  margin-bottom: 0;
}
.info-card__icon-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 44px;
  color: var(--color-primary);
  background: var(--color-white);
  border-radius: 14px;
}
.info-card__icon {
  display: block;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  fill: currentColor;
}
.info-card__illustration {
  display: block;
  width: 100%;
  height: 348px;
}
@media (min-width: 768px) {
  .info-card__illustration {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 426px;
    height: 422px;
    transform: translate(8%, 0);
  }
}
.info-card__image {
  position: relative;
  left: 50%;
  display: block;
  width: 113%;
  max-width: none;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
  transform: translate(-50%, 0);
}
@media (min-width: 768px) {
  .info-card__image {
    position: static;
    left: auto;
    width: 100%;
    transform: none;
  }
}
.info-card_style_dark {
  background: var(--color-black);
}
.info-card_style_dark .info-card__icon-wrapper {
  color: var(--color-black);
}
.info-card_style_secondary {
  background: var(--color-secondary);
}
.info-card_style_secondary .info-card__icon-wrapper {
  color: var(--color-secondary);
}
.info-grid {
  display: block;
}
.info-grid__item {
  display: block;
}
.info-grid__list {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 768px) {
  .info-grid__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .info-grid__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
}
.info-grid__pannel {
  min-height: 422px;
  height: 100%;
}
.info-group {
  display: block;
}
@media (min-width: 992px) {
  .info-group {
    display: flex;
    flex-wrap: nowrap;
  }
}
.info-group__nav-wrapper {
  position: relative;
  display: block;
  margin: 0 0 30px;
  scrollbar-width: none;
}
.info-group__nav-wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .info-group__nav-wrapper {
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding: 0 20px;
    margin: 0 -20px 60px;
  }
}
@media (min-width: 992px) {
  .info-group__nav-wrapper {
    display: block;
    overflow: hidden;
    flex: 0 0 480px;
    margin: 0;
    padding: 0 20px 0 0;
  }
}
.info-group__nav-wrapper:last-child {
  margin-bottom: 0;
}
.info-group__nav {
  display: flex;
  overflow: hidden;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  flex-direction: column;
  margin: 0 auto;
  list-style: none;
  background: var(--color-white);
  border-radius: 14px;
}
@media (min-width: 768px) {
  .info-group__nav {
    vertical-align: middle;
    flex-direction: row;
    gap: 10px;
    padding: 4px;
    color: var(--color-grey);
    background: var(--color-light-grey);
    border: 1px solid #EDEDF2;
    border-radius: 50px;
  }
}
@media (min-width: 992px) {
  .info-group__nav {
    display: block;
    gap: 0;
    padding: 0;
    color: inherit;
    background: transparent;
    border: none;
    border-radius: 0;
  }
}
.info-group__item {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  .info-group__item {
    width: 100%;
    height: auto;
    margin: 0 0 11px;
  }
}
@media (max-width: 767px) {
  .info-group__item {
    display: none;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .info-group__item:has(.info-group__trigger_state_active) {
    display: block;
    order: -1;
  }
}
@media (min-width: 992px) {
  .info-group__item:last-child {
    margin-bottom: 0;
  }
}
.info-group__trigger {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  color: inherit;
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
}
@media (min-width: 768px) {
  .info-group__trigger {
    text-align: center;
  }
}
.info-group__trigger:hover .info-group__label, .info-group__trigger:focus-visible .info-group__label {
  color: inherit;
  background: var(--color-cream);
}
.info-group__trigger:disabled .info-group__label {
  color: var(--color-dark);
  background: var(--color-grey);
}
.info-group__trigger .info-group__panel {
  display: none;
}
@media (min-width: 992px) {
  .info-group__trigger .info-group__panel {
    display: block;
  }
}
.info-group__trigger_state_active .info-group__label {
  color: var(--color-white);
  background: var(--color-primary);
}
.info-group__trigger_state_active .info-group__label:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  display: block;
  width: 9px;
  height: 9px;
  color: inherit;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translate(0, -75%) rotate(45deg) skew(-5deg, -5deg);
}
@media (min-width: 768px) {
  .info-group__trigger_state_active .info-group__label:after {
    display: none;
  }
}
.info-group__trigger_state_active .info-group__panel {
  color: var(--color-primary);
  background-color: var(--color-milk);
  border-color: var(--color-primary);
}
.info-group__trigger_state_active .info-group__icon {
  color: var(--color-primary);
  transform: rotate(45deg);
}
.info-group__trigger_state_active:hover .info-group__label, .info-group__trigger_state_active:focus-visible .info-group__label {
  color: var(--color-white);
  background: var(--color-primary);
}
.info-group__label {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 8px 16px 7px;
  font-size: 18px;
  font-weight: 500;
  line-height: var(--lh-18);
  border-radius: 50px;
  transition: all 0.3s ease;
  transition-property: color, background-color, border-color;
}
@media (min-width: 992px) {
  .info-group__label {
    display: none;
  }
}
.info-group__open {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.1px;
  background: transaprent;
  border: none;
  border-radius: inherit;
  opacity: 0.001;
  outline: none;
}
@media (min-width: 768px) {
  .info-group__open {
    display: none;
  }
}
.info-group__panel {
  position: relative;
  display: block;
  padding: 19px;
  color: var(--color-black);
  font-size: 22px;
  line-height: var(--lh-22);
  text-align: left;
  background: var(--color-grey-light);
  border-radius: 20px;
  border: 1px solid var(--color-grey-light);
  transition: all 0.3s ease;
  transition-property: color, background-color, border-color;
}
@media (min-width: 768px) {
  .info-group__panel {
    font-size: 24px;
    line-height: var(--lh-24);
  }
}
@media (min-width: 768px) {
  .info-group__panel:hover {
    background-color: var(--color-cream);
  }
}
.info-group__panel_state_active {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.info-group__panel_state_active .info-group__icon {
  color: var(--color-primary);
}
.info-group__panel_arrow_down .info-group__icon {
  transform: rotate(135deg);
}
.info-group__caption {
  display: block;
  margin: 0 0 14px;
  color: var(--color-grey);
  font-size: 18px;
  line-height: var(--lh-18);
}
.info-group__caption:last-child {
  margin-bottom: 0;
}
.info-group__text {
  letter-spacing: var(--ls-small);
}
.info-group__icon {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
  fill: currentColor;
  color: var(--color-grey);
  transition: all 0.3s ease;
  transition-property: color, transform;
}
.info-group__card {
  min-height: 440px;
}
.info-group__tabs {
  display: block;
}
@media (min-width: 992px) {
  .info-group__tabs {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.info-group__tab .info-group__panel {
  display: block;
  margin: 0 0 11px;
}
@media (min-width: 992px) {
  .info-group__tab .info-group__panel {
    display: none;
  }
}
.info-group__tab .info-group__panel:last-child {
  margin-bottom: 0;
}
.info-group__tab_state_hidden {
  display: none;
}
.info-group__tab_state_active {
  display: block;
}
.info-group_style_dark .info-group__trigger_state_active .info-group__panel {
  border-color: var(--color-black);
  color: var(--color-black);
}
.info-group_style_dark .info-group__trigger_state_active .info-group__icon {
  color: var(--color-black);
}
.info-group_style_secondary .info-group__trigger_state_active .info-group__panel {
  border-color: var(--color-secondary);
  color: var(--color-secondary);
}
.info-group_style_secondary .info-group__trigger_state_active .info-group__icon {
  color: var(--color-secondary);
}
.info-group_state_open .info-group__open {
  display: none;
}
@media (max-width: 767px) {
  .info-group_state_open .info-group__item {
    display: block;
  }
}
.info-group_state_open .info-group__trigger_state_active .info-group__label:after {
  transform: translate(0, -25%) rotate(-135deg);
}
.info-pannel {
  position: relative;
  display: block;
  padding: 20px;
  color: var(--color-white);
  background: var(--color-cream);
  border-radius: 30px;
  overflow: hidden;
}
.info-pannel__wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  height: 100%;
}
.info-pannel__inner {
  display: block;
}
.info-pannel__label {
  padding: 10px;
  display: flex;
  align-self: flex-start;
  align-items: center;
  justify-content: center;
  min-width: 46px;
  min-height: 46px;
  border: 1px solid var(--color-white-30);
  border-radius: 16px;
}
.info-pannel__title {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: var(--ls-small);
  text-wrap: balance;
}
@media (min-width: 992px) {
  .info-pannel__title {
    font-size: 32px;
  }
}
.info-pannel__title:last-child {
  margin-bottom: 0;
}
.info-pannel__text {
  margin: 0 0 30px;
  font-size: 16px;
  text-wrap: pretty;
}
@media (min-width: 992px) {
  .info-pannel__text {
    font-size: 18px;
    font-weight: 500;
  }
}
.info-pannel__text:last-child {
  margin-bottom: 0;
}
.info-pannel__illustration {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -20px;
  z-index: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .info-pannel__illustration {
    right: -70px;
  }
}
@media (min-width: 992px) {
  .info-pannel__illustration {
    right: 0;
  }
}
.info-pannel__illustration::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(270deg, rgba(34, 37, 47, 0) 0%, #22252F 100%);
}
.info-pannel__image {
  width: 100%;
}
.info-pannel__controls {
  display: block;
}
.info-pannel_style_solid {
  background: var(--color-dark);
}
.info-pannel_style_solid .info-pannel__inner {
  margin: 0 -20px -20px;
  padding: 20px;
  background: var(--color-dark);
  box-shadow: 0px -10px 20px rgba(0, 0, 0, 0.8);
}
.info-pannel_style_solid .info-pannel__illustration {
  background: transparent;
  top: 80px;
}
.info-pannel_style_solid .info-pannel__illustration:after {
  content: none;
}
.insert {
  display: block;
  padding: 16px 40px 16px 15px;
  border-left: 5px solid var(--color-primary);
  font-size: 16px;
  line-height: 1.222;
}
@media (min-width: 768px) {
  .insert {
    font-size: 18px;
  }
}
.insert h2,
.insert h3,
.insert h4,
.insert h5,
.insert h6,
.insert h2:not([class]),
.insert h3:not([class]),
.insert h4:not([class]),
.insert h5:not([class]),
.insert h6:not([class]) {
  margin: 0 0 4px;
}
.insert h2:last-child,
.insert h3:last-child,
.insert h4:last-child,
.insert h5:last-child,
.insert h6:last-child,
.insert h2:not([class]):last-child,
.insert h3:not([class]):last-child,
.insert h4:not([class]):last-child,
.insert h5:not([class]):last-child,
.insert h6:not([class]):last-child {
  margin-bottom: 0;
}
.insert h3,
.insert h3:not([class]) {
  font-weight: 500;
  font-size: 22px;
  line-height: 1.182;
  letter-spacing: var(--ls-small);
}
.insert p:not([class]) {
  margin: 0 0 12px;
}
.insert p:not([class]):last-child {
  margin-bottom: 0;
}
.intro {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 40px 0 0;
  font-size: 16px;
  line-height: var(--lh-16);
}
@media (min-width: 768px) {
  .intro {
    padding: 60px 0 30px;
  }
}
.intro__container {
  display: block;
}
@media (min-width: 992px) {
  .intro__container {
    display: flex;
    flex-wrap: nowrap;
  }
}
.intro__content {
  display: block;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .intro__content {
    margin: 0 0 60px;
  }
}
@media (min-width: 992px) {
  .intro__content {
    flex: 0 1 60%;
    margin: 0 auto 0 0;
    padding: 27px 40px 0 0;
  }
}
@media (min-width: 992px) {
  .intro__content:only-child {
    flex-basis: 100%;
  }
}
.intro__content:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .intro__content:last-child {
    padding-right: 0;
  }
}
.intro__content_width_s {
  flex: 0 1 70%;
}
.intro__content_width_xs .intro__text {
  max-width: 600px;
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .intro__content_width_xs .intro__text {
    margin: 0 auto 30px;
  }
}
.intro__content_width_xs .intro__text:last-child {
  margin-bottom: 0;
}
.intro__content_spacing_bottom-m .intro__title {
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .intro__content_spacing_bottom-m .intro__title {
    margin: 0 0 40px;
  }
}
.intro__title {
  display: block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .intro__title {
    margin: 0 0 30px;
  }
}
.intro__title:last-child {
  margin-bottom: 0;
}
.intro__text {
  display: block;
  margin: 0 0 20px;
  font-size: 22px;
  font-weight: 500;
  line-height: var(--lh-22);
}
@media (min-width: 768px) {
  .intro__text {
    font-size: 24px;
    line-height: var(--lh-24);
    letter-spacing: var(--ls-small);
  }
}
@media (min-width: 768px) {
  .intro__text {
    margin: 0 0 30px;
  }
}
.intro__text:last-child {
  margin-bottom: 0;
}
.intro__text_size_m {
  font-size: 18px;
}
@media (min-width: 768px) {
  .intro__text_size_m {
    font-size: 24px;
  }
}
.intro__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (min-width: 768px) {
  .intro__list {
    grid-template-columns: minmax(0, 141px) minmax(0, 196px) minmax(0, 111px);
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (min-width: 992px) {
  .intro__list {
    grid-template-columns: minmax(0, 196px) minmax(0, 141px) minmax(0, 241px);
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.intro__list:last-child {
  margin-bottom: 0;
}
.intro__item {
  display: block;
}
.intro__item:nth-child(2n+1):last-child {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .intro__item:nth-child(2n+1):last-child {
    grid-column: auto;
  }
}
.intro__icon-wrapper {
  display: block;
  margin: 0 0 10px;
  color: var(--color-primary);
}
.intro__icon-wrapper:last-child {
  margin-bottom: 0;
}
.intro__icon {
  display: block;
  width: 11px;
  height: 17px;
  fill: currentColor;
}
.intro__list-text {
  display: block;
}
.intro__form {
  display: block;
  margin: 0 -20px;
}
@media (min-width: 768px) {
  .intro__form {
    width: 410px;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .intro__form {
    flex: 0 0 auto;
  }
}
.intro__form:last-child {
  margin-bottom: 0;
}
.intro__form_width_s {
  margin: 0;
  width: 100%;
  max-width: 482px;
}
.intro__article-group {
  padding: 20px 0 0;
}
.intro__link-grid {
  display: block;
}
@media (min-width: 768px) {
  .intro__link-grid {
    padding: 48px 0 0;
  }
}
@media (min-width: 992px) {
  .intro__link-grid {
    padding: 41px 0 0;
  }
}
.intro_align_center {
  text-align: center;
}
@media (min-width: 768px) {
  .intro_align_center {
    text-align: center;
  }
}
.intro_spacing_s {
  padding: 10px 0 90px;
}
@media (min-width: 768px) {
  .intro_spacing_s {
    padding: 0 0 90px;
  }
}
@media (min-width: 992px) {
  .intro_spacing_s .intro__content {
    padding-top: 0;
  }
}
.intro_spacing_s .intro__title {
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .intro_spacing_s .intro__title {
    margin: 0 0 10px;
  }
}
.intro_spacing_s .intro__title:last-child {
  margin-bottom: 0;
}
.intro_spacing_m {
  padding: 0 0 13px;
}
@media (min-width: 768px) {
  .intro_spacing_m {
    padding: 0 0 23px;
  }
}
@media (min-width: 992px) {
  .intro_spacing_m .intro__content {
    padding-top: 0;
  }
}
.intro_spacing_m .intro__title {
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .intro_spacing_m .intro__title {
    margin: 0 0 30px;
  }
}
.intro_spacing_m .intro:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .intro_spacing_m .intro__text {
    margin: 0 0 61px;
  }
}
.intro_spacing_m .intro__text:last-child {
  margin-bottom: 0;
}
.intro_spacing_top-none {
  padding-top: 0;
}
@media (min-width: 992px) {
  .intro_spacing_top-none .intro__content {
    padding-top: 0;
  }
}
.intro_spacing_bottom-m {
  padding: 0 0 60px;
}
@media (min-width: 768px) {
  .intro_spacing_bottom-m {
    padding: 0 0 90px;
  }
}
.intro_style_primary {
  color: var(--color-white);
  background: var(--color-primary);
}
.intro_layout_promo {
  position: relative;
  padding: 110px 0 30px;
}
@media (min-width: 768px) {
  .intro_layout_promo {
    padding: 128px 0 60px;
  }
}
@media (min-width: 992px) {
  .intro_layout_promo {
    padding: 151px 0 60px;
  }
}
.intro_layout_promo .intro__container {
  position: relative;
  z-index: 5;
  display: block;
}
.intro_layout_promo .intro__breadcrumbs {
  padding: 0 0 40px;
}
@media (min-width: 768px) {
  .intro_layout_promo .intro__breadcrumbs {
    padding: 0 0 60px;
  }
}
@media (min-width: 992px) {
  .intro_layout_promo .intro__content {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 20px;
    padding: 0;
  }
}
.intro_layout_promo .intro__title {
  margin: 0 0 21px;
}
@media (min-width: 992px) {
  .intro_layout_promo .intro__title {
    flex: 0 1 auto;
    max-width: 50%;
    margin: 0;
  }
}
.intro_layout_promo .intro__title:last-child {
  margin-bottom: 0;
}
.intro_layout_promo .intro__list {
  grid-template-columns: auto;
  grid-template-rows: auto;
  font-size: 22px;
  font-weight: 500;
  line-height: var(--lh-22);
}
@media (min-width: 768px) {
  .intro_layout_promo .intro__list {
    font-size: 24px;
    line-height: var(--lh-24);
    letter-spacing: var(--ls-small);
  }
}
@media (min-width: 992px) {
  .intro_layout_promo .intro__list {
    flex: 0 0 auto;
    width: 261px;
    max-width: 100%;
    margin: 0 0 0 auto;
    padding: 19px 0 0;
  }
}
.intro_layout_promo .intro__item {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
}
@media (min-width: 992px) {
  .intro_layout_promo .intro__item {
    flex-direction: column;
  }
}
.intro_layout_promo .intro__icon-wrapper {
  position: relative;
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 0;
  padding: 7px 10px;
  color: inherit;
}
.intro_layout_promo .intro__icon-wrapper:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 1px solid currentColor;
  border-radius: 10px;
  opacity: 0.5;
  transform: translate(-50%, -50%);
}
.intro_layout_promo .intro__list-text {
  flex: 0 1 auto;
}
@media (min-width: 992px) {
  .intro_layout_promo .intro__list-text {
    flex-grow: 1;
  }
}
.intro_layout_promo .intro__under {
  position: relative;
  z-index: 3;
  margin: 287px 0 0;
}
@media (min-width: 768px) {
  .intro_layout_promo .intro__under {
    margin: 280px 0 0;
  }
}
@media (min-width: 992px) {
  .intro_layout_promo .intro__under {
    margin: 72px 0 0;
  }
}
.intro_layout_promo .intro__under:after {
  content: "";
  position: absolute;
  top: 120px;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background: var(--color-milk);
  border-radius: 30px 30px 0 0;
}
@media (min-width: 768px) {
  .intro_layout_promo .intro__under:after {
    top: 126px;
  }
}
@media (min-width: 992px) {
  .intro_layout_promo .intro__under:after {
    top: 143px;
  }
}
.intro_layout_promo .intro__background {
  position: absolute;
  left: 50%;
  bottom: 100%;
  z-index: -1;
  overflow: hidden;
  display: block;
  max-width: 100%;
  transform: translate(-50%, 156px);
}
@media (min-width: 768px) {
  .intro_layout_promo .intro__background {
    transform: translate(-50%, 143px);
  }
}
@media (min-width: 992px) {
  .intro_layout_promo .intro__background {
    left: 51.5%;
  }
}
.intro_layout_promo .intro__background .intro__picture {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  max-width: 100%;
}
.intro_layout_promo .intro__background .intro__image {
  display: block;
  flex: 0 0 auto;
  width: 531px;
  max-width: 531px;
  height: auto;
  margin: 0 auto;
}
.label {
  display: inline-block;
  padding: 7px 12px;
  color: var(--color-primary);
  font-size: 18px;
  line-height: var(--lh-18);
  letter-spacing: 0;
  background: var(--color-primary-10);
  backdrop-filter: blur(8.5px);
  border-radius: 16px;
}
.label_style_light {
  color: var(--color-white);
  background: var(--color-white-10);
}
.label_style_light-primary {
  color: var(--color-primary);
  background: transparent;
  border: 1px solid var(--color-primary-10);
}
.label_style_cyan {
  color: var(--color-cyan);
  background: var(--color-cyan-16);
}
.label_style_dark {
  color: var(--color-black);
  background: var(--color-black-10);
}
.label_style_info {
  color: var(--color-info);
  border: 2px dashed var(--color-info);
  background: transparent;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  transition: all 0.3s ease;
  transition-property: color, border;
}
.label_style_info-copied {
  border: 2px dashed var(--color-mint);
  color: var(--color-mint);
}
.label_style_white {
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.label_corner_bottom-left {
  border-bottom-left-radius: 0;
}
.label_corner_radius-m {
  border-radius: 8px;
}
.label_size_s {
  padding: 4px 10px 3px;
  font-size: 12px;
  line-height: 1;
}
@media (min-width: 768px) {
  .label_size_s {
    padding: 4px 10px;
    font-size: 14px;
  }
}
.label_size_m {
  padding: 4px 10px;
  font-size: 14px;
}
.label-group {
  display: block;
}
.label-group__title {
  display: block;
  margin: 0 0 10px;
  font-size: 16px;
  line-height: var(--lh-16);
}
.label-group__title:last-child {
  margin-bottom: 0;
}
.label-group__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.label-group__item {
  display: block;
  flex: 0 1 auto;
}
.label-group__label {
  display: block;
  padding: 10px 16px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: 400;
  line-height: var(--lh-18);
  text-decoration: none;
  text-align: center;
  background: var(--color-white-30);
  backdrop-filter: blur(17px);
  border: none;
  border-radius: 24px;
  outline: none;
}
.label-group__label[href] {
  transition: opacity 0.3s ease;
}
.label-group__label[href]:hover, .label-group__label[href]:focus-visible {
  color: var(--color-white);
  text-decoration: none;
  outline: none;
  opacity: var(--opacity-m);
}
.link {
  display: inline;
  vertical-align: baseline;
  color: inherit;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, opacity;
}
.link:hover, .link:focus-visible {
  color: var(--color-primary);
  text-decoration: none;
}
.link_style_light {
  color: var(--color-white);
}
.link_style_light:link, .link_style_light:visited {
  color: var(--color-white);
}
.link_style_light:hover, .link_style_light:focus-visible {
  color: var(--color-white);
}
.link_type_decorated {
  border-bottom: 1px solid currentColor;
}
.link-grid {
  display: block;
}
.link-grid__categories {
  display: block;
  margin: 0 0 62px;
}
@media (min-width: 768px) {
  .link-grid__categories {
    margin: 0 0 110px;
  }
}
@media (min-width: 992px) {
  .link-grid__categories {
    margin: 0 -10px 100px;
  }
}
.link-grid__categories:last-child {
  margin-bottom: 0;
}
.link-grid__heading {
  display: block;
  margin: 0 0 45px;
}
@media (min-width: 768px) {
  .link-grid__heading {
    margin: 0 0 60px;
  }
}
.link-grid__heading:last-child {
  margin-bottom: 0;
}
.link-grid__list {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 32px;
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .link-grid__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 60px 40px;
    margin: 0 0 60px;
  }
}
@media (min-width: 992px) {
  .link-grid__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.link-grid__list:last-child {
  margin-bottom: 0;
}
.link-grid__item {
  display: block;
}
.link-grid__panel {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: var(--color-dark);
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  text-decoration: none;
  letter-spacing: var(--ls-tiny);
  line-height: var(--lh-16);
  background: transparent;
  border: none;
  outline: none;
}
.link-grid__panel:hover:before {
  opacity: 1;
}
.link-grid__panel:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 0;
  display: block;
  width: calc(100% + 32px);
  height: calc(100% + 24px);
  background: var(--color-white);
  border-radius: 20px;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
@media (min-width: 992px) {
  .link-grid__panel:before {
    width: calc(100% + 40px);
  }
}
.link-grid__text {
  position: relative;
  display: block;
  flex: 0 0 auto;
  width: auto;
  z-index: 1;
}
.list {
  display: block;
  font-size: 16px;
  line-height: 1.1875;
}
.list > li:not([class]) {
  position: relative;
  padding: 0 0 0 19px;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .list > li:not([class]) {
    margin: 0 0 20px;
  }
}
.list > li:not([class]):last-child {
  margin-bottom: 0;
}
.list > li:not([class]):before {
  content: "";
  position: absolute;
  top: 0.5em;
  left: 0;
  z-index: 1;
  display: block;
  width: 12px;
  height: 12px;
  color: var(--color-primary);
  background: transparent;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  border-radius: 0;
  transform: translate(-50%, -50%) rotate(45deg);
}
.list h3,
.list h3:not([class]) {
  margin: 0 0 4px;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.222;
  letter-spacing: 0;
}
.list h3:last-child,
.list h3:not([class]):last-child {
  margin-bottom: 0;
}
.list h3:not([class]) {
  font-weight: 400;
  letter-spacing: var(--ls-medium);
}
.logo {
  --logo-text-color: var(--color-black);
  --logo-color-primary: var(--color-primary);
  --logo-color-secondary: var(--color-white);
  display: block;
}
.logo__figure path {
  transition: fill 0.3s ease;
}
.logo-grid {
  display: block;
}
.logo-grid__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(0, 160px));
  justify-content: center;
  gap: 10px;
}
@media (min-width: 768px) {
  .logo-grid__list {
    grid-template-columns: repeat(3, minmax(0, 160px));
    gap: 20px;
  }
}
@media (min-width: 992px) {
  .logo-grid__list {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 30px 40px;
  }
}
.logo-grid__illustration {
  position: relative;
  display: block;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: var(--color-grey-light);
  border-radius: 12px;
}
.logo-grid__illustration[href]:hover .logo-grid__image, .logo-grid__illustration[href]:focus-visible .logo-grid__image {
  transform: translate(-50%, -50%) scale(0.9);
}
.logo-grid__illustration:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 50% 0 0;
}
.logo-grid__image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 90%;
  height: 90%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease;
}
.modal {
  display: none;
}

.modal.fancybox__content,
.fancybox__content {
  overflow: auto;
  width: 100%;
  max-width: 600px;
  padding: 20px 40px 20px 20px;
  color: var(--color-black);
  font-size: 16px;
  line-height: var(--lh-16);
  background: var(--color-white);
  border-radius: 20px;
}
@media (min-width: 768px) {
  .modal.fancybox__content,
  .fancybox__content {
    padding: 30px 66px 30px 30px;
    font-size: 18px;
    line-height: var(--lh-18);
  }
}

.modal__header {
  display: block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .modal__header {
    margin: 0 0 12px;
  }
}
.modal__header:last-child {
  margin-bottom: 0;
}
.modal__title {
  display: block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .modal__title {
    margin: 0 0 12px;
  }
}
.modal__title:last-child {
  margin-bottom: 0;
}
.modal__text {
  display: block;
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .modal__text {
    margin: 0 0 30px;
  }
}
.modal__text:last-child {
  margin-bottom: 0;
}
.modal__controls {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.modal__control {
  display: block;
}
.modal__tg-group {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
@media (min-width: 768px) {
  .modal__tg-group {
    flex-direction: row;
    gap: 16px;
    margin: 0 -35px 0 0;
  }
}
.modal__button {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal__button {
    flex: 0 0 65.9%;
    width: auto;
  }
}
.modal__note {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 200px;
  color: var(--color-grey);
  font-size: 12px;
  line-height: var(--lh-12);
  text-align: center;
}
@media (min-width: 768px) {
  .modal__note {
    flex: 1 1 auto;
    max-width: none;
    font-size: 14px;
    line-height: var(--lh-14);
    text-align: left;
  }
}

.fancybox__content .modal {
  display: block;
}
.multipoint-panel {
  position: relative;
  display: flex;
  overflow: hidden;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 19px 0 19px 19px;
  background: var(--color-grey-light);
  border: 1px solid #ededf2;
  border-radius: 30px;
}
@media (min-width: 768px) {
  .multipoint-panel {
    padding: 29px 19px 0;
  }
}
@media (min-width: 992px) {
  .multipoint-panel {
    flex-direction: row;
    padding: 0 59px 0 0;
  }
}
.multipoint-panel__main {
  display: block;
  padding: 0 19px 0 0;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .multipoint-panel__main {
    padding: 0;
    margin: 0 0 19px;
  }
}
@media (min-width: 992px) {
  .multipoint-panel__main {
    padding: 29px 19px;
    margin: 0 80px 0 0;
    flex: 1 1 auto;
  }
}
.multipoint-panel__main:last-child {
  margin-bottom: 0;
}
.multipoint-panel__illustration {
  display: block;
}
@media (min-width: 992px) {
  .multipoint-panel__illustration {
    flex: 0 0 auto;
    max-width: 70%;
  }
}
.multipoint-panel__image {
  display: block;
  width: 100%;
  height: auto;
}
.multipoint-panel__rating {
  display: block;
  margin: 0 0 16px;
}
.multipoint-panel__rating:last-child {
  margin-bottom: 0;
}
.multipoint-panel__rating .multipoint-panel__image {
  width: auto;
  height: 24px;
}
.multipoint-panel__title {
  max-width: 340px;
}
.multipoint-panel__title {
  display: block;
  font-size: 22px;
  font-weight: 500;
  line-height: var(--lh-22);
}
.nav {
  --nav-gutter: 20px;
  --nav-sub-inset: 14px;
  --nav-background-color: transparent;
  --nav-text-color: inherit;
  --nav-text-color-active: var(--color-primary);
  position: relative;
  display: block;
  font-size: 16px;
  text-align: left;
  line-height: var(--lh-16);
  background: var(--nav-background-color);
}
.nav__heading {
  display: block;
  margin: 0 0 30px;
  color: #9B9BA3;
  font-size: 13px;
  line-height: var(--lh-13);
}
@media (min-width: 992px) {
  .nav__heading {
    font-size: 14px;
    line-height: var(--lh-14);
  }
}
.nav__heading:last-child {
  margin-bottom: 0;
}
.nav__list {
  display: block;
}
.nav__item {
  display: block;
  margin: 0 0 var(--nav-gutter);
}
.nav__item:last-child {
  margin-bottom: 0;
}
.nav__item_state_open > .nav__link {
  color: var(--nav-text-color-active);
}
.nav__item_state_open > .nav__link:after {
  transform: translate(0, 25%) rotate(-135deg);
}
.nav__item_state_open > .nav__sub {
  display: block;
}
.nav__link {
  color: var(--nav-text-color);
  text-decoration: none;
  font-weight: 400;
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, opacity;
}
.nav__link:hover, .nav__link:focus-visible {
  color: var(--nav-text-color-active);
  text-decoration: none;
  outline: none;
}
.nav__link_type_parent:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 5px;
  height: 5px;
  margin: 0 0 0 7px;
  color: inherit;
  border-bottom: 1px solid currentColor;
  border-right: 1px solid currentColor;
  transform: translate(0, -25%) rotate(45deg);
  transition: transform 0.3s ease;
}
.nav__text {
  display: inline;
  vertical-align: baseline;
}
.nav__sub {
  position: relative;
  display: none;
  padding: var(--nav-gutter) 0 0;
}
.nav__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 26px;
  height: 26px;
  color: var(--color-primary);
  font-size: 0;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: opacity 0.3s ease;
}
.nav__close:hover, .nav__close:focus-visible {
  color: var(--color-primary);
  text-decoration: none;
  opacity: var(--opacity-m);
  outline: none;
}
.nav__close:before, .nav__close:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 14px;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
}
.nav__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.nav_columns_2 .nav__list {
  -moz-column-gap: 50px;
       column-gap: 50px;
  display: grid;
  align-items: start;
  grid-template-rows: repeat(5, auto);
  grid-auto-flow: column;
  justify-content: flex-start;
}
.nav_columns_2 .nav__item:nth-child(-n+5) {
  grid-column: 1;
}
.nav_columns_2 .nav__item:nth-child(n+6) {
  grid-column: 2;
}
.nav_size_s {
  --nav-gutter: 10px;
  font-size: 14px;
  line-height: var(--lh-14);
}
.nav_type_primary {
  position: relative;
  z-index: 1;
  min-height: 100%;
  padding: 20px;
  font-size: 24px;
  line-height: var(--lh-24);
}
@media (min-width: 768px) {
  .nav_type_primary {
    padding: 30px 74px;
  }
}
@media (min-width: 1440px) {
  .nav_type_primary {
    --nav-gutter: 24px;
    --nav-background-color: var(--color-white);
    min-height: auto;
    padding: 30px;
    font-size: 16px;
    line-height: var(--lh-16);
    border-radius: 20px;
    backdrop-filter: var(--color-white);
    box-shadow: var(--shadow-m-grey-10);
  }
}
@media (min-width: 1440px) {
  .nav_type_primary:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: inherit;
    border-radius: inherit;
  }
}
@media (min-width: 1440px) {
  .nav_type_primary:after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    backdrop-filter: blur(8px);
    background: rgba(34, 37, 47, 0.3);
    opacity: 0;
    transition: all 0.3s ease;
    transition-property: visibility, opacity;
  }
}
.nav_type_primary:has(.nav__item_state_open) {
  z-index: 10;
}
@media (min-width: 1440px) {
  .nav_type_primary:has(.nav__item_state_open):after {
    visibility: visible;
    opacity: 1;
  }
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--nav-gutter);
  }
}
.nav_type_primary .nav__item {
  z-index: 1;
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__item {
    position: relative;
    margin: 0;
  }
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__item_state_open > .nav__sub {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
    z-index: 10;
  }
}
.nav_type_primary .nav__item_state_open > .nav__sub:before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  z-index: -1;
  display: block;
  width: 120px;
  height: 100px;
  opacity: 0;
  transform: translate(-50%, 0);
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__item_menu-layout_wide {
    position: static;
  }
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__item_menu-layout_wide > .nav__sub {
    width: 986px;
    max-width: 100vw;
    -moz-columns: 4;
         columns: 4;
    transform: translate(-50%, 20px);
  }
}
.nav_type_primary .nav__item_menu-layout_wide .nav__section {
  width: 100%;
}
.nav_type_primary .nav__link {
  position: relative;
  z-index: 15;
  font-weight: 500;
  letter-spacing: var(--ls-small);
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__link {
    font-weight: 400;
    letter-spacing: 0;
  }
}
.nav_type_primary .nav__sub {
  --nav-gutter: 8px;
  padding: 20px 0 0;
  color: var(--color-black);
  font-size: 16px;
  line-height: var(--lh-16);
}
@media (min-width: 768px) {
  .nav_type_primary .nav__sub {
    -moz-columns: 2;
         columns: 2;
    gap: 40px;
  }
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__sub {
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    visibility: hidden;
    -moz-columns: none;
         columns: none;
    gap: 0;
    width: -moz-max-content;
    width: max-content;
    max-width: 300px;
    padding: 30px;
    pointer-events: none;
    background: var(--color-white);
    border-radius: 20px;
    opacity: 0;
    transform: translate(-50%, 50px);
    transition: all 0.3s ease;
    transition-property: visibility, opacity;
  }
}
.nav_type_primary .nav__sub .nav__heading {
  position: relative;
  margin: 0 0 12px;
  padding: 0 0 0 var(--nav-sub-inset);
  color: #B8B8C0;
  font-size: 16px;
  line-height: var(--lh-16);
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__sub .nav__heading {
    margin: 0 0 30px;
  }
}
.nav_type_primary .nav__sub .nav__heading:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  width: 4px;
  height: 4px;
  background: var(--color-primary);
  border-radius: 50%;
  transform: translate(0, -50%);
}
.nav_type_primary .nav__sub .nav__list {
  display: block;
  padding: 0 0 0 var(--nav-sub-inset);
}
.nav_type_primary .nav__sub .nav__item {
  margin: 0 0 var(--nav-gutter);
}
.nav_type_primary .nav__sub .nav__link {
  font-weight: 400;
  letter-spacing: 0;
}
.nav_type_primary .nav__section {
  margin: 0 0 20px;
  -moz-column-break-inside: avoid;
       break-inside: avoid-column;
  width: 200%;
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__section {
    margin: 0 0 40px;
  }
}
.nav_type_primary .nav__section:last-child {
  margin-bottom: 0;
}
.nav_type_primary .nav__close {
  display: none;
  top: 12px;
  right: 12px;
}
@media (min-width: 1440px) {
  .nav_type_primary .nav__close {
    display: block;
  }
}
.page {
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  scroll-padding-top: var(--page-header-height, 121px);
}
.page__body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}
.page__body:has(.search-panel_state_open) {
  overflow: hidden;
}
.page__body:has(.page__promo-line) {
  margin: 36px 0 0;
}
.page__body_menu_open {
  overflow: hidden;
}
.page__body_style_milk {
  background: var(--color-milk);
}
.page__container {
  --page-container-gutter: 20px;
  --page-container-width: 660px;
  width: 100%;
  max-width: var(--page-container-width);
  margin: 0 auto;
  padding: 0 var(--page-container-gutter);
}
@media (min-width: 992px) {
  .page__container {
    --page-container-width: 1200px;
  }
}
.page__container_width_full {
  max-width: 100%;
}
.page__container_width_l {
  --page-container-width: 1440px;
  --page-container-gutter: 10px;
}
@media (min-width: 768px) {
  .page__container_width_l {
    --page-container-gutter: 30px;
  }
}
@media (min-width: 992px) {
  .page__container_width_l {
    --page-container-gutter: 40px;
  }
}
.page__header {
  position: relative;
  z-index: 99999;
  display: block;
  flex: 0 0 auto;
  width: 100%;
  min-height: var(--page-header-height, auto);
}
.page__header_position_fixed .page__header-wrapper {
  position: fixed;
}
.page__header_position_absolute {
  position: absolute;
}
.page__header-wrapper {
  position: relative;
  top: 0;
  left: 0;
  z-index: 500;
  display: block;
  width: 100%;
}
.page__content {
  display: block;
  flex: 1 0 auto;
}
.page__footer {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.page__cookie-notice {
  position: fixed;
  left: 10px;
  bottom: 20px;
  z-index: 9999;
  width: 100%;
  max-width: 270px;
  transition: all 0.5s ease;
}
@media (min-width: 768px) {
  .page__cookie-notice {
    left: 30px;
    max-width: 424px;
  }
}
@media (min-width: 1440px) {
  .page__cookie-notice {
    left: 40px;
    max-width: 1000px;
  }
}
.page__cookie-notice_state_hidden {
  opacity: 0;
  pointer-events: none;
}
.page__promo-line {
  margin: -36px 0 0;
}
.page__content-top {
  display: block;
  padding: 21px 0 38px;
}
@media (min-width: 768px) {
  .page__content-top {
    padding: 9px 0 48px;
  }
}
@media (min-width: 992px) {
  .page__content-top {
    padding: 19px 0 48px;
  }
}
.page__top-wrapper {
  display: block;
}
@media (min-width: 768px) {
  .page__top-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 32px;
    min-height: 40px;
  }
}
.page__breadcrumbs {
  display: block;
}
@media (min-width: 768px) {
  .page__breadcrumbs {
    flex: 0 1 auto;
    width: auto;
  }
}
.page__panel {
  padding: 40px 20px 30px;
  margin: 0 -20px;
  background: var(--color-white);
  border-radius: 40px;
}
@media (min-width: 768px) {
  .page__panel {
    padding: 40px 20px 30px;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .page__panel {
    padding: 34px 30px 30px;
  }
}
.pagination {
  display: block;
}
.pagination__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
}
.pagination__item {
  display: block;
  padding: 0;
}
.pagination__item_type_prev {
  margin: 0 4px 0 0;
}
.pagination__item_type_next {
  margin: 0 0 0 4px;
}
.pagination__link_state_inactive {
  pointer-events: none;
}
.pagination__label {
  position: relative;
  display: block;
  color: var(--color-grey);
  font-size: 18px;
  text-align: center;
  transition: color 0.3s ease;
}
.pagination__label:hover {
  color: var(--color-primary);
}
.pagination__label:focus {
  color: var(--color-primary);
}
.pagination__label_state_active {
  color: var(--color-primary);
}
.people {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
@media (min-width: 992px) {
  .people {
    flex-direction: row;
  }
}
.people__wrapper {
  display: block;
  margin: 0 0 30px;
}
@media (min-width: 992px) {
  .people__wrapper {
    flex: 1 1 auto;
    margin: 0;
  }
}
.people__wrapper:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .people__wrapper:only-child .people__list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.people__avatars {
  display: block;
  margin: 0 0 30px;
}
@media (min-width: 992px) {
  .people__avatars {
    flex: 0 0 440px;
    margin: 0 0 0 40px;
  }
}
.people__avatars:last-child {
  margin-bottom: 0;
}
.people__list {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 20px;
}
@media (min-width: 768px) {
  .people__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 10px;
  }
}
@media (min-width: 992px) {
  .people__list {
    grid-gap: 20px;
  }
}
.people__item {
  display: block;
}
.people__card {
  height: 100%;
  min-height: 440px;
}
.person {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 10px;
  color: var(--color-black);
}
.person__illustration {
  position: relative;
  overflow: hidden;
  display: block;
  width: 48px;
  height: 48px;
  background: #EAEAEE;
  border-radius: 16px;
}
.person__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.person__image-placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  color: var(--color-primary);
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  transform: translate(-50%, -50%);
}
.person__main {
  display: block;
  flex: 1 1 auto;
}
.person__title {
  display: block;
  margin: 0 0 2px;
  font-size: 14px;
  font-weight: 500;
  line-height: var(--lh-14);
}
.person__title:last-child {
  margin-bottom: 0;
}
.person__caption {
  display: block;
  margin: 0 0 2px;
  color: var(--color-grey);
  font-size: 12px;
  line-height: var(--lh-12);
}
.person__caption:last-child {
  margin-bottom: 0;
}
.person__position {
  margin: 0 0 16px;
  font-size: 18px;
  letter-spacing: var(--ls-small);
  color: #373742;
}
.person__position:last-child {
  margin-bottom: 0;
}
.person_size_l {
  gap: 16px;
}
.person_size_l .person__illustration {
  width: 80px;
  height: 80px;
  border-radius: 27px;
}
.person_size_l .person__image-placeholder {
  font-size: 32px;
}
.person_size_xl {
  gap: 26px;
}
.person_size_xl .person__illustration {
  width: 120px;
  height: 120px;
  border-radius: 40px;
}
.person_size_xl .person__title {
  margin: 0 0 8px;
  font-size: 42px;
}
.person_size_xl .person__caption {
  font-size: 16px;
}
.person_layout_vertical {
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .person_layout_vertical {
    flex-direction: row;
    align-items: center;
  }
}
.person_style_light .person__illustration {
  background: var(--color-white);
}
.person-card {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: flex-end;
  overflow: hidden;
  color: var(--color-white);
  background: var(--color-dark);
  border-radius: 30px;
}
.person-card__illustration {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.person-card__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}
.person-card__content {
  display: block;
  flex: 0 0 auto;
  width: 100%;
  padding: 18px 19px 19px;
  color: var(--color-black);
  font-size: 16px;
  line-height: var(--lh-16);
  background: var(--color-white-30);
  border: 1px solid rgba(237, 237, 242, 0.2);
  border-radius: 30px;
  backdrop-filter: blur(20px);
}
.person-card__title {
  display: block;
  max-width: 235px;
  margin: 0 0 4px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-small);
}
.person-card__title:last-child {
  margin-bottom: 0;
}
.person-card__text {
  display: block;
  max-width: 235px;
  margin: 0 0 12px;
}
.person-card__text:last-child {
  margin-bottom: 0;
}
.person-card__controls {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 12px;
}
.person-card__controls:last-child {
  margin-bottom: 0;
}
.person-card__control {
  display: block;
  min-width: 176px;
}
.product-grid {
  display: block;
}
.product-grid__item {
  display: block;
}
.product-grid__list {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 768px) {
  .product-grid__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .product-grid__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
}
.product-grid__product {
  min-height: 422px;
  height: 100%;
}
.product-group {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
@media (min-width: 992px) {
  .product-group {
    flex-direction: row;
  }
}
.product-group__main {
  display: block;
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .product-group__main {
    flex: 1 1 auto;
    margin: 0;
  }
}
.product-group__main:last-child {
  margin-bottom: 0;
}
.product-group__aside {
  display: block;
  margin: 0 0 20px;
}
@media (min-width: 992px) {
  .product-group__aside {
    flex: 0 0 460px;
    margin: 0 0 0 20px;
  }
}
.product-group__aside:last-child {
  margin-bottom: 0;
}
.product-group__list {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 768px) {
  .product-group__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .product-group__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.product-group__item {
  display: block;
}
@media (min-width: 768px) {
  .product-group__item:nth-child(3n+1) {
    grid-column: span 2;
  }
}
.product-group__panel {
  height: 100%;
  min-height: 210px;
}
.product-panel {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 20px;
  color: var(--color-white);
  font-size: 16px;
  line-heighT: var(--ls-16);
  background: var(--color-dark);
  border-radius: 20px;
}
.product-panel__content {
  position: relative;
  z-index: 5;
  display: block;
}
.product-panel__title {
  display: block;
  margin: 0 0 4px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-small);
}
.product-panel__title:last-child {
  margin-bottom: 0;
}
.product-panel__text {
  display: block;
  margin: 0 0 4px;
  max-width: 210px;
}
@media (min-width: 768px) {
  .product-panel__text {
    max-width: 180px;
  }
}
.product-panel__text:last-child {
  margin-bottom: 0;
}
.product-panel__illustration {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  display: block;
}
.product-panel__background {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: auto;
}
.product-panel__background .product-panel__image {
  max-width: none;
}
.product-panel__image {
  display: block;
  width: auto;
  height: auto;
}
.product-panel_style_primary {
  background: var(--color-primary);
}
.product-panel_style_secondary {
  background: var(--color-secondary);
}
@media (min-width: 768px) {
  .product-panel_type_wide .product-panel__text {
    max-width: 260px;
  }
}
.product-panel_type_wide .product-panel__illustration {
  right: -5.8%;
}
@media (min-width: 768px) {
  .product-panel_type_wide .product-panel__illustration {
    right: 11.3%;
  }
}
@media (min-width: 992px) {
  .product-panel_type_wide .product-panel__illustration {
    right: 14.6%;
  }
}
.product-snippet {
  position: relative;
  display: block;
  padding: 20px;
  background: var(--color-cream);
  border-radius: 30px;
  overflow: hidden;
}
.product-snippet__wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 20px;
  height: 100%;
}
.product-snippet__inner {
  display: block;
}
.product-snippet__logo {
  margin: 0 0 30px;
}
.product-snippet__logo:last-child {
  margin-bottom: 0;
}
.product-snippet__title {
  margin: 0 0 12px;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: var(--ls-small);
}
@media (min-width: 992px) {
  .product-snippet__title {
    font-size: 32px;
  }
}
.product-snippet__title:last-child {
  margin-bottom: 0;
}
.product-snippet__text {
  font-size: 16px;
  text-wrap: pretty;
}
@media (min-width: 992px) {
  .product-snippet__text {
    font-size: 18px;
    font-weight: 500;
  }
}
.product-snippet__illustration {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: -20px;
  z-index: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .product-snippet__illustration {
    right: -70px;
  }
}
@media (min-width: 992px) {
  .product-snippet__illustration {
    right: 0;
  }
}
.product-snippet__image {
  width: 100%;
}
.product-snippet__controls {
  display: block;
}
.product-snippet_style_primary {
  background: #FFD9D9;
}
.product-snippet_style_primary-solid {
  background: var(--color-primary);
  color: var(--color-white);
}
.product-snippet_style_primary-solid .product-snippet__illustration {
  top: auto;
  left: auto;
  right: -10px;
}
@media (min-width: 768px) {
  .product-snippet_style_primary-solid .product-snippet__illustration {
    right: -33px;
  }
}
@media (min-width: 992px) {
  .product-snippet_style_primary-solid .product-snippet__illustration {
    right: 0;
  }
}
.product-snippet_style_dark {
  background: #D2D5DF;
  color: var(--color-dark-light);
}
.product-snippet_style_dark-solid {
  background: var(--color-dark);
  color: var(--color-white);
}
.product-snippet_style_dark-solid .product-snippet__illustration {
  top: auto;
  left: auto;
  right: -10px;
}
@media (min-width: 768px) {
  .product-snippet_style_dark-solid .product-snippet__illustration {
    right: -33px;
  }
}
@media (min-width: 992px) {
  .product-snippet_style_dark-solid .product-snippet__illustration {
    right: 0;
  }
}
.product-snippet_style_secondary {
  background: #ECE0F6;
  color: var(--color-dark-light);
}
.product-snippet_style_secondary-solid {
  background: var(--color-secondary);
  color: var(--color-white);
}
.product-snippet_style_secondary-solid .product-snippet__illustration {
  top: auto;
  left: auto;
  right: -10px;
}
@media (min-width: 768px) {
  .product-snippet_style_secondary-solid .product-snippet__illustration {
    right: -33px;
  }
}
@media (min-width: 992px) {
  .product-snippet_style_secondary-solid .product-snippet__illustration {
    right: 0;
  }
}
.promo-group {
  display: block;
}
.promo-group__list {
  display: block;
}
.promo-group__item {
  display: block;
}
.promo-group__item:not(:last-child) .promo-group__panel {
  margin: 0 0 -110px;
  padding-bottom: 110px;
}
@media (min-width: 768px) {
  .promo-group__item:not(:last-child) .promo-group__panel {
    --promo-panel-bottom-padding: 60px;
  }
}
.promo-line {
  position: relative;
  display: block;
  color: var(--color-white);
  font-size: 16px;
  line-height: 1;
  background: var(--color-primary);
}
.promo-line__wrapper {
  overflow: hidden;
}
.promo-line__line {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 36px;
}
.promo-line__slide {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
  white-space: nowrap;
}
.promo-line__text {
  display: block;
  flex: 0 0 auto;
}
.promo-line__icon-wrapper {
  flex: 0 0 auto;
}
.promo-line__icon {
  flex: 0 0 auto;
  display: block;
  width: 11px;
  height: 17px;
  fill: currentColor;
  opacity: 0.3;
}
.promo-line_style_dark {
  background: var(--color-dark);
}
.promo-panel {
  --promo-panel-bottom-padding: 0;
  position: relative;
  overflow: hidden;
  display: block;
  border-radius: 30px;
  background: var(--color-grey-light);
}
@media (min-width: 768px) {
  .promo-panel {
    --promo-panel-bottom-padding: 40px;
    border-radius: 40px;
  }
}
.promo-panel__wrapper {
  position: relative;
  overflow: hidden;
  padding: 30px 20px var(--promo-panel-bottom-padding);
}
@media (min-width: 768px) {
  .promo-panel__wrapper {
    padding: 40px;
    padding-bottom: var(--promo-panel-bottom-padding);
  }
}
.promo-panel__content {
  display: block;
  max-width: 600px;
}
.promo-panel__title {
  display: block;
  margin: 0 0 16px;
  color: var(--color-primary);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.277;
  letter-spacing: var(--ls-tiny);
}
@media (min-width: 768px) {
  .promo-panel__title {
    margin: 0 0 24px;
    font-size: 42px;
    line-height: 1.1;
    letter-spacing: var(--ls-small);
  }
}
@media (min-width: 992px) {
  .promo-panel__title {
    color: inherit;
  }
}
.promo-panel__title:last-child {
  margin-bottom: 0;
}
.promo-panel__label {
  display: inline-block;
  vertical-align: top;
  margin: -9px 0 0 5px;
}
@media (min-width: 768px) {
  .promo-panel__label {
    margin: -9px 0 0 15px;
  }
}
.promo-panel__text {
  display: block;
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 500;
  line-height: var(--lh-18);
}
@media (min-width: 768px) {
  .promo-panel__text {
    margin: 0 0 24px;
  }
}
@media (min-width: 992px) {
  .promo-panel__text {
    margin: 0 0 40px;
  }
}
.promo-panel__text:last-child {
  margin-bottom: 0;
}
.promo-panel__controls {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 30px 0 16px;
}
@media (min-width: 768px) {
  .promo-panel__controls {
    margin: 40px 0 24px;
  }
}
@media (min-width: 992px) {
  .promo-panel__controls {
    margin: 70px 0 40px;
  }
}
@media (min-width: 768px) {
  .promo-panel__controls {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.promo-panel__controls:last-child {
  margin-bottom: 0;
}
.promo-panel__control {
  display: block;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .promo-panel__control {
    flex: 0 1 auto;
  }
}
.promo-panel__illustration {
  display: block;
  margin: 10px -20px 0;
}
@media (min-width: 768px) {
  .promo-panel__illustration {
    margin: 20px 0 0;
  }
}
@media (min-width: 992px) {
  .promo-panel__illustration {
    position: absolute;
    top: 50%;
    right: 25.5%;
    z-index: 1;
    transform: translate(50%, -50%);
  }
}
.promo-panel__image {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
.promo-panel_style_dark {
  color: var(--color-white);
  background: linear-gradient(-135deg, transparent, transparent 37px, var(--color-dark) 37px);
}
@media (min-width: 768px) {
  .promo-panel_style_dark {
    background: linear-gradient(-135deg, transparent, transparent 51px, var(--color-dark) 51px);
  }
}
.promo-panel_style_dark:before {
  content: "";
  position: absolute;
  right: -70%;
  bottom: -50%;
  z-index: 0;
  display: block;
  width: 900px;
  height: 600px;
  pointer-events: none;
  background: radial-gradient(#3F8B8F, transparent 66%);
  transform: rotate(-45deg);
}
@media (min-width: 992px) {
  .promo-panel_style_dark:before {
    right: -30%;
  }
}
.promo-panel_style_dark:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
  background: transparent;
  border: 26px solid transparent;
  border-color: var(--color-grey-light) var(--color-grey-light) #27353E #27353E;
  border-radius: 0 0 0 50%;
}
@media (min-width: 768px) {
  .promo-panel_style_dark:after {
    border-width: 36px;
  }
}
.promo-panel_style_dark .promo-panel__title {
  color: inherit;
}
.promo-panel_image-position_alpha .promo-panel__wrapper {
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .promo-panel_image-position_alpha .promo-panel__wrapper {
    padding-bottom: var(--promo-panel-bottom-padding);
  }
}
@media (min-width: 768px) {
  .promo-panel_image-position_alpha .promo-panel__illustration {
    margin: 22px 0 0;
  }
}
@media (min-width: 992px) {
  .promo-panel_image-position_alpha .promo-panel__illustration {
    top: 54%;
    right: 27%;
    margin: 0;
  }
}
.promo-panel_image-position_alpha .promo-panel__image {
  margin: 0 auto;
}
@media (min-width: 992px) {
  .promo-panel_image-position_alpha .promo-panel__image {
    margin: 0;
  }
}
.promo-panel_image-position_beta .promo-panel__content {
  max-width: 400px;
}
@media (min-width: 992px) {
  .promo-panel_image-position_beta .promo-panel__content {
    max-width: 600px;
  }
}
@media (min-width: 768px) {
  .promo-panel_image-position_beta .promo-panel__illustration {
    position: absolute;
    top: 61%;
    right: 0;
    margin: 0;
    transform: translate(0, -50%);
  }
}
@media (min-width: 992px) {
  .promo-panel_image-position_beta .promo-panel__illustration {
    top: 54%;
    right: 27%;
    transform: translate(50%, -50%);
  }
}
@media (min-width: 768px) {
  .promo-panel_image-position_gamma .promo-panel__content {
    max-width: 350px;
  }
}
@media (min-width: 992px) {
  .promo-panel_image-position_gamma .promo-panel__content {
    max-width: 600px;
  }
}
.promo-panel_image-position_gamma .promo-panel__illustration {
  margin: -68px -20px 0;
}
@media (min-width: 768px) {
  .promo-panel_image-position_gamma .promo-panel__illustration {
    position: absolute;
    top: 50%;
    right: 0;
    height: 100%;
    margin: 0;
    transform: translate(0, -50%);
  }
}
@media (min-width: 992px) {
  .promo-panel_image-position_gamma .promo-panel__illustration {
    right: 27%;
    transform: translate(50%, -50%);
  }
}
@media (min-width: 768px) {
  .promo-panel_image-position_gamma .promo-panel__image {
    height: 100%;
  }
}
@media (min-width: 992px) {
  .promo-panel_image-position_gamma .promo-panel__controls {
    margin-top: 47px;
  }
}
.quote {
  display: block;
}
.rating {
  display: block;
}
.rating__items {
  display: flex;
  align-self: center;
  flex-wrap: nowrap;
}
.rating__item {
  position: relative;
  display: block;
  margin: 0;
  padding: 2px;
  color: var(--color-grey);
  background: transparent;
  border: none;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, opacity;
}
.rating__item:first-child {
  padding-left: 0;
}
.rating__item:last-child {
  padding-right: 0;
}
.rating__item_type_current ~ .rating__item {
  color: var(--color-grey);
}
.rating__mark {
  display: block;
  width: 13px;
  height: 13px;
  margin: 0;
  padding: 0;
  fill: currentColor;
  color: inherit;
}
.rating_marks_i .rating__item {
  color: var(--color-primary);
}
.rating_marks_i .rating__item:nth-child(n+1) {
  color: var(--color-grey);
}
.rating_marks_i .rating__item {
  color: var(--color-primary);
}
.rating_marks_i .rating__item:nth-child(n+2) {
  color: var(--color-grey);
}
.rating_marks_i .rating__item {
  color: var(--color-primary);
}
.rating_marks_i .rating__item:nth-child(n+3) {
  color: var(--color-grey);
}
.rating_marks_i .rating__item {
  color: var(--color-primary);
}
.rating_marks_i .rating__item:nth-child(n+4) {
  color: var(--color-grey);
}
.rating_marks_i .rating__item {
  color: var(--color-primary);
}
.rating_marks_i .rating__item:nth-child(n+5) {
  color: var(--color-grey);
}
.rating_marks_i .rating__item {
  color: var(--color-primary);
}
.rating_marks_i .rating__item:nth-child(n+6) {
  color: var(--color-grey);
}
.rating_type_interactive:hover .rating__item {
  color: var(--color-primary);
}
.rating_type_interactive:hover .rating__item:hover ~ .rating__item {
  color: var(--color-grey);
}
.result-list {
  display: block;
}
.result-list__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.result-list__list_gap_l {
  gap: 10px;
}
@media (min-width: 768px) {
  .result-list__list_gap_l {
    gap: 18px;
  }
}
.result-list__pagination {
  padding: 20px 0 0;
}
@media (min-width: 768px) {
  .result-list__pagination {
    padding: 30px 0 0;
  }
}
.result-snippet {
  position: relative;
  display: flex;
  gap: 4px;
  flex-direction: column;
}
@media (min-width: 768px) {
  .result-snippet {
    flex-direction: row;
    gap: 10px;
  }
}
.result-snippet:hover .result-snippet__illustration {
  background: var(--color-cream);
}
.result-snippet:hover .result-snippet__wrapper {
  background: var(--color-cream);
}
.result-snippet__wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 18px;
  padding: 20px;
  width: 100%;
  border-radius: 24px;
  background: var(--color-white);
  transition: background 0.3s ease;
}
@media (min-width: 768px) {
  .result-snippet__wrapper {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 20px 30px;
    gap: 10px;
  }
}
@media (min-width: 992px) {
  .result-snippet__wrapper {
    gap: 20px;
  }
}
.result-snippet__main {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  flex-wrap: nowrap;
}
.result-snippet__title {
  display: block;
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 500;
  color: var(--color-black);
}
@media (min-width: 768px) {
  .result-snippet__title {
    font-size: 22px;
  }
}
.result-snippet__title:last-child {
  margin-bottom: 0;
}
.result-snippet__link {
  display: block;
  color: inherit;
  text-decoration: none;
  outline: none;
}
.result-snippet__link:hover, .result-snippet__link:focus-visible {
  color: inherit;
  text-decoration: none;
  outline: none;
}
.result-snippet__link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 24px;
}
.result-snippet__inner {
  display: block;
}
.result-snippet__text {
  display: block;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-grey);
}
@media (min-width: 768px) {
  .result-snippet__text {
    font-size: 16px;
  }
}
.result-snippet__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.result-snippet__aside {
  display: block;
  flex: 0 0 auto;
}
@media (min-width: 992px) {
  .result-snippet__aside {
    padding: 0 10px 0 0;
  }
}
.result-snippet__controls {
  display: block;
}
.result-snippet__control {
  display: block;
  margin: 0 0 10px;
}
@media (min-width: 768px) {
  .result-snippet__control {
    min-width: 83px;
  }
}
@media (min-width: 992px) {
  .result-snippet__control {
    min-width: 126px;
  }
}
.result-snippet__control:last-child {
  margin-bottom: 0;
}
.result-snippet__highlight {
  color: var(--color-grey);
  font-weight: 600;
}
.result-snippet__illustration {
  position: relative;
  max-width: none;
  width: 100%;
  height: 131px;
  overflow: hidden;
  border-radius: 24px;
  background: var(--color-white);
  transition: background 0.3s ease;
}
@media (min-width: 768px) {
  .result-snippet__illustration {
    max-width: 140px;
    height: auto;
  }
}
@media (min-width: 992px) {
  .result-snippet__illustration {
    max-width: 210px;
  }
}
.result-snippet__picture {
  position: absolute;
  width: 300px;
  height: 281px;
  top: -43px;
  left: 50%;
  transform: translate(-50%, 0);
}
@media (min-width: 768px) {
  .result-snippet__picture {
    left: 0;
    transform: translate(0);
  }
}
.result-snippet_style_grey .result-snippet__wrapper {
  background: var(--color-cream);
}
.result-snippet_style_grey:hover .result-snippet__wrapper {
  background: var(--color-grey-light);
}
.result-snippet_type_slim .result-snippet__wrapper {
  padding: 20px;
}
@media (min-width: 768px) {
  .result-snippet_type_slim .result-snippet__wrapper {
    padding: 20px 16px 20px 20px;
    border-radius: 10px;
  }
}
@media (min-width: 992px) {
  .result-snippet_type_slim .result-snippet__wrapper {
    padding: 20px 30px;
  }
}
.review {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 24px 20px;
  background: var(--color-white);
  border-radius: 20px;
}
.review__main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 1;
}
.review__text {
  margin: 0 0 33px;
  font-size: 16px;
  color: var(--color-grey);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  max-width: 370px;
}
.review__link {
  display: flex;
  gap: 6px;
  font-size: 14px;
  line-height: var(--lh-14);
  color: var(--color-primary);
}
.review__link:hover .review__icon {
  transform: translateX(5px);
}
.review__icon {
  transition: transform 0.3s ease;
}
.review__illustration {
  position: relative;
  display: none;
  flex: 0 0 117px;
}
@media (min-width: 768px) {
  .review__illustration {
    display: block;
  }
}
.review__illustration:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 136.752% 0 0;
}
.review__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: 50% 50%;
     object-position: 50% 50%;
}
.review-block {
  display: block;
  padding: 20px;
  background: var(--color-cream);
  border-radius: 32px;
}
.review-block__illustration {
  margin: 0 0 20px;
}
.review-block__illustration:last-child {
  margin-bottom: 0;
}
.review-block__header {
  margin: 0 0 8px;
}
.review-block__header:last-child {
  margin-bottom: 0;
}
.review-block__inner {
  display: flex;
  gap: 10px;
  align-items: center;
  margin: 0 0 8px;
}
.review-block__inner:last-child {
  margin-bottom: 0;
}
.review-block__date {
  font-size: 12px;
  color: var(--color-grey);
}
.review-block__text {
  font-size: 16px;
  line-height: var(--lh-16);
}
.review-grid {
  display: block;
}
.review-grid__list {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
}
@media (min-width: 768px) {
  .review-grid__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .review-grid__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
}
.review-grid__item {
  display: block;
}
.review-grid__review-block {
  height: 100%;
}
.review-group {
  display: block;
}
.review-group__container {
  overflow: visible;
}
@media (min-width: 1200px) {
  .review-group__container {
    overflow: hidden;
  }
}
@media (min-width: 992px) {
  .review-group__wrapper {
    display: flex;
    flex-wrap: nowrap;
  }
}
.review-group__list {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
@media (min-width: 992px) {
  .review-group__list {
    flex-wrap: wrap;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .review-group__list {
    gap: 0;
    margin: -10px -5px;
    width: calc(100% + 10px);
  }
}
.review-group__item {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 1200px) {
  .review-group__item {
    flex: 1 1 auto;
    padding: 10px 5px;
  }
}
@media (max-width: 767px) {
  .review-group__item:nth-child(n+4) {
    display: none;
  }
}
@media (min-width: 1200px) {
  .review-group__item_width_m {
    max-width: 43.59%;
  }
}
@media (min-width: 1200px) {
  .review-group__item_width_l {
    max-width: 56.41%;
  }
}
.review-group__nav {
  display: none;
}
@media (min-width: 1200px) {
  .review-group__nav {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
    padding: 30px 0 0;
  }
}
.search-field {
  display: block;
}
.search-field__field {
  position: relative;
}
.search-field__input {
  display: block;
  width: 100%;
  height: 36px;
  padding: 0 13px;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 41px;
  background: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: background-color, border-color;
}
.search-field__input:hover, .search-field__input:active, .search-field__input:focus {
  background-color: var(--color-grey-light);
}
.search-field__clear {
  position: absolute;
  right: 15px;
  top: 50%;
  background: transparent;
  border: none;
  transform: translate(0, -50%);
}
.search-panel {
  --search-panel-trigger-icon-color: var(--color-primary);
  --search-panel-trigger-background-color: var(--color-cream);
  --search-panel-trigger-icon-color-active: var(--color-white);
  --search-panel-trigger-background-color-active: var(--color-primary);
  position: relative;
  z-index: 1;
  display: block;
}
.search-panel:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  visibility: hidden;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(8px);
  background: rgba(34, 37, 47, 0.3);
  opacity: 0;
  transition: all 0.3s ease;
  transition-property: visibility, opacity;
}
.search-panel__trigger {
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  color: var(--search-panel-trigger-icon-color);
  font-size: 0;
  text-decoration: none;
  background: var(--search-panel-trigger-background-color);
  border: none;
  border-radius: 12px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, background-color;
}
.search-panel__trigger:hover, .search-panel__trigger:focus-visible {
  color: var(--search-panel-trigger-icon-color-active);
  text-decoration: none;
  background-color: var(--search-panel-trigger-background-color-active);
  outline: none;
}
.search-panel__icon {
  display: block;
  width: 26px;
  height: 26px;
  fill: currentColor;
}
.search-panel__main {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: block;
  width: calc(100vw - 40px);
  transform: scaleX(0);
  transform-origin: 100% 0;
  transition: transform 0.3s ease;
}
@media (min-width: 390px) {
  .search-panel__main {
    width: 350px;
  }
}
.search-panel__form {
  display: block;
}
.search-panel__line {
  position: relative;
  display: block;
}
.search-panel__field {
  position: relative;
  display: block;
}
.search-panel__field:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  z-index: 1;
  display: block;
  width: 9px;
  height: 9px;
  color: var(--color-primary);
  border-top: 2px solid currentColor;
  border-left: 2px solid currentColor;
  transform: translate(-25%, -50%) rotate(-45deg) skew(-8deg, -8deg);
}
.search-panel__input {
  display: block;
  width: 100%;
  height: 36px;
  padding: 0 40px 0 32px;
  color: var(--color-black);
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
  background: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: 12px;
  outline: none;
  -webkit-appearance: textfield;
     -moz-appearance: textfield;
          appearance: textfield;
  transition: all 0.3s ease;
  transition-property: background-color, border-color;
}
.search-panel__input::-moz-placeholder {
  color: var(--color-grey);
  opacity: 1;
}
.search-panel__input::placeholder {
  color: var(--color-grey);
  opacity: 1;
}
.search-panel__input::-webkit-search-cancel-button {
  margin: 0;
  -webkit-appearance: none;
          appearance: none;
}
.search-panel__clear {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  display: block;
  width: 26px;
  height: 26px;
  color: var(--color-grey);
  font-size: 0;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transform: translate(50%, -50%);
}
.search-panel__clear:hover, .search-panel__clear:focus {
  color: var(--color-primary);
  text-decoration: none;
  outline: none;
}
.search-panel__clear:before, .search-panel__clear:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 14px;
  height: 2px;
  background: currentColor;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: opacity 0.3s ease;
}
.search-panel__clear:after {
  transform: translate(-50%, -50%) rotate(135deg);
}
.search-panel__result {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  display: none;
  width: 100%;
  padding: 10px 0 0;
}
.search-panel_state_open {
  z-index: 10;
}
.search-panel_state_open:after {
  visibility: visible;
  opacity: 1;
}
.search-panel_state_open .search-panel__main {
  transform: scale(1) translate(60px, 0);
}
@media (min-width: 768px) {
  .search-panel_state_open .search-panel__main {
    transform: scale(1);
  }
}
.search-panel_results_shown.search-panel_state_filled .search-panel__result {
  display: block;
}

.title-search-result {
  z-index: 1000;
}
.title-search-result .search-panel__result {
  position: static;
  top: 0;
  display: block;
}
.search-result {
  display: block;
}
.search-result__list {
  display: block;
  margin: 0 0 10px;
  max-height: 350px;
  overflow: auto;
}
.search-result__list::-webkit-scrollbar-track {
  background-color: transparent;
}
.search-result__list::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: transparent;
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 4px;
}
.search-result__list::-webkit-scrollbar-thumb {
  background-color: var(--color-white);
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 4px;
}
.search-result__list:last-child {
  margin-bottom: 0;
}
.search-result__item {
  display: block;
  margin: 0 0 4px;
}
.search-result__item:last-child {
  margin-bottom: 0;
}
.search-result__link {
  display: block;
  width: 100%;
  padding: 6px 10px;
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 400;
  line-height: var(--lh-14);
  text-align: left;
  text-decoration: none;
  background: var(--color-white);
  border: none;
  border-radius: 12px;
  box-shadow: var(--shadow-l-grey-5);
  outline: none;
}
.search-result__link:hover, .search-result__link:focus {
  color: var(--color-primary);
  text-decoration: none;
  outine: nopne;
}
.search-result__controls {
  display: block;
  margin: 0 0 10px;
}
.search-result__controls:last-child {
  margin-bottom: 0;
}
.search-result__control {
  display: block;
  margin: 0 0 4px;
}
.search-result__control:last-child {
  margin-bottom: 0;
}
.section {
  display: block;
  padding: 30px 0;
}
@media (min-width: 768px) {
  .section {
    padding: 60px 0;
  }
}
.section__header {
  display: block;
  margin: 0 0 40px;
}
@media (min-width: 768px) {
  .section__header {
    margin: 0 0 60px;
  }
}
.section__header:last-child {
  margin-bottom: 0;
}
.section__header_spacing_m {
  margin: 0 0 34px;
}
.section__header-container {
  display: block;
}
@media (min-width: 992px) {
  .section__header-container_layout_has-extra {
    display: grid;
    grid-template-areas: "empty content extra";
    grid-template-columns: 205px 1fr auto;
    grid-gap: 10px;
  }
}
.section__header-container_layout_has-extra .section__header-content {
  grid-area: content;
}
.section__header-container_layout_has-extra .section__extra {
  grid-area: extra;
}
.section__header-container_align_left .section__header-content {
  text-align: left;
}
.section__header-content {
  display: block;
  text-align: center;
}
.section__title {
  display: block;
  margin: 0 0 10px;
}
.section__title:last-child {
  margin-bottom: 0;
}
.section__text {
  max-width: 768px;
  margin: 0 auto;
  font-size: 18px;
  font-weight: 500;
  line-height: var(--lh-18);
  text-wrap: balance;
}
.section__extra {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.section__extra_type_header {
  display: none;
}
@media (min-width: 992px) {
  .section__extra_type_header {
    display: block;
  }
}
.section__extra-content {
  display: block;
  flex: 0 1 auto;
  max-width: 100%;
}
@media (min-width: 992px) {
  .section__extra-content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    min-height: 77px;
  }
}
.section__footer {
  display: block;
  padding: 30px 0 0;
}
@media (min-width: 992px) {
  .section__footer {
    display: none;
  }
}
.section__controls {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  align-items: center;
  gap: 20px 40px;
  padding: 30px 0 0;
}
@media (min-width: 768px) {
  .section__controls {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding: 60px 0 0;
  }
}
.section__control {
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
@media (min-width: 390px) {
  .section__control {
    width: auto;
    min-width: 283px;
  }
}
@media (min-width: 768px) {
  .section__control {
    flex: 0 1 auto;
    min-width: auto;
  }
}
.section__info-group {
  margin: -10px 0 0;
}
@media (min-width: 768px) {
  .section__info-group {
    margin: -20px 0 0;
  }
}
@media (min-width: 992px) {
  .section__info-group {
    margin: 0;
  }
}
.section__form-banner {
  margin: 0 -20px 40px;
}
@media (min-width: 768px) {
  .section__form-banner {
    margin: 0 0 40px;
  }
}
.section__form-banner:last-child {
  margin-bottom: 0;
}
.section__product-group {
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .section__product-group {
    margin: 0 0 40px;
  }
}
@media (min-width: 992px) {
  .section__product-group {
    margin: 0 0 60px;
  }
}
.section__product-group:last-child {
  margin-bottom: 0;
}
.section_overflow_hidden {
  position: relative;
  overflow: hidden;
}
.section_spacing_none {
  padding: 0;
}
.section_spacing_xs {
  padding: 30px 0;
}
.section_spacing_s {
  padding: 40px 0;
}
.section_spacing_l {
  padding: 60px 0;
}
@media (min-width: 768px) {
  .section_spacing_l {
    padding: 90px 0;
  }
}
.section_spacing_top-none {
  padding-top: 0;
}
.section_spacing_top-xs {
  padding-top: 30px;
}
.section_spacing_top-s {
  padding-top: 40px;
}
.section_spacing_top-l {
  padding-top: 60px;
}
@media (min-width: 768px) {
  .section_spacing_top-l {
    padding-top: 90px;
  }
}
.section_spacing_bottom-none {
  padding-bottom: 0;
}
.section_spacing_bottom-xs {
  padding-bottom: 30px;
}
.section_spacing_bottom-s {
  padding-bottom: 40px;
}
.section_spacing_bottom-l {
  padding-bottom: 60px;
}
@media (min-width: 768px) {
  .section_spacing_bottom-l {
    padding-bottom: 90px;
  }
}
.section_spacing_bottom-xl {
  padding-bottom: 47px;
}
@media (min-width: 768px) {
  .section_spacing_bottom-xl {
    padding-bottom: 100px;
  }
}
@media (min-width: 992px) {
  .section_spacing_bottom-xl {
    padding-bottom: 120px;
  }
}
.section_style_light {
  background: var(--color-white);
}
.section_style_milk {
  background: var(--color-milk);
}
.section_style_to-light {
  background: linear-gradient(to bottom, var(--color-grey-light) 50%, var(--color-white) 50%);
}
.section_style_from-light {
  background: linear-gradient(to top, var(--color-grey-light) 50%, var(--color-white) 50%);
}
.section-nav {
  display: block;
  font-size: 14px;
  line-height: var(--lh-14);
  max-height: 500px;
  transition: all 0.3s ease;
  transition-property: visibility, opacity, max-height;
}
.section-nav__list {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-nav__item {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  margin: 0 0 10px;
}
.section-nav__item:last-child {
  margin-bottom: 0;
}
.section-nav__link {
  position: relative;
  display: block;
  padding: 0 0 0 13px;
  color: var(--color-grey);
  text-decoration: none;
  transition: color 0.3s ease;
}
.section-nav__link:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  display: block;
  width: 3px;
  height: 100%;
  min-height: 29px;
  background: var(--color-mint);
  opacity: 0;
  transform: translate(0, -50%);
  transition: opacity 0.3s ease;
}
.section-nav__link_state_active {
  color: var(--color-black);
}
.section-nav__link_state_active:before {
  opacity: 1;
}
.section-nav_state_hidden {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  max-height: 0;
}
.skill-card {
  position: relative;
  display: block;
  padding: 20px;
  height: 100%;
  background: var(--color-white);
  border-radius: 20px;
  overflow: hidden;
}
.skill-card__title {
  margin: 0 0 20px;
  font-size: 16px;
  color: var(--color-grey);
}
.skill-card__item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 15px;
}
.skill-card__item:last-child {
  margin-bottom: 0;
}
.skill-card__illustration {
  position: absolute;
  z-index: 0;
  top: -12px;
  right: -150px;
  bottom: -12px;
  pointer-events: none;
}
@media (min-width: 768px) {
  .skill-card__illustration {
    right: -80px;
    top: -47px;
    bottom: -46px;
  }
}
.skill-card__image {
  height: 100%;
}
.skill-card__icon {
  padding: 3px 0 0;
  flex-shrink: 0;
}
.skill-card__text {
  text-wrap: balance;
  letter-spacing: var(--ls-small);
}
.skill-card__list {
  position: relative;
  z-index: 1;
}
.social-button {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  height: 35px;
  padding: 0 19px;
  color: var(--color-white);
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
  text-decoration: none;
  letter-spacing: 0;
  background: var(--color-tg);
  border: 1px solid var(--color-tg);
  border-radius: 8px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, background-color, border-color;
}
@media (min-width: 768px) {
  .social-button {
    height: 39px;
    font-size: 16px;
  }
}
.social-button:not(:disabled, .button_state_disabled):hover, .social-button:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-tg);
  background-color: var(--color-white);
  border-color: var(--color-tg);
}
.social-button__holder {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.social-button__icon {
  display: block;
  flex: 0 0 auto;
  width: 12px;
  height: 12px;
  fill: currentColor;
}
.social-button__text {
  display: block;
  flex: 0 1 auto;
}
.social-button_size_s {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 39px;
  padding: 0 13px;
  font-weight: 500;
  text-transform: uppercase;
}
.social-button_size_s .social-button__holder {
  gap: 7px;
}
.social-button_size_s .social-button__icon {
  width: 11px;
  height: 11px;
}
.social-button_style_light {
  color: var(--color-tg);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.social-button_style_light:not(:disabled, .button_state_disabled):hover, .social-button_style_light:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-white);
  background-color: var(--color-tg);
  border-color: var(--color-white);
}
.social-button_style_yt {
  color: var(--color-yt);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.social-button_style_yt:not(:disabled, .button_state_disabled):hover, .social-button_style_yt:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-white);
  background-color: var(--color-yt);
  border-color: var(--color-white);
}
.social-button_style_t {
  color: var(--color-ten);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.social-button_style_t:not(:disabled, .button_state_disabled):hover, .social-button_style_t:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-white);
  background-color: var(--color-ten);
  border-color: var(--color-white);
}
.social-button_style_vk {
  color: var(--color-vk);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.social-button_style_vk:not(:disabled, .button_state_disabled):hover, .social-button_style_vk:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-white);
  background-color: var(--color-vk);
  border-color: var(--color-white);
}
.social-button_style_telegram-violet {
  color: var(--color-secondary);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.social-button_style_telegram-violet:not(:disabled, .button_state_disabled):hover, .social-button_style_telegram-violet:not(:disabled, .button_state_disabled):focus-visible {
  color: var(--color-white);
  background-color: var(--color-secondary);
  border-color: var(--color-white);
}
.social-nav {
  --social-nav-color-primary: inherit;
  --social-nav-color-primary-active: var(--color-primary);
  --social-nav-color-secondary: var(--color-dark);
  --social-nav-background: var(--color-cream);
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 20px;
}
.social-nav__caption {
  display: block;
  flex: 0 1 auto;
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 500;
  line-height: var(--lh-14);
}
.social-nav__list {
  display: flex;
  flex: 0 1 auto;
  flex-wrap: wrap;
  gap: 16px;
}
.social-nav__item {
  display: block;
  flex: 0 0 auto;
}
.social-nav__link {
  display: block;
  color: var(--social-nav-color-primary);
  font-size: 0;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
.social-nav__link:hover, .social-nav__link:focus-visible {
  color: var(--social-nav-color-primary-active);
  text-decoration: none;
  outline: none;
}
.social-nav__link_style_tg {
  --social-nav-color-secondary: #27A7E7;
}
.social-nav__link_style_vk {
  --social-nav-color-secondary: #0077FF;
}
.social-nav__icon {
  display: block;
  width: 32px;
  height: 32px;
  fill: currentColor;
}
.social-nav__secondary-path {
  fill: var(--social-nav-color-secondary);
}
.social-nav_type_solid {
  --social-nav-color-secondary: var(--color-white);
  gap: 10px;
  padding: 10px;
  color: var(--color-dark);
  background: var(--social-nav-background);
  border-radius: 12px;
}
.social-nav_type_solid .social-nav__list {
  gap: 4px;
}
.social-nav_type_solid .social-nav__caption {
  color: inherit;
}
.social-nav_spacing_s .social-nav__list {
  gap: 10px;
}
.social-nav_style_dark {
  --social-nav-color-primary: var(--color-dark);
  --social-nav-color-secondary: var(--color-white);
  --social-nav-background: var(--color-grey-light);
}
.social-nav_style_gradient {
  --social-nav-color-primary: var(--color-white);
  --social-nav-color-secondary: var(--color-dark);
  --social-nav-background: linear-gradient(90deg, #27a7e7, #07f);
  color: var(--color-white);
  box-shadow: 0 10px 20px 0 rgba(9, 67, 96, 0.2);
}
.stat {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 4px;
  color: var(--color-grey);
  font-size: 14px;
  font-weight: 400;
  line-height: var(--lh-14);
  text-align: left;
  background: transparent;
  border: none;
  outline: none;
  transition: color 0.3s ease;
}
.stat[href]:hover, .stat[href]:focus-visible, .stat[type]:hover, .stat[type]:focus-visible {
  color: var(--color-primary);
}
.stat__icon {
  display: block;
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  fill: currentColor;
}
.stat__text {
  display: block;
  flex: 0 1 auto;
  width: auto;
}
.stat_state_active {
  color: var(--color-primary);
}
.stat_size_s {
  font-size: 12px;
  line-height: 1;
}
@media (min-width: 768px) {
  .stat_size_s {
    font-size: 14px;
    line-height: var(--lh-14);
  }
}
.stat-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.stat-group__item {
  display: block;
}
.step-grid {
  display: block;
}
.step-grid__list {
  display: grid;
  grid-template-columns: auto;
  grid-gap: 20px;
}
@media (min-width: 992px) {
  .step-grid__list {
    grid-template-columns: 1fr 39.65%;
  }
}
.step-grid__item {
  display: block;
}
@media (min-width: 992px) {
  .step-grid__item:nth-child(3n+1) {
    grid-row: span 2;
  }
}
.step-grid__item_height_l .step-grid__panel {
  min-height: 440px;
}
.step-grid__panel {
  height: 100%;
  min-height: 210px;
}
.step-panel {
  position: relative;
  display: block;
  overflow: hidden;
  color: var(--color-primary);
  font-size: 24px;
  font-weight: 500;
  line-height: var(--ls-24);
  background: var(--color-grey-light);
  border: 1px solid #ededf2;
  border-radius: 20px;
}
.step-panel__tag {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 20px;
  display: block;
}
.step-panel__label {
  position: relative;
  display: block;
  min-width: 46px;
  height: 46px;
  padding: 0 4px;
  color: var(--color-grey);
  font-size: 22px;
  font-weight: 500;
  text-align: center;
  line-height: 44px;
  border: 1px solid var(--color-black-20);
  border-radius: 16px;
}
.step-panel__content {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  padding: 30px 50px 40px 20px;
}
@media (min-width: 768px) {
  .step-panel__content {
    padding: 30px 100px 100px 20px;
  }
}
@media (min-width: 992px) {
  .step-panel__content {
    padding: 30px 70px 100px 20px;
  }
}
.step-panel__title {
  display: block;
  margin: 0 0 12px;
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .step-panel__title {
    margin: 0 0 20px;
  }
}
.step-panel__title:last-child {
  margin-bottom: 0;
}
.step-panel__text {
  display: block;
  margin: 0 0 12px;
}
@media (min-width: 768px) {
  .step-panel__text {
    margin: 0 0 20px;
  }
}
.step-panel__text:last-child {
  margin-bottom: 0;
}
.step-panel__illustration {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
  width: 100%;
}
.step-panel__picture {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
}
.step-panel__image {
  display: block;
  width: 100%;
  height: auto;
  flex: 0 0 auto;
  margin: 0 auto;
}
.step-panel_style_primary {
  color: var(--color-white);
  background: var(--color-primary);
  border: none;
}
.step-panel_style_primary .step-panel__label {
  color: var(--color-white);
  border-color: var(--color-white-50);
}
.step-panel_size_l {
  border-radius: 30px;
}
@media (min-width: 768px) {
  .step-panel_size_l .step-panel__content {
    padding: 40px 60px 50px 30px;
  }
}
@media (min-width: 768px) {
  .step-panel_size_l .step-panel__title {
    font-size: 42px;
  }
}
.step-panel_size_l .step-panel__text {
  max-width: 360px;
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .step-panel_size_l .step-panel__text {
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: var(--ls-small);
  }
}
.step-panel_size_l .step-panel__illustration {
  right: 0;
  left: auto;
  width: auto;
  transform: translate(23%, 0);
}
@media (min-width: 768px) {
  .step-panel_size_l .step-panel__illustration {
    transform: none;
  }
}
@media (max-width: 767px) {
  .step-panel_image-position_a .step-panel__picture {
    overflow: hidden;
    justify-content: flex-start;
  }
}
.step-panel_image-position_a .step-panel__image {
  width: auto;
  max-width: none;
  margin: 0 0 0 -12px;
}
@media (max-width: 767px) {
  .step-panel_spacing_l .step-panel__content {
    padding: 30px 50px 113px 20px;
  }
}
.subscribe-form {
  display: block;
}
.subscribe-form__illustration {
  position: relative;
  display: block;
  width: 260px;
  max-width: 100%;
  margin: 0 auto;
}
.subscribe-form__illustration:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 34.61538% 0 0;
}
.subscribe-form__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: scale-down;
     object-fit: scale-down;
  -o-object-position: 50% 100%;
     object-position: 50% 100%;
}
.subscribe-form__main {
  --classless-link-color: var(--color-white);
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 -20px;
  padding: 30px 20px 26px;
  color: var(--color-white);
  font-size: 18px;
  line-height: var(--lh-18);
  text-align: center;
  background: var(--color-grey-light);
  border-radius: 30px;
  background: linear-gradient(-135deg, transparent, transparent 37px, var(--color-dark) 37px);
}
@media (min-width: 768px) {
  .subscribe-form__main {
    margin: 0;
    padding: 40px 60px 34px;
    background: linear-gradient(-135deg, transparent, transparent 51px, var(--color-dark) 51px);
    border-radius: 40px;
  }
}
@media (min-width: 992px) {
  .subscribe-form__main {
    padding: 40px 60px 36px;
  }
}
.subscribe-form__main:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 0;
  height: 0;
  pointer-events: none;
  background: transparent;
  border: 26px solid transparent;
  border-color: transparent transparent #27353E #27353E;
  border-radius: 0 0 0 50%;
}
@media (min-width: 768px) {
  .subscribe-form__main:after {
    border-width: 36px;
  }
}
.subscribe-form__header {
  display: block;
  margin: 0 0 30px;
}
@media (min-width: 768px) {
  .subscribe-form__header {
    margin: 0 0 40px;
  }
}
.subscribe-form__header:last-child {
  margin-bottom: 0;
}
.subscribe-form__title {
  display: block;
  margin: 0 0 10px;
}
.subscribe-form__title:last-child {
  margin-bottom: 0;
}
.subscribe-form__text {
  display: block;
  margin: 0 auto;
  font-weight: 500;
  max-width: 300px;
}
@media (min-width: 480px) {
  .subscribe-form__text {
    max-width: 394px;
  }
}
@media (min-width: 992px) {
  .subscribe-form__text {
    margin: 0 0 10px;
    max-width: none;
  }
}
.subscribe-form__text:last-child {
  margin-bottom: 0;
}
.subscribe-form__form {
  display: block;
  margin: 0 auto 30px;
  max-width: 370px;
  text-align: left;
}
@media (min-width: 768px) {
  .subscribe-form__form {
    margin: 0 auto 40px;
  }
}
@media (min-width: 992px) {
  .subscribe-form__form {
    margin: 0 0 40px;
    max-width: 100%;
  }
}
.subscribe-form__form:last-child {
  margin-bottom: 0;
}
.tabs {
  position: relative;
  display: block;
}
.tabs__nav-wrapper {
  position: relative;
  display: block;
  margin: 0 0 30px;
  scrollbar-width: none;
}
.tabs__nav-wrapper::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .tabs__nav-wrapper {
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 -20px 60px;
    padding: 0 20px;
  }
}
.tabs__nav-wrapper:last-child {
  margin-bottom: 0;
}
.tabs__nav {
  display: flex;
  overflow: hidden;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  flex-direction: column;
  margin: 0 auto;
  list-style: none;
  background: var(--color-white);
  border-radius: 14px;
}
@media (min-width: 768px) {
  .tabs__nav {
    vertical-align: middle;
    flex-direction: row;
    gap: 10px;
    padding: 4px;
    color: var(--color-grey);
    background: var(--color-light-grey);
    border: 1px solid #EDEDF2;
    border-radius: 50px;
  }
}
.tabs__item {
  display: block;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .tabs__item {
    display: none;
  }
}
@media (max-width: 767px) {
  .tabs__item:has(.tabs__label_state_active) {
    display: block;
    order: -1;
  }
}
.tabs__label {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  padding: 7px 12px 6px;
  color: inherit;
  font-size: 18px;
  font-weight: 500;
  line-height: var(--lh-18);
  text-align: left;
  text-decoration: none;
  background: transparent;
  border: none;
  border-radius: 14px;
  outline: none;
  transition: all 0.3s ease;
  transition-property: color, background-color, border-color;
}
@media (min-width: 768px) {
  .tabs__label {
    padding: 8px 16px 7px;
    text-align: center;
    border-radius: 50px;
  }
}
.tabs__label:hover, .tabs__label:focus-visible {
  color: inherit;
  background: var(--color-cream);
}
.tabs__label:disabled {
  color: var(--color-dark);
  background: var(--color-grey);
}
.tabs__label_state_active {
  color: var(--color-white);
  background: var(--color-primary);
}
.tabs__label_state_active:hover, .tabs__label_state_active:focus-visible {
  color: var(--color-white);
  background: var(--color-primary);
}
.tabs__label_state_active:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  display: block;
  width: 9px;
  height: 9px;
  color: inherit;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translate(0, -75%) rotate(45deg) skew(-5deg, -5deg);
}
@media (min-width: 768px) {
  .tabs__label_state_active:after {
    display: none;
  }
}
.tabs__content {
  display: block;
}
.tabs__heading {
  display: block;
  margin: 0 0 40px;
  color: var(--color-grey);
  font-size: 16px;
  line-height: var(--lh-16);
  text-align: center;
}
@media (min-width: 768px) {
  .tabs__heading {
    margin: -30px 0 60px;
  }
}
.tabs__heading:last-child {
  margin-bottom: 0;
}
.tabs__panel_state_hidden {
  display: none;
}
.tabs__panel_state_active {
  display: block;
}
.tabs__trigger {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.1px;
  background: transaprent;
  border: none;
  border-radius: inherit;
  opacity: 0.001;
  outline: none;
}
@media (min-width: 768px) {
  .tabs__trigger {
    display: none;
  }
}
.tabs_type_solid .tabs__nav {
  background: var(--color-grey-light);
}
.tabs_state_open .tabs__trigger {
  display: none;
}
@media (max-width: 767px) {
  .tabs_state_open .tabs__item {
    display: block;
  }
}
.tabs_state_open .tabs__label_state_active:after {
  transform: translate(0, -25%) rotate(-135deg);
}
.tag {
  display: inline-flex;
  gap: 16px;
  align-items: center;
  padding: 9px 13px 9px 9px;
  color: var(--color-primary);
  font-size: 22px;
  line-height: 1;
  border: 1px solid var(--color-primary);
  border-radius: 14px;
  transition: all 0.3s ease;
  transition-property: color, background-color;
}
.tag:hover {
  color: var(--color-white);
  background-color: var(--color-primary);
}
.tag:hover .tag__icon {
  color: var(--color-white);
}
.tag__icon {
  display: block;
  width: 24px;
  height: 24px;
  color: var(--color-grey);
  fill: currentColor;
  transition: color 0.3s ease;
}
.tag__illustration {
  display: block;
}
.tag__image {
  display: block;
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
     object-fit: contain;
}
.tag_type_solid {
  gap: 6px;
  padding: 3px 11px 3px 3px;
  font-size: 18px;
  border-radius: 8px;
}
.tag_style_dark {
  color: var(--color-black);
  background-color: var(--color-white);
  border-color: var(--color-white);
}
.tag_style_dark:hover {
  color: var(--color-black);
  background-color: var(--color-cream);
  border-color: var(--color-cream);
}
.tag_style_dark:hover .tag__icon {
  color: var(--color-black);
}
.tag-filter {
  display: block;
  position: relative;
}
.tag-filter__tags {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  flex-direction: column;
  background: var(--color-white);
  border-radius: 14px;
  overflow: hidden;
  text-align: left;
}
@media (min-width: 992px) {
  .tag-filter__tags {
    padding: 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 10px;
    background: none;
  }
}
.tag-filter__item {
  position: relative;
  padding: 0 12px;
  font-size: 18px;
  color: var(--color-black);
  border-radius: 100px;
  background: transparent;
  transition: all 0.3s ease;
  transition-property: background, color;
}
@media (min-width: 992px) {
  .tag-filter__item {
    padding: 7px 12px;
    background: var(--color-white);
  }
}
.tag-filter__item:hover {
  color: var(--color-primary);
}
@media (min-width: 992px) {
  .tag-filter__item:hover {
    background: var(--color-cream);
    color: var(--color-black);
  }
}
.tag-filter__item:nth-child(n+2) {
  display: none;
}
@media (min-width: 992px) {
  .tag-filter__item:nth-child(n+2) {
    display: block;
  }
}
.tag-filter__item:nth-child(1) {
  padding: 7px 12px 6px;
  font-weight: 500;
  color: var(--color-primary);
  border-radius: 0;
}
@media (min-width: 992px) {
  .tag-filter__item:nth-child(1) {
    padding: 7px 12px;
    display: block;
    font-weight: 400;
    color: var(--color-black);
    border-bottom: 0;
    border-radius: 100px;
  }
}
.tag-filter__item:nth-child(1):after {
  display: block;
}
@media (min-width: 992px) {
  .tag-filter__item:nth-child(1):after {
    display: none;
  }
}
.tag-filter__item:after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  display: none;
  width: 9px;
  height: 9px;
  color: var(--color-primary);
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: translate(0, -75%) rotate(45deg) skew(-5deg, -5deg);
}
.tag-filter__item_state_active {
  font-weight: 500;
  background: var(--color-white);
  color: var(--color-primary);
}
.tag-filter__open {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  opacity: 0;
}
@media (min-width: 992px) {
  .tag-filter__open {
    display: none;
  }
}
.tag-filter__close {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  max-height: 45px;
  opacity: 0;
}
@media (min-width: 992px) {
  .tag-filter__close {
    display: none;
  }
}
.tag-filter_state_active .tag-filter__tags {
  padding: 0 0 12px;
}
.tag-filter_state_active .tag-filter__open {
  display: none;
}
@media (min-width: 992px) {
  .tag-filter_state_active .tag-filter__open {
    display: none;
  }
}
.tag-filter_state_active .tag-filter__close {
  display: block;
}
@media (min-width: 992px) {
  .tag-filter_state_active .tag-filter__close {
    display: none;
  }
}
.tag-filter_state_active .tag-filter__item:nth-child(n+2) {
  display: block;
}
.tag-filter_state_active .tag-filter__item:nth-child(1) {
  border-bottom: 1px solid #E8E8ED;
}
@media (min-width: 992px) {
  .tag-filter_state_active .tag-filter__item:nth-child(1) {
    border-bottom: none;
  }
}
.tag-filter_state_active .tag-filter__item:nth-child(1):after {
  transform: translate(0, -25%) rotate(-135deg);
}
@media (min-width: 992px) {
  .tag-filter_align_center .tag-filter__tags {
    justify-content: center;
  }
}
.tag-filter_width_m .tag-filter__tags {
  max-width: 840px;
  margin: 0 auto;
}
@media (min-width: 992px) {
  .tag-filter_type_solid {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 992px) {
  .tag-filter_type_solid .tag-filter__tags {
    padding: 4px;
    background: var(--color-white);
    border-radius: 30px;
  }
}
@media (min-width: 992px) {
  .tag-filter_type_solid .tag-filter__item {
    padding: 7px 16px;
    color: var(--color-grey);
    font-weight: 500;
  }
}
.tag-filter_type_solid .tag-filter__item:after {
  color: var(--color-white);
}
.tag-filter_type_solid .tag-filter__item_state_active {
  color: var(--color-white);
  background: var(--color-primary);
}
.tags {
  display: block;
}
.tags__caption {
  display: block;
  margin: 0 0 20px;
  font-size: 16px;
  font-weight: 500;
  line-height: var(--lh-16);
}
@media (min-width: 768px) {
  .tags__caption {
    font-size: 18px;
    line-height: var(--lh-18);
  }
}
.tags__caption:last-child {
  margin-bottom: 0;
}
.tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 auto 40px;
}
@media (min-width: 768px) {
  .tags__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 40px;
  }
}
@media (min-width: 992px) {
  .tags__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .tags__list {
    max-width: 994px;
  }
}
.tags__list:last-child {
  margin-bottom: 0;
}
.tags__item {
  display: block;
}
.tags_layout_horizontal .tags__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 9px;
  margin: 0 0 40px;
  max-width: 100%;
}
@media (min-width: 768px) {
  .tags_layout_horizontal .tags__list {
    gap: 10px 9px;
  }
}
.tags_layout_horizontal .tags__list:last-child {
  margin-bottom: 0;
}
.tg-banner {
  position: relative;
  display: block;
  max-width: 350px;
  height: 464px;
  padding: 20px;
  overflow: hidden;
  color: #fff;
  border-radius: 20px;
  background: var(--color-tg) url("../blocks/tg-banner/images/bg.png") center bottom no-repeat;
  background-size: cover;
}
@media (min-width: 768px) {
  .tg-banner {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    max-width: 800px;
    height: 269px;
    padding: 30px;
  }
}
.tg-banner:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 90px;
  background: linear-gradient(180deg, rgba(39, 167, 231, 0) 0%, var(--color-tg) 40.82%);
}
@media (min-width: 768px) {
  .tg-banner:before {
    height: 190px;
  }
}
@media (min-width: 992px) {
  .tg-banner:before {
    height: 140px;
  }
}
.tg-banner__wrapper {
  position: relative;
  z-index: 10;
}
.tg-banner__image {
  position: absolute;
  top: -30px;
  right: -86px;
  z-index: 1;
}
@media (max-width: 767px) {
  .tg-banner__image {
    position: absolute;
    top: auto;
    right: -83px;
    z-index: 1;
    bottom: 20px;
    width: 118%;
    max-width: none;
  }
}
.tg-banner__title {
  max-width: 490px;
  font-size: 22px;
  font-weight: 500;
  line-height: var(--lh-22);
}
.tg-banner__controls {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 0 0;
}
.tg-banner__control {
  display: block;
  flex: 0 1 auto;
}
.tg-banner__back-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
  width: 25px;
  height: 20px;
  fill: transparent;
}
@media (min-width: 768px) {
  .tg-banner__back-icon {
    top: 30px;
    left: 30px;
  }
}
.title {
  display: block;
  margin: 20px 0;
  color: inherit;
  font-weight: 500;
}
.title:first-child {
  margin-top: 0;
}
.title:last-child {
  margin-bottom: 0;
}
.title_size_h1 {
  font-size: 60px;
  line-height: 1;
  letter-spacing: var(--ls-medium);
}
@media (min-width: 768px) {
  .title_size_h1 {
    font-size: 70px;
  }
}
.title_size_h2 {
  font-size: 42px;
  line-height: 1.095;
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .title_size_h2 {
    font-size: 70px;
    line-height: 1;
    letter-spacing: var(--ls-medium);
  }
}
.title_size_h3 {
  font-size: 42px;
  line-height: 1.095;
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .title_size_h3 {
    font-size: 60px;
    line-height: var(--lh-60);
    letter-spacing: var(--ls-medium);
  }
}
.title_size_h4 {
  font-size: 42px;
  line-height: 1.095;
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .title_size_h4 {
    line-height: var(--lh-42);
  }
}
.title_size_h5 {
  font-size: 36px;
  line-height: var(--lh-36);
  letter-spacing: var(--ls-tiny);
  text-wrap: balance;
}
@media (min-width: 768px) {
  .title_size_h5 {
    font-size: 42px;
    line-height: var(--lh-42);
    letter-spacing: var(--ls-small);
  }
}
.title_size_h5-s {
  font-size: 32px;
  line-height: var(--lh-32);
  letter-spacing: var(--ls-small);
}
@media (min-width: 768px) {
  .title_size_h5-s {
    font-size: 42px;
    line-height: 1.1;
  }
}
.title_size_h6 {
  font-size: 22px;
  line-height: var(--lh-22);
}
@media (min-width: 768px) {
  .title_size_h6 {
    font-size: 42px;
    line-height: 1.095;
    letter-spacing: var(--ls-small);
  }
}
.title_align_left {
  align-text: left;
}
.title_align_center {
  align-text: center;
}
.title_align_right {
  align-text: right;
}
.title_weight_regular {
  font-weight: 400;
}
.title_weight_medium {
  font-weight: 500;
}
.title_weight_bold {
  font-weight: 500;
}
.title_spacing_none {
  letter-spacing: 0;
}
.title_spacing_tiny {
  letter-spacing: var(--ls-tiny);
}
.title_spacing_small {
  letter-spacing: var(--ls-small);
}
.title_spacing_medium {
  letter-spacing: var(--ls-medium);
}
.title_style_primary {
  color: var(--color-primary);
}
.title_style_dark {
  color: var(--color-maroon);
}
.title_style_secondary {
  color: var(--color-secondary);
}
.video {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  max-height: 184px;
  min-height: 184px;
  height: auto;
  margin: 30px 0;
  word-break: break-word;
  background: #E0DFDF;
  border: 2px solid c-elgreen-100;
  box-shadow: 0 6px 16px 0 #e5e5f1;
  border-radius: 12px;
}
@media (min-width: size-s) {
  .video {
    max-height: 200px;
  }
}
@media (min-width: size-m) {
  .video {
    max-height: 316px;
    border-radius: 32px;
    box-shadow: 0 12px 30px 0 #e5e5f1;
  }
}
@media (min-width: size-l) {
  .video {
    max-height: 600px;
  }
}
.video:first-child {
  margin-top: 0;
}
.video:last-child {
  margin-bottom: 0;
}
.video:before {
  content: "";
  display: block;
  width: 100%;
  height: auto;
  padding: 56.228% 0 0;
}
.video__panel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.video__trigger {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: block;
  width: 34px;
  height: 34px;
  color: c-red-100;
  font-size: 0;
  text-decoration: none;
  background: c-white-80;
  border: none;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
}
@media (min-width: size-s) {
  .video__trigger {
    width: 48px;
    height: 48px;
  }
}
@media (min-width: size-m) {
  .video__trigger {
    width: 60px;
    height: 60px;
  }
}
.video__icon {
  display: block;
  width: 100%;
  height: 100%;
  fill: currentColor;
}
.video__content {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  pointer-events: none;
  border: none;
  opacity: 0;
}
.video > span:not([class]) {
  display: none;
}
.video_type_close {
  margin: 0;
}
.video_state_loading .video__panel:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: block;
  box-sizing: border-box;
  width: 60px;
  height: 60px;
  color: c-red-100;
  border-top: 2px solid currentColor;
  border-right: 2px solid transparent;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation-name: videoLoader;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.video_state_loading .video__trigger {
  display: none;
}
.video_state_loaded .video__panel {
  background-image: none !important;
}
.video_state_loaded .video__trigger {
  display: none;
}
.video_state_loaded .video__content {
  pointer-events: auto;
  opacity: 1;
}
.video_state_loaded.video_height_auto:before {
  display: none;
}
.video_state_loaded.video_height_auto .video__panel {
  position: static;
  height: auto;
}

@keyframes videoLoader {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.video-grid {
  display: block;
}
.video-grid__list {
  display: grid;
  grid-template-columns: auto;
  gap: 10px;
  max-width: 350px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .video-grid__list {
    grid-template-columns: repeat(2, 1fr);
    max-width: 100%;
    margin: 0;
  }
}
@media (min-width: 992px) {
  .video-grid__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
}
.video-grid__categories {
  margin: 0 0 64px;
}
.video-grid__categories:last-child {
  margin-bottom: 0;
}
.video-grid__header {
  margin: 0 0 20px;
}
@media (min-width: 768px) {
  .video-grid__header {
    margin: 0 0 40px;
  }
}
.video-grid__header:last-child {
  margin-bottom: 0;
}
.video-panel {
  position: relative;
  display: block;
  border-radius: 30px;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
}
.video-panel:hover .video-panel__icon {
  transform: translate(-50%, -50%) scale(1.1);
}
.video-panel:hover .video-panel__icon-background {
  fill-opacity: 0.6;
}
.video-panel::after {
  content: "";
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: block;
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(227, 21, 19, 0) 0%, rgba(227, 21, 19, 0.7) 100%);
}
.video-panel__inner {
  position: absolute;
  bottom: 0;
  z-index: 2;
  display: block;
  padding: 20px;
  width: 100%;
  text-align: left;
  color: var(--color-white);
}
.video-panel__illustration {
  max-height: 402px;
}
.video-panel__illustration::before {
  content: "";
  display: block;
  padding: 114.857% 0 0;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .video-panel__illustration::before {
    padding: 131.804% 0 0;
  }
}
@media (min-width: 992px) {
  .video-panel__illustration::before {
    padding: 146.181% 0 0;
  }
}
.video-panel__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 0 0;
     object-position: 0 0;
}
.video-panel__icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.3s ease;
}
.video-panel__icon-background {
  fill-opacity: 0.3;
  transition: fill-opacity 0.3s ease;
}
.video-panel__title {
  display: block;
  margin: 0 0 10px;
  font-size: 22px;
  font-weight: 500;
  text-wrap: balance;
}
.video-panel__title:last-child {
  margin-bottom: 0;
}
.video-panel__name {
  display: block;
  margin: 0 0 2px;
  font-size: 16px;
}
.video-panel__name:last-child {
  margin-bottom: 0;
}
.video-panel__text {
  display: block;
  font-size: 14px;
  color: var(--color-white-70);
}
.work-list {
  display: block;
}
.work-list__list {
  counter-reset: workList;
}
.work-list__item {
  font-size: 0;
}
.work-list__item:before {
  content: counter(workList) ".";
  counter-increment: workList;
  display: inline-block;
  vertical-align: middle;
  min-width: 24px;
  padding: 0 5px 0 0;
  text-align: left;
  font-size: 16px;
}
.work-list__item_state_done:after {
  content: "";
  display: inline-block;
  vertical-align: baseline;
  box-sizing: border-box;
  width: 8px;
  height: 16px;
  margin: 0 0 0 8px;
  color: var(--color-primary);
  font-size: 16px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg);
}
.work-list__link {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  color: inherit;
  font-size: 20px;
  text-decoration: none;
  background: transparent;
  border: none;
  outline: none;
}
.work-list__link[href="#"] {
  cursor: default;
  pointer-events: none;
  opacity: 0.2;
}
.zoomable {
  display: block;
  position: relative;
  margin: 30px 0;
  color: inherit;
}
.zoomable:first-child {
  margin-top: 0;
}
.zoomable:last-child {
  margin-bottom: 0;
}
.zoomable:hover::before, .zoomable:hover::after {
  opacity: 1;
}
.zoomable::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: rgba(224, 77, 77, 0.5);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.zoomable::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  display: block;
  width: 26px;
  height: 26px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 26 26' style='enable-background:new 0 0 26 26;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D .st1%7Bfill:%2335374E;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='10.4' cy='10.4' r='9.6'/%3E%3Cpath class='st1' d='M15.9,9.9c0-0.3-0.3-0.6-0.6-0.6h-3.5V5.9c0-0.3-0.3-0.6-0.6-0.6H10c-0.4,0-0.6,0.3-0.6,0.6v3.4H5.9 c-0.4,0-0.6,0.3-0.6,0.6v1.2c0,0.4,0.3,0.6,0.6,0.6h3.5v3.4c0,0.4,0.3,0.6,0.6,0.6h1.2c0.3,0,0.6-0.3,0.6-0.6v-3.4h3.5 c0.3,0,0.6-0.3,0.6-0.6V9.9z M25.8,24.6c0.3-0.2,0.3-0.6,0-0.9l-6.1-6.1c-0.2-0.1-0.3-0.2-0.5-0.2h-0.7c1.6-1.8,2.6-4.3,2.6-6.9 C21.1,4.8,16.4,0,10.6,0C4.7,0,0,4.8,0,10.5c0,5.8,4.7,10.5,10.6,10.5c2.6,0,5-1,6.9-2.5v0.7c0,0.2,0.1,0.3,0.2,0.5l6.1,6.1 c0.3,0.3,0.7,0.3,0.9,0L25.8,24.6z M18.7,10.5c0,4.5-3.7,8.1-8.1,8.1c-4.5,0-8.1-3.6-8.1-8.1c0-4.5,3.6-8.1,8.1-8.1 C15,2.4,18.7,6.1,18.7,10.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}
.zoomable_type_close {
  margin: 0;
}