@charset "UTF-8";

/** Подключение шрифтов локально из папки "./src/fonts" */

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-Black.woff2") format("woff2"), url("../fonts/FiraSans-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-Bold.woff2") format("woff2"), url("../fonts/FiraSans-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-ExtraBold.woff2") format("woff2"), url("../fonts/FiraSans-ExtraBold.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-ExtraLight.woff2") format("woff2"), url("../fonts/FiraSans-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-SemiBold.woff2") format("woff2"), url("../fonts/FiraSans-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-Thin.woff2") format("woff2"), url("../fonts/FiraSans-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Medium.woff2") format("woff2"), url("../fonts/Inter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-Regular.woff2") format("woff2"), url("../fonts/Inter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: Inter;
  font-display: swap;
  src: url("../fonts/Inter-SemiBold.woff2") format("woff2"), url("../fonts/Inter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: Menlo;
  font-display: swap;
  src: url("../fonts/Menlo-Bold.woff2") format("woff2"), url("../fonts/Menlo-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: Menlo;
  font-display: swap;
  src: url("../fonts/Menlo-Regular.woff2") format("woff2"), url("../fonts/Menlo-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: RobotoMono;
  font-display: swap;
  src: url("../fonts/RobotoMono-Bold.woff2") format("woff2"), url("../fonts/RobotoMono-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: RobotoMono;
  font-display: swap;
  src: url("../fonts/RobotoMono-ExtraLight.woff2") format("woff2"), url("../fonts/RobotoMono-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: RobotoMono;
  font-display: swap;
  src: url("../fonts/RobotoMono-Light.woff2") format("woff2"), url("../fonts/RobotoMono-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: RobotoMono;
  font-display: swap;
  src: url("../fonts/RobotoMono-Medium.woff2") format("woff2"), url("../fonts/RobotoMono-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: RobotoMono;
  font-display: swap;
  src: url("../fonts/RobotoMono-Regular.woff2") format("woff2"), url("../fonts/RobotoMono-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: RobotoMono;
  font-display: swap;
  src: url("../fonts/RobotoMono-SemiBold.woff2") format("woff2"), url("../fonts/RobotoMono-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: RobotoMono;
  font-display: swap;
  src: url("../fonts/RobotoMono-Thin.woff2") format("woff2"), url("../fonts/RobotoMono-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-Light.woff2") format("woff2"), url("../fonts/FiraSans-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-Medium.woff2") format("woff2"), url("../fonts/FiraSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: FiraSans;
  font-display: swap;
  src: url("../fonts/FiraSans-Regular.woff2") format("woff2"), url("../fonts/FiraSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

/** Подключение переменных */

/** Подключение sass function и mixins и extends стилей */

@-webkit-keyframes backgroundGradient {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }

  25% {
    -webkit-transform: translate(220px, -30px) rotate(3deg) scale(1.3);
            transform: translate(220px, -30px) rotate(3deg) scale(1.3);
  }

  50% {
    -webkit-transform: translate(-180px, 60px) rotate(-2deg) scale(1.2);
            transform: translate(-180px, 60px) rotate(-2deg) scale(1.2);
  }

  75% {
    -webkit-transform: translate(40px, -90px) rotate(1deg) scale(1);
            transform: translate(40px, -90px) rotate(1deg) scale(1);
  }

  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}

@keyframes backgroundGradient {
  0% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }

  25% {
    -webkit-transform: translate(220px, -30px) rotate(3deg) scale(1.3);
            transform: translate(220px, -30px) rotate(3deg) scale(1.3);
  }

  50% {
    -webkit-transform: translate(-180px, 60px) rotate(-2deg) scale(1.2);
            transform: translate(-180px, 60px) rotate(-2deg) scale(1.2);
  }

  75% {
    -webkit-transform: translate(40px, -90px) rotate(1deg) scale(1);
            transform: translate(40px, -90px) rotate(1deg) scale(1);
  }

  100% {
    -webkit-transform: translate(0, 0) scale(1);
            transform: translate(0, 0) scale(1);
  }
}

@-webkit-keyframes backgroundCardGradient {
  0% {
    -webkit-transform: translate(0, 0) scale(2);
            transform: translate(0, 0) scale(2);
  }

  25% {
    -webkit-transform: translate(40%, 40%) rotate(3deg) scale(2);
            transform: translate(40%, 40%) rotate(3deg) scale(2);
  }

  50% {
    -webkit-transform: translate(40%, -40%) rotate(-2deg) scale(2);
            transform: translate(40%, -40%) rotate(-2deg) scale(2);
  }

  75% {
    -webkit-transform: translate(-40%, -40%) rotate(1deg) scale(2);
            transform: translate(-40%, -40%) rotate(1deg) scale(2);
  }

  100% {
    -webkit-transform: translate(0, 0) scale(2);
            transform: translate(0, 0) scale(2);
  }
}

@keyframes backgroundCardGradient {
  0% {
    -webkit-transform: translate(0, 0) scale(2);
            transform: translate(0, 0) scale(2);
  }

  25% {
    -webkit-transform: translate(40%, 40%) rotate(3deg) scale(2);
            transform: translate(40%, 40%) rotate(3deg) scale(2);
  }

  50% {
    -webkit-transform: translate(40%, -40%) rotate(-2deg) scale(2);
            transform: translate(40%, -40%) rotate(-2deg) scale(2);
  }

  75% {
    -webkit-transform: translate(-40%, -40%) rotate(1deg) scale(2);
            transform: translate(-40%, -40%) rotate(1deg) scale(2);
  }

  100% {
    -webkit-transform: translate(0, 0) scale(2);
            transform: translate(0, 0) scale(2);
  }
}

@-webkit-keyframes circleTempPathReveal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes circleTempPathReveal {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/** Общие параметры, шаблоны(заготовки) и вспомогательные классы */

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  overflow-x: clip;
}

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.main {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

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

.container_fluid {
  max-width: 100%;
}

/** БЕМ блоки используемые во всё проекте */

html,
body {
  font-family: "Menlo", sans-serif !important;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.3 !important;
  color: #1B1919;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1.3 !important;
}

.ul-not-dot {
  list-style: none;
  margin: 0;
  padding: 0;
}

.p-text {
  margin: 0px;
}

a {
  color: inherit;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

a:hover {
  text-decoration: none;
}

:root {
  --red: #921A2A;
  --black: #1B1919;
  --pink: #F4E8E9;
  --green: #16A34A;
  --salat: #E3F1E8;
}

.text_12 {
  font-size: 12px;
}

.text_13 {
  font-size: 13px;
}

.text_14 {
  font-size: 14px;
}

.text_15 {
  font-size: 15px;
}

.text_16 {
  font-size: 16px;
}

.text_17 {
  font-size: 17px;
}

.text_18 {
  font-size: 18px;
}

.text_19 {
  font-size: 19px;
}

.text_20 {
  font-size: 20px;
}

.text_21 {
  font-size: 21px;
}

.text_22 {
  font-size: 22px;
}

.text_23 {
  font-size: 23px;
}

.text_24 {
  font-size: 24px;
}

.text_25 {
  font-size: 25px;
}

.text_26 {
  font-size: 26px;
}

.text_27 {
  font-size: 27px;
}

.text_28 {
  font-size: 28px;
}

.text_29 {
  font-size: 29px;
}

.text_30 {
  font-size: 30px;
}

.text_31 {
  font-size: 31px;
}

.text_32 {
  font-size: 32px;
}

.text_33 {
  font-size: 33px;
}

.text_34 {
  font-size: 34px;
}

.text_35 {
  font-size: 35px;
}

.text_36 {
  font-size: 36px;
}

.text_37 {
  font-size: 37px;
}

.text_38 {
  font-size: 38px;
}

.text_39 {
  font-size: 39px;
}

.text_40 {
  font-size: 40px;
}

.text_41 {
  font-size: 41px;
}

.text_42 {
  font-size: 42px;
}

.text_43 {
  font-size: 43px;
}

.text_44 {
  font-size: 44px;
}

.text_45 {
  font-size: 45px;
}

.text_46 {
  font-size: 46px;
}

.text_47 {
  font-size: 47px;
}

.text_48 {
  font-size: 48px;
}

.text_49 {
  font-size: 49px;
}

.text_50 {
  font-size: 50px;
}

.text_51 {
  font-size: 51px;
}

.text_52 {
  font-size: 52px;
}

.text_53 {
  font-size: 53px;
}

.text_54 {
  font-size: 54px;
}

.text_55 {
  font-size: 55px;
}

.text_56 {
  font-size: 56px;
}

.text_57 {
  font-size: 57px;
}

.text_58 {
  font-size: 58px;
}

.text_59 {
  font-size: 59px;
}

.text_60 {
  font-size: 60px;
}

.text_61 {
  font-size: 61px;
}

.text_62 {
  font-size: 62px;
}

.text_63 {
  font-size: 63px;
}

.text_64 {
  font-size: 64px;
}

.text_65 {
  font-size: 65px;
}

.text_66 {
  font-size: 66px;
}

.text_67 {
  font-size: 67px;
}

.text_68 {
  font-size: 68px;
}

.text_69 {
  font-size: 69px;
}

.text_70 {
  font-size: 70px;
}

.text_71 {
  font-size: 71px;
}

.text_72 {
  font-size: 72px;
}

.text_73 {
  font-size: 73px;
}

.text_74 {
  font-size: 74px;
}

.text_75 {
  font-size: 75px;
}

.text_76 {
  font-size: 76px;
}

.text_77 {
  font-size: 77px;
}

.text_78 {
  font-size: 78px;
}

.text_79 {
  font-size: 79px;
}

.text_80 {
  font-size: 80px;
}

.text_81 {
  font-size: 81px;
}

.text_82 {
  font-size: 82px;
}

.text_83 {
  font-size: 83px;
}

.text_84 {
  font-size: 84px;
}

.text_85 {
  font-size: 85px;
}

.text_86 {
  font-size: 86px;
}

.text_87 {
  font-size: 87px;
}

.text_88 {
  font-size: 88px;
}

.text_89 {
  font-size: 89px;
}

.text_90 {
  font-size: 90px;
}

.text_91 {
  font-size: 91px;
}

.text_92 {
  font-size: 92px;
}

.text_93 {
  font-size: 93px;
}

.text_94 {
  font-size: 94px;
}

.text_95 {
  font-size: 95px;
}

.text_96 {
  font-size: 96px;
}

.text_97 {
  font-size: 97px;
}

.text_98 {
  font-size: 98px;
}

.text_99 {
  font-size: 99px;
}

.text_100 {
  font-size: 100px;
}

.text_16 {
  line-height: 24px;
}

.text_regular {
  font-weight: 400;
}

.text_medium {
  font-weight: 500;
}

.text_semibold {
  font-weight: 600;
}

.text_bold {
  font-weight: 700;
}

.text_title {
  font-family: "FiraSans", sans-serif !important;
}

.text_robot {
  font-family: "RobotoMono", sans-serif !important;
}

.text_inter {
  font-family: "Inter", sans-serif !important;
}

.text_color_accent {
  color: var(--red);
}

.text_color_black {
  color: var(--black);
}

.text_color_green {
  color: var(--green);
}

.text_upper {
  text-transform: uppercase;
}

.img_cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.img_contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.tag {
  padding: 4px 12px;
  border: 1px solid;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: start;
  border-radius: 6px;
}

.tag_red {
  color: var(--red);
  background-color: var(--pink);
  border-color: #E0D0D2;
}

.tag_white {
  color: #6C6C6C;
  background-color: #FFFFFF;
  border-color: #D5D7DA;
}

.tag_green {
  color: var(--green);
  background-color: var(--salat);
  border-color: #D6E4DB;
}

.tag_opacity {
  color: rgba(255, 255, 255, 0.8);
  background-color: rgba(255, 255, 255, 0.1019607843);
  border-color: rgba(255, 255, 255, 0.1019607843);
}

.tag_gray {
  color: #6C6C6C;
  border: 1px solid #D5D7DA;
  background-color: #E6E6E6;
}

.tag_gray-light {
  color: #979CA3;
  border: 1px solid #D5D7DA;
  background-color: #F1F1F1;
}

.show-mobile {
  display: none !important;
}

.btn {
  line-height: 1 !important;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.btn_big {
  padding: 0px 16px;
  height: 48px;
}

.btn_min {
  padding: 0px 16px;
  height: 44px;
}

.btn_slim {
  padding: 0px 12px;
  height: 40px;
}

.btn_average {
  padding: 12px;
}

.btn_space {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.btn_red {
  background-color: var(--red);
  color: white;
  border: 1px solid var(--red);
}

.btn_red:hover {
  background-color: #AA0017;
  border-color: #AA0017;
}

.btn_white {
  background-color: white;
  color: var(--black);
  border: 1px solid #D5D7DA;
}

.btn_white:hover {
  color: var(--red);
  border-color: var(--red);
}

.btn_black {
  background-color: var(--black);
  color: white;
  border: 1px solid var(--black);
}

.btn_black:hover {
  color: white;
  border-color: var(--red);
  background-color: var(--red);
}

.canvas-background {
  position: absolute;
  top: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1;
}

.breadcrumbs__container {
  position: relative;
  z-index: 2;
  margin-bottom: 62px;
}

.section_hero {
  padding: 180px 0px 96px 0px;
}

.section_hero-breadcrumbs {
  padding: 120px 0px 72px 0px;
}

.section_standard-all {
  padding: 112px 0px 112px 0px;
}

.section_standard-min {
  padding: 72px 0px 72px 0px;
}

.section_standard {
  padding: 112px 0px 72px 0px;
}

.section_reverse {
  padding: 72px 0px 112px 0px;
}

.section_bottom {
  padding: 0px 0px 112px 0px;
}

.section_bottom-min {
  padding: 0px 0px 72px 0px;
}

.title-block__share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: #F5F5F5;
  border: 1px solid #F5F5F5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-left: auto;
}

.title-block__share:hover .title-block__share-icon {
  color: var(--red);
}

.title-block__share-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.title-block__text-accent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 10px;
}

.title-block__title-line {
  margin-top: 12px;
  padding-top: 20px;
  width: 100%;
  border-top: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
}

.title-block__desc-title {
  margin-top: 24px;
}

.title-block__title-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.title-block__title-more_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.title-block__title-more_right .title-block__subtitle {
  margin-right: auto;
}

.title-block__subtitle {
  color: #6C6C6C;
  opacity: 0.7;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.title-block__subtitle-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-top: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.title-block__subtitle-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
}

.title-block__desc {
  margin-top: 20px;
  color: #494747;
  max-width: 833px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.4 !important;
}

.title-block__desc-custom {
  max-width: 586px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: auto;
}

.title-block__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #D5D7DA;
  background-color: #f1f1f1;
  border-radius: 6px;
  overflow: hidden;
}

.title-block__tab {
  padding: 10px 16px;
  color: #707681;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  border: 1px solid transparent;
  border-top: transparent;
  border-bottom: transparent;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  gap: 8px;
}

.title-block__tab.active,
.title-block__tab:hover,
.title-block__tab.uk-active {
  background-color: white;
  color: var(--black);
  border-color: #D5D7DA;
}

.title-block__tab.active:nth-child(1),
.title-block__tab:hover:nth-child(1),
.title-block__tab.uk-active:nth-child(1) {
  border-left: 1px solid transparent;
}

.title-block__tab.active:last-child,
.title-block__tab:hover:last-child,
.title-block__tab.uk-active:last-child {
  border-right: 1px solid transparent;
}

.title-block__tab.active .title-block__tabs-icon,
.title-block__tab:hover .title-block__tabs-icon,
.title-block__tab.uk-active .title-block__tabs-icon {
  color: var(--red);
}

.title-block__tabs-icon {
  fill: transparent;
  color: #707681;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.title-block__desc-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.title-block__btn {
  margin-top: 32px;
}

.title-block__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  margin-top: 12px;
  padding-top: 20px;
  border-top: 1px solid #E6E6E6;
}

.title-block__title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
}

.title-block__title-wrapper .title-block__title-line {
  border: none;
  padding-top: 0px;
  margin-top: 0px;
}

.title-block__img-wrapper {
  position: relative;
  width: 50%;
  height: 371px;
  border-radius: 6px;
  overflow: hidden;
}

.title-block__img-wrapper:hover .title-block__img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.title-block__img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.title-block__img-text {
  position: absolute;
  top: 24px;
  left: 32px;
  z-index: 2;
  color: white;
  max-width: 302px;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.uk-animation-fade {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.switch-block {
  position: relative;
}

.switch-block__title {
  padding: 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
}

.switch-block__title img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: none;
}

.switch-block__title[aria-expanded=true] img {
  -webkit-transform: rotate(180deg) translateY(2px);
      -ms-transform: rotate(180deg) translateY(2px);
          transform: rotate(180deg) translateY(2px);
}

.switch-block__list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 6px;
  border: 1px solid #E5E7EB;
  padding: 0px;
}

.switch-block__list.uk-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: calc(100% + 12px) !important;
}

.switch-block__item {
  padding: 12px 20px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.switch-block__item:hover,
.switch-block__item.active {
  color: var(--black);
}

.accordion__block {
  background-color: white;
  border: 1px solid #E6E6E6;
}

.accordion__item {
  padding: 24px 20px;
  margin-top: 0px !important;
}

.accordion__item:not(:last-child) {
  border-bottom: 1px solid #E6E6E6;
}

.accordion__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
}

.accordion__title:before {
  display: none;
}

.accordion__title-text {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.accordion__title-text-wrapper {
  width: 184px;
}

.accordion__title-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-width: 0;
  margin-right: auto;
}

.accordion__title-question {
  color: var(--black);
}

.accordion__title-question:hover {
  color: var(--black);
}

.accordion__title-code {
  color: #707681;
}

.accordion__title-arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  fill: transparent;
  color: #8A8D91;
}

.accordion__content {
  margin-left: 184px;
}

.accordion__content-text {
  color: #707681;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.accordion__content-text:nth-of-type(n+2) {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #F1F1F1;
}

.accordion__content-description {
  color: #494747;
  margin-top: 8px;
}

.accordion__item.uk-open .accordion__title-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  color: black;
}

.faq-about .accordion__title-text-wrapper {
  width: 275px;
}

.faq-about .accordion__content {
  margin-left: 275px;
}

.send-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.send-form.black {
  background-color: var(--black);
}

.send-form__input-search-wrap {
  position: relative;
}

.send-form__input-search-wrap input {
  padding-right: 44px;
  width: 100%;
}

.send-form__input-search-wrap .send-form__input-search-icon {
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.send-form__input-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.send-form__input {
  font-size: 16px;
  padding: 0px 16px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
}

.send-form__input.black {
  border: 1px solid #494747;
  background-color: #383838;
  color: white;
}

.send-form__input.black::-webkit-input-placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.send-form__input.black::-moz-placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.send-form__input.black:-ms-input-placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.send-form__input.black::-ms-input-placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.send-form__input.black::placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.send-form__textarea {
  height: 92px;
  resize: none;
  padding: 16px;
}

.send-form__counter {
  width: 192px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 16px;
  padding: 0px 16px;
  height: 44px;
  border-radius: 4px;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.send-form__counter-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  background: none;
  padding: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  border: none;
}

.send-form__counter-btn:hover {
  opacity: 0.6;
}

.send-form__counter-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.send-form__counter-value {
  font-size: 16px;
  color: var(--black);
  min-width: 24px;
  text-align: center;
}

.send-form__select {
  position: relative;
}

.send-form__select.is-open .send-form__select-dropdown {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.send-form__select.is-open .send-form__select-arrow {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.send-form__select.black .send-form__select-trigger {
  border: 1px solid #494747;
  background-color: #383838;
  color: #A7AAAE;
}

.send-form__select.black.is-selected .send-form__select-trigger {
  color: white;
}

.send-form__select.black .send-form__select-dropdown {
  background-color: #383838;
  border: 1px solid #494747;
}

.send-form__select.black .send-form__select-option {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.send-form__select.black .send-form__select-option.is-active,
.send-form__select.black .send-form__select-option:hover {
  background-color: #494747;
  color: white;
}

.send-form__select-trigger {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  font-size: 16px;
  padding: 0px 16px;
  height: 44px;
  border-radius: 4px;
  cursor: pointer;
  text-align: left;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
}

.send-form__select-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.send-form__select-value.right {
  text-align: right;
}

.send-form__select-arrow {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.send-form__select-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  z-index: 50;
  border-radius: 4px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
}

.send-form__input-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.send-form__input-row .send-form__input {
  width: 100%;
}

.send-form__input-row .send-form__select {
  width: 100%;
}

.send-form__input-row .send-form__counter {
  margin-left: auto;
}

.send-form__input-row-title {
  color: #707681;
  opacity: 0.7;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.send-form__select-option {
  border: none;
  background-color: transparent;
  width: 100%;
  display: block;
  font-size: 16px;
  font-weight: 400;
  padding: 12px 20px;
  text-align: left;
  cursor: pointer;
  -webkit-transition: background-color 0.15s, color 0.15s;
  transition: background-color 0.15s, color 0.15s;
}

.send-form__select-option.is-active,
.send-form__select-option:hover {
  background-color: #E6E6E6;
}

.send-form__check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.send-form__check-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.send-form__check-box.black .send-form__check-icon {
  border: 1px solid #494747;
  background-color: #383838;
}

.send-form__check-box.black .send-form__check-icon img {
  -webkit-filter: brightness(1000);
          filter: brightness(1000);
}

.send-form__check-box.black .send-form__check-text {
  color: #D5D7DA !important;
}

.send-form__check-box.black .send-form__check-link {
  color: #D5D7DA !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-decoration: underline;
}

.send-form__check-box.black .send-form__check-link:hover {
  color: var(--red) !important;
}

.send-form__check input[type=checkbox]:checked + .send-form__check-box .send-form__check-icon img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.send-form__check-icon {
  width: 24px;
  height: 24px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
}

.send-form__check-icon img {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  -webkit-transform: scale(0.85);
      -ms-transform: scale(0.85);
          transform: scale(0.85);
  -webkit-transition: opacity 0.2s ease, visibility 0.2s, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s, -webkit-transform 0.2s ease;
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.send-form__check-text {
  color: #707681 !important;
}

.send-form__check-link {
  color: #707681 !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  text-decoration: underline;
}

.send-form__check-link:hover {
  color: var(--red) !important;
}

.send-form__btn {
  cursor: pointer;
}

.send-form__btn.is-disabled {
  pointer-events: none;
  opacity: 0.4;
}

.send-form__download {
  width: 100%;
  margin-top: 12px;
  position: relative;
  border-radius: 4px;
  padding: 0;
  color: white;
}

.send-form__download:hover .send-form__download-placeholder-title {
  opacity: 0.7;
}

.send-form__download.is-dragover {
  border-color: var(--red);
}

.send-form__download.black {
  background-color: transparent;
  border: 1px dashed #707681;
}

.send-form__download-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding: 16px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.send-form__download-placeholder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
}

.send-form__download-placeholder-title {
  color: #FFFFFF;
  text-decoration: underline;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.send-form__download-placeholder-subtitle {
  color: #D5D7DA;
}

.send-form__download-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.send-form__download-file-name {
  display: none;
  padding: 0px 16px 16px 16px;
}

.send-form__download-remove {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.06);
  color: #FFFFFF;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.send-form__download-remove:hover {
  opacity: 0.5;
}

.send-form__download-remove::before {
  content: "×";
  display: block;
  width: 100%;
  height: 100%;
  line-height: 26px;
  font-size: 18px;
  text-align: center;
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

.send-form__download.has-file .send-form__download-placeholder {
  display: none;
}

.send-form__download.has-file .send-form__download-file-name {
  display: block;
}

.send-form__download.has-file .send-form__download-remove {
  display: block;
}

.up-button-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 1000;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.up-button-section__container {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}

.up-button-section--visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.up-button-section--visible .up-button-section__container {
  pointer-events: none;
}

.up-button-section--visible .up-button {
  pointer-events: auto;
}

.up-button {
  position: absolute;
  right: 30px;
  bottom: 30%;
  cursor: pointer;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.up-button:hover {
  opacity: 0.7;
}

.up-button__icon path {
  fill: var(--black);
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}

.up-button__text {
  color: var(--black);
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.up-button-section--visible .up-button.up-button--light .up-button__icon path {
  fill: white;
}

.up-button-section--visible .up-button.up-button--light .up-button__text {
  color: white;
}

.page-hero__title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.page-hero__title-block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page-hero__title {
  margin-top: 28px;
  line-height: 1.2;
}

.page-hero__description {
  margin-top: 24px;
  max-width: 679px;
}

.page-hero__title-block-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
}

.page-hero__title-block-data-text {
  color: #6C6C6C;
  opacity: 0.7;
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
}

.page-hero__title-block-data-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
}

.page-hero__title-block-data-value img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tooltips__item {
  position: relative;
}

.tooltips__item_fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.tooltips__item_fit .tooltips__item-content {
  left: calc(100% - 81px);
}

.tooltips__item_none .tooltips__item-tag {
  padding: 0px;
  border: none;
  background-color: transparent;
}

.tooltips__item_none .tooltips__item-tag:hover {
  background-color: transparent;
  border: none;
}

.tooltips__item-tag {
  cursor: pointer;
  padding: 4px 12px;
  background-color: #F1F1F1;
  border-radius: 6px;
  border: 1px solid #D5D7DA;
  color: #707681;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: background-color 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.tooltips__item-tag:hover {
  background-color: #E8E8E8;
  border-color: #C5C7CA;
}

.tooltips__item-tag img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.tooltips__item-content {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: opacity 0.4s ease-out, visibility 0.4s, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, visibility 0.4s, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s, -webkit-transform 0.4s ease-out;
  top: calc(100% + 12px);
  z-index: 10;
  left: calc(100% - 94px);
  background-color: #1B1919;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding: 24px;
  width: 412px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
}

.tooltips__item-content img {
  position: absolute;
  top: -9px;
  left: 64px;
}

.tooltips__item-content-title {
  color: white;
}

.tooltips__item-content-description {
  color: #A7AAAE;
}

.tooltips__item:hover .tooltips__item-content {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.tooltips__item_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.tooltips__item_center .tooltips__item-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: auto;
}

.tooltips__item_center .tooltips__item-content img {
  left: calc(50% - 10px);
}

.tooltips__item-button {
  background-color: #FAFAFA;
  border: 1px solid #FAFAFA;
  width: 44px;
  height: 44px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 0px;
}

.tooltips__item-button.active {
  border: 1px solid #E6E6E6;
}

.tooltips__item-button.active .tooltips__item-button-icon {
  color: var(--red);
}

.tooltips__item-button-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

/** Подключение стилей отдельных блоков и секций */

.head-contacts {
  background-color: var(--black);
  height: 44px;
  position: relative;
  z-index: 1001;
}

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

.head-contacts__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.head-contacts__left-text {
  color: #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.head-contacts__left-text:hover {
  color: #8A8D91;
}

.head-contacts__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 38px;
}

.head-contacts__right-time {
  color: #8A8D91;
}

.head-contacts__right-link {
  color: #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.head-contacts__right-link:hover {
  color: #8A8D91;
}

.header {
  position: fixed;
  z-index: 1000;
  top: var(--header-top, 62px);
  left: 0;
  width: 100%;
  -webkit-transition: top 0.4s ease;
  transition: top 0.4s ease;
}

.header__line {
  position: relative;
  border: 1px solid #E6E6E6;
}

.header__line {
  background-color: white;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  height: 64px;
}

.header__logo {
  padding: 24px;
}

.header__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition: opacity 0.55s ease-in-out, -webkit-transform 0.55s ease-in-out;
  transition: opacity 0.55s ease-in-out, -webkit-transform 0.55s ease-in-out;
  transition: opacity 0.55s ease-in-out, transform 0.55s ease-in-out;
  transition: opacity 0.55s ease-in-out, transform 0.55s ease-in-out, -webkit-transform 0.55s ease-in-out;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  will-change: transform, opacity;
}

.header__menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  cursor: pointer;
  position: relative;
  padding: 24px;
  border-right: 1px solid #E6E6E6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header__menu-item svg {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.header__menu-item svg path {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header__menu-item:nth-child(1) {
  border-left: 1px solid #E6E6E6;
}

.header__menu-item:hover .header__link {
  color: var(--red);
}

.header__menu-item:hover svg path {
  stroke: var(--red);
}

.header__menu-item:before {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--red);
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header__menu-item.active .header__link {
  color: var(--red);
}

.header__menu-item.active:before {
  opacity: 1;
}

.header__menu-item.active svg {
  -webkit-transform: rotate(180deg) translateY(2px);
      -ms-transform: rotate(180deg) translateY(2px);
          transform: rotate(180deg) translateY(2px);
}

.header__menu-item.active svg path {
  stroke: var(--red);
}

.header__link {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.header__tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.header__search-btn {
  padding: 0px;
  height: 100%;
  width: 64px;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.header__cart {
  padding: 0px;
  height: 64px;
  width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.header__cart:hover .header__cart-icon {
  color: var(--red);
  fill: none;
}

.header__count {
  position: absolute;
  top: 13px;
  left: calc(100% - 29px);
  background-color: var(--red);
  border-radius: 50px;
  padding: 1px 6px;
  color: white;
  min-width: 16px;
  text-align: center;
  min-height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__favorite {
  padding: 0px;
  height: 64px;
  width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.header__favorite:hover .header__favorite-icon {
  color: var(--red);
  fill: none;
}

.header__user-icon {
  color: #A7AAAE;
  fill: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header__user {
  padding: 0px;
  height: 64px;
  width: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--black);
}

.header__user:hover {
  background-color: var(--red);
}

.header__user:hover .header__user-icon {
  color: white;
  fill: none;
}

.header__cart-icon {
  color: var(--black);
  fill: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header__favorite-icon {
  color: var(--black);
  fill: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

@-webkit-keyframes mmColumnSlideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes mmColumnSlideIn {
  from {
    opacity: 0;
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.mega-menu {
  position: fixed;
  inset: 0;
  padding-top: calc(var(--header-top, 62px) + 80px);
  background: transparent;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 900;
}

.mega-menu--open {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.mega-menu--open .mega-menu__container {
  pointer-events: none;
}

.mega-menu--open .mega-menu__container * {
  pointer-events: auto;
}

.mega-menu__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
}

.mega-menu__container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 640px;
}

.mega-menu__start {
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 270px;
  width: 100%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 16px;
  border-radius: 6px 0px 0px 6px;
  border-right: 1px solid #E6E6E6;
}

.mega-menu__start-title {
  margin-top: 12px;
}

.mega-menu__start-description {
  margin-top: 8px;
  margin-bottom: 24px;
  color: #8A8D91;
}

.mega-menu__btn {
  margin-top: auto;
}

.mega-menu__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 0px 6px 6px 0px;
  overflow: hidden;
}

.mega-menu__column {
  background-color: white;
  max-width: 248px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-right: 1px solid #E6E6E6;
}

.mega-menu__column-inner {
  display: none;
}

.mega-menu__column-inner.mm-is-active {
  display: block;
  -webkit-animation: mmColumnSlideIn 0.4s ease forwards;
          animation: mmColumnSlideIn 0.4s ease forwards;
}

.mega-menu__column-inner_min-width {
  max-width: 218px;
}

.mega-menu__column-head {
  background-color: #FAFAFA;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E6E6E6;
  height: 56px;
}

.mega-menu__column-title {
  line-height: 1.1;
}

.mega-menu__column-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  gap: 16px;
}

.mega-menu__column-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.mega-menu__column-item-icon {
  width: 40px;
  height: 40px;
  background-color: #F1F1F1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.mega-menu__column-item-icon svg {
  color: #A7AAAE;
  fill: transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mega-menu__column-item-title-block {
  margin-left: 12px;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.mega-menu__column-item-title {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mega-menu__column-item-subtitle {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mega-menu__column-item-arrow {
  opacity: 0;
  color: var(--red);
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.mega-menu__column-item:hover .mega-menu__column-item-arrow,
.mega-menu__column-item.mm-is-active-item .mega-menu__column-item-arrow {
  opacity: 1;
}

.mega-menu__column-item:hover .mega-menu__column-item-subtitle,
.mega-menu__column-item.mm-is-active-item .mega-menu__column-item-subtitle {
  color: var(--red);
}

.mega-menu__column-item:hover svg,
.mega-menu__column-item.mm-is-active-item svg {
  color: var(--red);
}

.mega-menu__column-item:hover .mega-menu__column-item-title,
.mega-menu__column-item.mm-is-active-item .mega-menu__column-item-title {
  color: var(--black);
}

.mega-menu__column-item-mini {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.mega-menu__column-item-mini:hover .mega-menu__column-item-arrow,
.mega-menu__column-item-mini.mm-is-active-item .mega-menu__column-item-arrow {
  opacity: 1;
}

.mega-menu__column-item-mini:hover .mega-menu__column-item-title,
.mega-menu__column-item-mini.mm-is-active-item .mega-menu__column-item-title {
  color: var(--black);
  text-shadow: 0 0 0.35px var(--black), 0 0 0.35px var(--black);
}

.header__search-ui {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  overflow: hidden;
  width: 800px;
  max-width: calc(100vw - 300px);
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(80px);
      -ms-transform: translateX(80px);
          transform: translateX(80px);
  -webkit-transition: opacity 0.55s ease-in-out, -webkit-transform 0.55s ease-in-out;
  transition: opacity 0.55s ease-in-out, -webkit-transform 0.55s ease-in-out;
  transition: opacity 0.55s ease-in-out, transform 0.55s ease-in-out;
  transition: opacity 0.55s ease-in-out, transform 0.55s ease-in-out, -webkit-transform 0.55s ease-in-out;
  position: absolute;
  top: 10px;
  right: 100%;
  height: 44px;
  z-index: 2;
  will-change: transform, opacity;
  border: 1px solid #E6E6E6;
  border-radius: 6px 0px 0px 6px;
}

.header__search-input {
  border: none;
  outline: none;
  background: transparent;
  padding: 10px 24px;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 100%;
}

.header__search-category {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background-color: #F5F5F5;
  color: var(--black);
  padding: 12px 26px;
}

.header__search-category svg {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.header__search-category svg path {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.header--search-open .header__menu {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(-80px);
      -ms-transform: translateX(-80px);
          transform: translateX(-80px);
}

.header--search-open .header__search-ui {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.header--search-open .header__search-btn {
  background-color: var(--black);
  border-radius: 0px 6px 6px 0px;
  position: relative;
  z-index: 3;
  width: 44px;
  height: 44px;
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.header--search-open .header__search-btn img {
  -webkit-filter: brightness(1000%);
          filter: brightness(1000%);
}

.header-dropdowns {
  position: fixed;
  inset: 0;
  padding-top: calc(var(--header-top, 62px) + 80px);
  background: transparent;
  opacity: 0;
  pointer-events: none;
  z-index: 899;
  -webkit-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.header-dropdowns--open {
  opacity: 1;
  pointer-events: auto;
}

.header-dropdowns__overlay {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: rgba(0, 0, 0, 0.75);
}

.header-dropdowns .header-dropdown {
  position: absolute;
  z-index: 1;
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
}

.header-dropdowns--open .header-dropdown:not([hidden]) {
  -webkit-animation: headerDropdownIn 0.2s ease forwards;
          animation: headerDropdownIn 0.2s ease forwards;
}

@-webkit-keyframes headerDropdownIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes headerDropdownIn {
  from {
    opacity: 0;
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.dropdown-menu {
  padding: 4px;
  border-radius: 8px;
  background-color: white;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 300px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

.footer {
  background-color: var(--black);
  padding: 112px 0px 44px 0px;
  position: relative;
  height: 744px;
}

.footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__logo {
  width: 386px;
  height: 43px;
}

.footer__text {
  color: #A7AAAE;
  margin-top: 32px;
  max-width: 519px;
}

.footer__menus {
  margin-top: 159px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 36px;
}

.footer__menu-title {
  color: #BE2539;
}

.footer__menu-text {
  color: white;
  max-width: 261px;
}

.footer__menu-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.footer__menu-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.footer__menu-contact-title {
  color: #A7AAAE;
}

.footer__menu-contact-link {
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.footer__menu-contact-link:hover {
  color: var(--red);
}

.footer__menu-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 36px;
}

.footer__menu-links-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.footer__menu-link {
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.footer__menu-link:hover {
  opacity: 0.6;
}

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

.footer__bottom-text {
  color: #A7AAAE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.footer__bottom-link {
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.footer__bottom-link:hover {
  color: var(--red);
}

.footer__line-first {
  position: absolute;
  top: 0;
  left: calc(50% - 15px);
  width: 1px;
  height: 100%;
  background-color: #494747;
}

.footer__line-second {
  position: absolute;
  bottom: 272px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #494747;
}

.footer__line-third {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #494747;
}

.hero {
  position: relative;
}

.hero__container {
  position: relative;
  z-index: 2;
}

.hero__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hero__title {
  margin-top: 24px;
  color: var(--black);
  line-height: 70px !important;
}

.hero__desc {
  width: 487px;
  margin-top: 24px;
}

.hero__actions {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.hero__media {
  width: 619px;
  height: 640px;
  -webkit-transform: translateY(-51px);
      -ms-transform: translateY(-51px);
          transform: translateY(-51px);
}

.hero__img {
  pointer-events: none;
}

.hero-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.hero-list__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.hero-list__item::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  background-color: var(--red);
}

.company-line {
  background-color: var(--black);
}

.company-line__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding: 12px 15px;
}

.company-line__text {
  color: #bababa;
}

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

.equipment {
  background-color: #F1F1F1;
}

.equipment__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.equipment__menu {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 12px;
  border: 1px solid #E9EAEB;
  border-radius: 6px;
  max-width: 341px;
  min-width: 341px;
}

.equipment__menu-main-title {
  color: #6C6C6C;
  opacity: 0.7;
  padding: 12px 16px;
}

.equipment__menu-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3px;
}

.equipment__menu-subtitle {
  color: #A2A7AF;
}

.equipment__menu-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.equipment__menu-icon-text {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.equipment__main-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 12px;
  gap: 8px;
}

.equipment__main-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 24px;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 8px;
  cursor: pointer;
}

.equipment__main-menu-item:hover {
  border: 1px solid var(--red);
  outline-color: var(--red);
}

.equipment__main-menu-item:hover .equipment__menu-icon {
  color: var(--red);
}

.equipment__main-menu-item.active {
  border: 1px solid var(--red);
  outline-color: var(--red);
}

.equipment__main-menu-item.active .equipment__menu-icon {
  color: var(--red);
}

.equipment__main-menu-item.active .equipment__menu-subtitle {
  color: var(--red);
}

.equipment__conf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
  padding: 20px 24px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
}

.equipment__conf-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.equipment__conf-description {
  color: #494747;
  margin-top: 12px;
}

.equipment__conf-btn {
  margin-top: 12px;
}

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

.equipment__content-data {
  width: 100%;
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}

.equipment__data {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.equipment__data-top {
  position: relative;
  background-color: #F5F5F5;
  padding: 24px 32px;
  overflow: hidden;
  min-height: 321px;
}

.equipment__data-top-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
}

.equipment__data-top-img {
  position: absolute;
  height: auto;
  width: 502px;
  right: 0px;
  bottom: -24px;
}

.equipment__data-top-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.equipment__data-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.equipment__data-subtag {
  color: #A7AAAE;
}

.equipment__data-title {
  margin-top: 12px;
}

.equipment__data-description {
  margin-top: 20px;
  color: #494747;
  max-width: 448px;
  line-height: 1.5;
}

.equipment__data-description p {
  margin-bottom: 12px;
}

.equipment__data-tabs {
  background-color: white;
  padding: 24px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 62px;
}

.equipment__data-tabs-left {
  max-width: 460px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.equipment__data-tabs-title {
  padding-bottom: 12px;
  margin-bottom: 12px;
  color: #707681;
  opacity: 0.7;
  border-bottom: 1px solid #1B1919;
}

.equipment__data-tabs-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.equipment__data-tab {
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-bottom: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  padding: 8px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.equipment__data-tab:hover {
  border: 1px solid var(--red);
  outline-color: var(--red);
}

.equipment__data-tab:hover .equipment__menu-icon-text {
  opacity: 1;
}

.equipment__data-tab.active {
  border: 1px solid var(--red);
  outline-color: var(--red);
}

.equipment__data-tab.active .equipment__menu-icon-text {
  opacity: 1;
}

.equipment__data-tab.active .equipment__menu-subtitle {
  color: var(--red);
}

.equipment__data-tab-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.equipment__data-tab-content li {
  padding: 6px 4px;
  border-bottom: 1px solid #F1F1F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #707681;
  line-height: 24px;
}

.equipment__data-tab-content li:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6px;
  height: 6px;
  border-radius: 50px;
  background-color: #921A2A;
}

.equipment__data-bottom {
  background-color: #1B1919;
  padding: 12px 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.equipment__data-bottom-text {
  color: #FFFFFF;
  opacity: 0.7;
}

.equipment__info {
  margin-top: 24px;
  background-color: white;
  border: 1px solid #E9EAEB;
  padding: 12px;
  border-radius: 6px;
}

.equipment__info-wraper {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  padding: 12px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
}

.equipment__info-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.construct {
  position: relative;
}

.construct__container {
  position: relative;
  z-index: 2;
}

.construct__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.construct__tabs-wrapper {
  max-width: 365px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.construct__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.construct__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  border-radius: 8px;
  background-color: #FFFFFF;
  padding: 24px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  cursor: pointer;
}

.construct__tab.active {
  border-color: var(--red);
  outline-color: var(--red);
}

.construct__tab.active .construct__menu-icon {
  fill: transparent;
  color: var(--red);
}

.construct__tab.active .construct__menu-title {
  color: var(--black);
}

.construct__tab:hover {
  border-color: var(--red);
  outline-color: var(--red);
}

.construct__tab:hover .construct__menu-icon {
  fill: transparent;
  color: var(--red);
}

.construct__menu-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.construct__menu-title {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.construct__menu-subtitle {
  color: #A7AAAE;
}

.construct__menu-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.construct__content-wrapper {
  width: 100%;
}

.construct__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
}

.construct__content-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FFFFFF;
}

.construct__content-left {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
}

.construct__content-right {
  width: 50%;
  position: relative;
}

.construct__content-right:hover .construct__content-right-img img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.construct__content-right-img {
  height: 100%;
}

.construct__content-right-img img {
  pointer-events: none;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.construct__content-right-tag {
  position: absolute;
  top: 24px;
  left: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 12px;
  background-color: white;
  border: 1px solid #E9EAEB;
  border-radius: 6px;
}

.construct__content-right-tag-text {
  color: #707681;
  opacity: 0.7;
}

.construct__content-right-tag-value {
  color: #494747;
}

.construct__content-advantages {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 16px 24px;
  margin-top: 32px;
  border-radius: 6px;
}

.construct__content-values {
  width: calc(100% - 64px);
  position: absolute;
  left: 32px;
  bottom: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  background-color: white;
  border: 1px solid #E9EAEB;
  border-radius: 6px;
  padding: 16px 24px;
}

.construct__content-values-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.construct__content-values-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

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

.construct__content-values-item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.construct__content-values-item-title {
  color: #707681;
}

.construct__content-values-item-value {
  color: #494747;
}

.construct__content-values-item-percent {
  margin-top: 4px;
  width: 100%;
  height: 6px;
  border-radius: 50px;
  background-color: #F5F5F5;
  position: relative;
}

.construct__content-values-item-percent::before {
  content: "";
  display: block;
  width: var(--progress-percent, 0);
  height: 100%;
  background-color: var(--red);
  border-radius: 50px;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
}

.construct__content-end {
  background-color: #FAFAFA;
  padding: 12px 32px;
  border-top: 1px solid #E6E6E6;
}

.construct__content-end-title {
  color: #A7AAAE;
}

.construct .equipment__data-tabs-title {
  padding-top: 0px;
}

.industry {
  position: relative;
}

.industry__container {
  position: relative;
  z-index: 1;
}

.industry__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 64px;
}

.industry__menu-tabs {
  max-width: 343px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  background-color: white;
}

.industry__menu-tabs-title {
  background-color: #FAFAFA;
  border-bottom: 1px solid #E6E6E6;
}

.industry__menu-tabs-list {
  padding: 12px 12px 21px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.industry__menu-tabs-item {
  cursor: pointer;
  padding: 20px 16px;
  border-radius: 6px;
  border: 1px solid transparent;
  outline: 1px solid transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.industry__menu-tabs-item path {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.industry__menu-tabs-item:hover {
  border-color: var(--red);
  outline-color: var(--red);
}

.industry__menu-tabs-item:hover path {
  fill: transparent;
  color: var(--red);
}

.industry__menu-tabs-item.active {
  border-color: var(--red);
  outline-color: var(--red);
}

.industry__menu-tabs-item.active path {
  fill: transparent;
  color: var(--red);
}

.industry__menu-tabs-btn {
  margin-top: 20px;
  width: 100%;
}

.industry__content {
  width: 100%;
}

.industry__content-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
}

.industry__content-top {
  position: relative;
  min-height: 285px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.industry__content-background {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.industry__content-block {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
}

.industry__content-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.industry__content-title {
  color: white;
  margin-top: 12px;
  max-width: 371px;
}

.industry__content-btn {
  margin-top: auto;
}

.industry__content-bottom {
  padding: 24px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  height: 100%;
}

.industry__content-bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
}

.industry__content-bottom-item-title {
  color: #707681;
  border-bottom: 1px solid var(--black);
  padding-bottom: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  line-height: 1;
}

.industry__content-bottom-item:nth-child(1) .industry__content-data-description {
  color: #6C6C6C;
}

.industry__content-description {
  margin-top: 12px;
  padding-bottom: 12px;
  margin-bottom: auto;
}

.industry__content-description_gray {
  color: #707681;
}

.industry__content-data {
  margin-top: 20px;
  background-color: #FAFAFA;
  padding: 24px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  border: 1px solid #E6E6E6;
}

.industry__content-data-title_red {
  color: var(--red);
}

.industry__content-data-title_green {
  color: var(--green);
}

.expertise {
  position: relative;
}

.expertise__container {
  position: relative;
  z-index: 1;
}

.expertise__block {
  margin-top: 64px;
}

.expertise__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.expertise__data-menu {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  width: 60%;
}

.expertise__data-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  min-height: 210px;
  cursor: pointer;
}

.expertise__data-item:hover {
  border-color: var(--red);
  outline-color: var(--red);
}

.expertise__data-item:hover .expertise__data-tag {
  border-color: #E0D0D2;
  background-color: var(--pink);
  color: var(--red);
}

.expertise__data-item:hover .expertise__data-menu-icon {
  color: var(--red);
}

.expertise__data-item:hover .expertise__data-title {
  color: var(--black);
}

.expertise__data-item.active {
  border-color: var(--red);
  outline-color: var(--red);
}

.expertise__data-item.active .expertise__data-tag {
  border-color: #E0D0D2;
  background-color: var(--pink);
  color: var(--red);
}

.expertise__data-item.active .expertise__data-menu-icon {
  color: var(--red);
}

.expertise__data-item.active .expertise__data-title {
  color: var(--black);
}

.expertise__data-tag {
  color: #707681;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  border-radius: 6px;
  padding: 4px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.expertise__data-title {
  color: #494747;
  margin-top: 12px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.expertise__data-subtitle {
  margin-top: 5px;
  color: #A7AAAE;
}

.expertise__data-menu-icon {
  color: #A7AAAE;
  margin-top: auto;
  padding-top: 24px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.expertise__data-number {
  color: #E6E6E6;
  position: absolute;
  right: 32px;
  bottom: 24px;
  line-height: 1;
}

.expertise__data-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  border-radius: 8px;
  min-height: 210px;
}

.expertise__data-card-title {
  color: var(--black);
  margin-top: 12px;
}

.expertise__data-card-description {
  margin-top: 5px;
  color: #707681;
}

.expertise__data-card-btn {
  margin-top: auto;
}

.expertise__data-content {
  position: relative;
  width: 40%;
  border: 1px solid #E6E6E6;
  background-color: #fafafa;
  border-radius: 6px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}

.expertise__data-content .expertise__data-content-item.tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.45s ease-out;
  transition: opacity 0.45s ease-out;
}

.expertise__data-content .expertise__data-content-item.tab-content.active {
  position: relative;
  opacity: 1;
  pointer-events: auto;
}

.expertise__data-content .expertise__data-content-item.tab-content.active.tab-content--fade-in {
  opacity: 0;
}

.expertise__data-content .expertise__data-content-item.tab-content.tab-content--fade-out {
  z-index: 1;
  opacity: 1;
  pointer-events: none;
}

.expertise__data-content-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.expertise__data-content-head {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #E6E6E6;
}

.expertise__data-content-body {
  padding: 24px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.expertise__data-content-description {
  margin-top: 20px;
  color: #494747;
}

.expertise__data-content-card {
  margin-top: 48px;
  margin-bottom: 12px;
  padding: 12px 24px;
  border: 1px solid #E6E6E6;
  background-color: #FFFFFF;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.expertise__data-content-card-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.expertise__data-content-card-text-description {
  max-width: 260px;
  color: #494747;
}

.expertise__data-content-circle {
  position: relative;
  margin-right: 12px;
  width: 120px;
  height: 120px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.expertise__data-content-circle-title {
  position: relative;
  z-index: 1;
  padding-left: 24px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.expertise__data-content-circle-subtitle {
  color: #A7AAAE;
  position: relative;
  z-index: 1;
  padding-left: 24px;
}

.expertise__data-content-circle .circle-temp-icon {
  position: absolute;
  top: 0;
  left: 0;
}

.expertise__data-content-circle .circle-temp-icon path {
  opacity: 0;
}

.expertise__data-status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.expertise__data-status::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--red);
  border-radius: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.expertise__data-object {
  color: #A7AAAE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.expertise__data-object-point {
  width: 6px;
  height: 6px;
  background-color: #A7AAAE;
  border-radius: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.expertise__data-content-btn {
  margin-top: auto;
}

.expertise__project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.expertise__project-menu {
  max-width: 342px;
  width: 100%;
}

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

.expertise__project-menu-head-title {
  color: #707681;
  opacity: 0.7;
}

.expertise__project-menu-head-subtitle {
  color: #707681;
  opacity: 0.7;
}

.expertise__project-menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.expertise__project-menu-item {
  background-color: white;
  padding: 24px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.expertise__project-menu-item:hover {
  border-color: var(--red);
  outline-color: var(--red);
}

.expertise__project-menu-item:hover .expertise__project-menu-tag {
  border-color: #E0D0D2;
  background-color: var(--pink);
  color: var(--red);
}

.expertise__project-menu-item:hover .expertise__project-menu-title {
  color: var(--black);
}

.expertise__project-menu-item:hover .expertise__project-menu-subtitle {
  color: #707681;
}

.expertise__project-menu-item:hover .expertise__project-menu-address {
  color: var(--black);
  opacity: 1;
}

.expertise__project-menu-item:hover .expertise__project-menu-address-ico {
  color: var(--red);
}

.expertise__project-menu-item.active {
  border-color: var(--red);
  outline-color: var(--red);
}

.expertise__project-menu-item.active .expertise__project-menu-tag {
  border-color: #E0D0D2;
  background-color: var(--pink);
  color: var(--red);
}

.expertise__project-menu-item.active .expertise__project-menu-title {
  color: var(--black);
}

.expertise__project-menu-item.active .expertise__project-menu-subtitle {
  color: #707681;
}

.expertise__project-menu-item.active .expertise__project-menu-address {
  color: var(--black);
  opacity: 1;
}

.expertise__project-menu-item.active .expertise__project-menu-address-ico {
  color: var(--red);
}

.expertise__project-menu-tag {
  color: #707681;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  border-radius: 6px;
  padding: 4px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.expertise__project-menu-title {
  margin-top: 12px;
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.expertise__project-menu-subtitle {
  margin-top: 5px;
  color: #707681;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.expertise__project-menu-address {
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #707681;
  opacity: 0.7;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.expertise__project-menu-address-ico {
  color: #707681;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.expertise__project-content {
  background-color: #FAFAFA;
  border: 1px solid #E9EAEB;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 6px;
  height: 100%;
}

.expertise__project-content-head {
  border-bottom: 1px solid #E6E6E6;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.expertise__project-content-head-title {
  color: #A7AAAE;
}

.expertise__project-content-head-tags {
  color: #A7AAAE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.expertise__project-content-head-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.expertise__project-content-head-point {
  width: 6px;
  height: 6px;
  background-color: #A7AAAE;
  border-radius: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.expertise__project-content-body {
  padding: 24px 24px 38px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.expertise__project-content-body-left {
  width: 52%;
}

.expertise__project-content-body-left .industry__content-bottom-item {
  width: 100%;
}

.expertise__project-content-body-left .industry__content-bottom-item:nth-child(2) {
  margin-top: 32px;
}

.expertise__project-content-body-left-card {
  margin-top: 24px;
  padding: 28px 32px;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.expertise__project-content-body-left-card-list {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 12px;
}

.expertise__project-content-body-left-card-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  padding: 4px 0px 8px 0px;
  border-bottom: 1px solid #E6E6E6;
}

.expertise__project-content-body-left-card-list-item-title {
  color: #707681;
}

.expertise__project-content-body-left-card-list-item-value {
  color: var(--green);
}

.expertise__project-content-body-right {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.expertise__project-content-body-right-block {
  padding: 28px 32px 0px 28px;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.expertise__project-content-body-right-block-title {
  margin-top: 16px;
}

.expertise__project-content-body-right-block-subtitle {
  margin-top: 5px;
  color: #A7AAAE;
}

.expertise__project-content-body-right-block-text {
  margin-top: 24px;
}

.expertise__project-content-body-right-block-name {
  margin-top: 16px;
}

.expertise__project-content-body-right-block-position {
  margin-top: 5px;
  color: #707681;
}

.expertise__project-content-body-img-wrapper {
  height: 306px;
}

.expertise__project-content-body-img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.infrastructure {
  position: relative;
}

.infrastructure__container {
  position: relative;
  z-index: 2;
}

.infrastructure__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.infrastructure__tabs-wrapper {
  max-width: 341px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.infrastructure__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.infrastructure__tab {
  padding: 24px 32px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  background-color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.infrastructure__tab-tag {
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  color: #707681;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 12px;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.infrastructure__tab:hover,
.infrastructure__tab.active {
  border-color: var(--red);
  outline-color: var(--red);
}

.infrastructure__tab:hover .infrastructure__tab-tag,
.infrastructure__tab.active .infrastructure__tab-tag {
  border-color: #E0D0D2;
  background-color: #F4E8E9;
  color: var(--red);
}

.infrastructure__menu-title {
  margin-top: 12px;
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.infrastructure__menu-subtitle {
  margin-top: 5px;
  color: #A2A7AF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.infrastructure__menu-card {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  padding: 24px 32px;
  border-radius: 8px;
  margin-top: 12px;
}

.infrastructure__menu-card-description {
  margin-top: 8px;
  color: #707681;
}

.infrastructure__content-item {
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  height: 100%;
}

.infrastructure__content-item-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
}

.infrastructure__content-item-left-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
  height: 100%;
}

.infrastructure__content-item-left-tag {
  color: #A7AAAE;
}

.infrastructure__content-item-left-title {
  margin-top: 12px;
}

.infrastructure__content-item-left-description {
  margin-top: 20px;
  color: #494747;
}

.infrastructure__content-item-right {
  width: 50%;
  background-color: #F5F5F5;
  position: relative;
}

.infrastructure__content-item-right:hover > img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.infrastructure__content-item-right > img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}

.infrastructure__content-item-right-tag {
  position: absolute;
  top: 24px;
  left: 32px;
  z-index: 2;
  color: #9c9fa6;
  padding: 8px 12px;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  background-color: #FFFFFF;
}

.infrastructure__content-item-right-btn {
  position: absolute;
  bottom: 24px;
  left: 32px;
  z-index: 2;
}

.infrastructure__tooltips {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.infrastructure__content-bottom {
  margin-top: auto;
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.infrastructure__content-bottom-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  color: #707681;
  padding-bottom: 14px;
  border-bottom: 1px solid #1B1919;
}

.infrastructure__content-bottom-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.infrastructure__content-bottom-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 0px;
  border-bottom: 1px solid #F1F1F1;
  margin-top: 12px;
}

.infrastructure__content-bottom-item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.infrastructure__content-bottom-item-block-title {
  color: #707681;
}

.infrastructure__content-bottom-item-block-description {
  color: #A7AAAE;
}

.infrastructure__content-bottom-item-value {
  color: #494747;
}

.infrastructure__content-place {
  padding: 12px 32px;
  background-color: #FAFAFA;
  border-top: 1px solid #E9EAEB;
  color: #A7AAAE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.documents {
  background-color: #F1F1F1;
}

.documents__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.documents__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 40%;
  background-color: white;
  border-radius: 6px 0px 0px 6px;
  overflow: hidden;
  border-right: 1px solid #E6E6E6;
}

.documents__content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
}

.documents__content-tag {
  position: relative;
}

.documents__content-title {
  margin-top: 12px;
}

.documents__content-desc {
  margin-top: 16px;
  color: #404652;
}

.documents__content-img {
  background-color: #F5F5F5;
  height: 100%;
}

.documents__content-img img {
  pointer-events: none;
}

.documents__tabs-wrapper {
  background-color: white;
  border-radius: 0px 6px 6px 0px;
  width: 67%;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.documents__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.documents__menu-tab {
  padding: 0px 20px;
  height: 60px;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  color: #707681;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.documents__menu-tab.active,
.documents__menu-tab:hover {
  border-color: var(--red);
  outline-color: var(--red);
  color: var(--black);
}

.documents__menu-tab.active .documents__menu-icon,
.documents__menu-tab:hover .documents__menu-icon {
  color: var(--red);
}

.documents__menu-icon {
  fill: transparent;
  color: #8A8D91;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.documents__content-block {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.documents__content-block-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.documents__content-menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 24px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  width: 100%;
}

.documents__content-menu-title {
  color: #707681;
  opacity: 0.7;
}

.documents__content-menu-list {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border: 1px solid #D5D7DA;
  border-radius: 6px;
  background-color: #F1F1F1;
}

.documents__content-menu-item {
  width: 100%;
  padding: 10px;
  color: #707681;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  border-radius: 6px;
  border: 1px solid transparent;
}

.documents__content-menu-item:hover,
.documents__content-menu-item.active {
  background-color: white;
  color: var(--black);
  border-left: 1px solid #D5D7DA;
  border-right: 1px solid #D5D7DA;
}

.documents__content-menu-item:hover:nth-child(1),
.documents__content-menu-item.active:nth-child(1) {
  border-left: 1px solid transparent;
}

.documents__content-menu-item:hover:last-child,
.documents__content-menu-item.active:last-child {
  border-right: 1px solid transparent;
}

.documents__content-menu-ul.active {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}

.documents__content-menu-ul-wrapper {
  margin-top: 24px;
}

.documents__content-menu-ul-item {
  padding: 6px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #707681;
}

.documents__content-menu-ul-item::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: var(--red);
}

.documents__content-menu-packet {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 32px;
}

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

.documents__content-menu-packet-title {
  color: #707681;
  opacity: 0.7;
}

.documents__content-menu-packet-content-item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  background-color: #FAFAFA;
}

.documents__content-menu-packet-content {
  margin-top: 20px;
}

.documents__content-menu-packet-content-title {
  color: #707681;
  opacity: 0.7;
}

.documents__content-menu-packet-content-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.documents__content-menu-packet-content-item-download {
  margin-top: 32px;
}

.document-check__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 0px 8px 0px;
  border-bottom: 1px solid #E6E6E6;
}

.document-check__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 10px;
  padding-top: 12px;
  border-top: 1px solid var(--black);
}

.send-form__check-box.black .document-check__item-text {
  color: var(--black) !important;
}

.document-check__desc {
  color: #707681;
}

.peoples {
  background-color: #F1F1F1;
}

.peoples__content {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.peoples__content-left {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.peoples__content-left:hover .peoples__person-img img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.peoples__content-right {
  width: 50%;
  height: auto;
  background-color: white;
  padding: 48px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.peoples__content-right-tag {
  color: #A7AAAE;
}

.peoples__content-right-title {
  color: var(--black);
  margin-top: 12px;
}

.peoples__content-right-text {
  color: #494747;
  margin-top: 20px;
}

.peoples__content-right-block {
  background-color: #FAFAFA;
  border: 1px solid #F1F1F1;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
  margin-bottom: 32px;
  padding: 20px 24px;
}

.peoples__content-right-block-title {
  margin-top: 12px;
  color: #494747;
}

.peoples__content-right-btn {
  margin-top: auto;
  padding: 12px 57px;
}

.peoples__person-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border-radius: 6px;
  padding: 32px;
}

.peoples__person {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.peoples__person-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.peoples__person-block-name {
  margin-top: auto;
  color: var(--black);
}

.peoples__person-block-position {
  margin-top: 4px;
  color: #6C6C6C;
  opacity: 0.7;
}

.peoples__person-img {
  width: 272px;
  height: 272px;
  border-radius: 6px;
  overflow: hidden;
}

.peoples__person-img img {
  pointer-events: none;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.peoples__person-text-wrapper {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.peoples__person-text {
  color: #494747;
}

.peoples__content-question {
  margin-top: 24px;
  background-color: var(--black);
  padding: 24px 32px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.peoples__content-question-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 351px;
}

.peoples__content-question-block-title {
  margin-top: 12px;
  color: white;
}

.peoples__content-question-block-text {
  margin-top: 20px;
  color: #A7AAAE;
}

.peoples__content-question-btn {
  margin-top: auto;
  margin-left: auto;
  padding: 12px 42px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.faq {
  position: relative;
}

.faq__container {
  position: relative;
  z-index: 2;
}

.faq__content-wrapper {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.faq__form {
  width: 464px;
  padding: 32px;
  border-radius: 12px;
}

.faq__form-title {
  color: white;
  margin-top: 12px;
}

.faq__form-description-mini {
  color: #A7AAAE;
  margin-top: 4px;
  margin-bottom: 32px;
}

.faq__form-btn {
  width: 100%;
  margin-top: 20px;
}

.faq__form-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 48px;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.faq__form-contacts-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.faq__form-contacts-text {
  color: #A7AAAE;
  opacity: 0.7;
}

.faq__form-contacts-link {
  color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.faq__form-contacts-link:hover {
  color: var(--red);
}

.faq__form-contacts-icon {
  background-color: var(--red);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
}

.faq__content {
  width: 100%;
}

.faq__content .accordion__block {
  border-radius: 6px 6px 0px 0px;
}

.faq__content-more {
  padding: 12px 20px;
  background-color: #F8F8F8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #E9EAEB;
  border-right: 1px solid #E9EAEB;
  border-bottom: 1px solid #E9EAEB;
}

.faq__content-more-text {
  color: #A7AAAE;
}

.faq__form-check-wrapper {
  margin-top: 20px;
}

.news-block {
  position: relative;
}

.news-block__container {
  position: relative;
  z-index: 2;
}

.news-block__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.news-block__block-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
}

.news-block__text {
  color: #707681;
  padding: 12px 16px;
}

.news-block__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.news-block__item {
  border: 1px solid #E6E6E6;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0px;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.news-block__item:hover img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.news-block__item .news-block__item-wrapper {
  padding: 20px 24px;
}

.news-block__item .news-block__item-person-wrapper {
  padding: 20px 24px;
}

.news-block__item:not(.news-block__item_main) .news-block__item-img {
  display: none;
}

.news-block__item:not(.news-block__item_main) .news-block__item-person-wrapper {
  width: 200px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-left: 1px solid #E6E6E6;
}

.news-block__item_main {
  width: 585px;
  min-width: 585px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
}

.news-block__item_main .news-block__item-wrapper {
  padding: 0px;
}

.news-block__item_main .news-block__item-person-wrapper {
  padding: 0px;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid #EAECF0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.news-block__item-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.news-block__tag-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.news-block__id {
  color: #A7AAAE;
}

.news-block__item-title {
  margin-top: 12px;
}

.news-block__item-description {
  margin-top: 24px;
  color: #707681;
}

.news-block__item-list {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.news-block__item-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 4px 0px 8px 0px;
  border-bottom: 1px solid #E6E6E6;
}

.news-block__item-list-item-title {
  color: #707681;
  opacity: 0.7;
}

.news-block__item-list-item-description {
  color: #494747;
}

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

.news-block__item-person-img {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F1F1F1;
  border-radius: 100px;
  overflow: hidden;
}

.news-block__item-person-img img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.news-block__item-person-title {
  color: #A2A7AF;
  margin-top: 8px;
}

.news-block__item-person-name {
  color: #404652;
  margin-top: 2px;
}

.news-block__item-person-tags {
  padding-top: 24px;
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.news-block__item-person-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #707681;
}

.news-block__item-img {
  overflow: hidden;
  width: 304px;
  height: 178px;
  border-radius: 6px;
}

.news-block__item-img img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.news-block__other-cards {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.news-block__item-more-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding: 24px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  max-width: 282px;
}

.news-block__item-more-content-title {
  color: var(--green);
}

.news-block__item-more-content-description {
  color: #707681;
}

.news-block__item-case {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 32px;
  padding-top: 32px;
  border-top: 1px solid #EAECF0;
}

.news-block__item-case-btn {
  width: 70%;
}

.news-block__item-case-btn-second {
  width: 30%;
}

.reports {
  padding: 32px 0px 112px 0px;
}

.reports__content {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.reports__content-card {
  width: 40%;
}

.reports__content-card .news-block__item_main {
  width: 100%;
}

.reports__accordion {
  width: 100%;
  max-width: 831px;
}

.reports__accordion .accordion__block {
  border-radius: 0px 0px 6px 6px;
}

.reports__accordion-title {
  padding: 12px 32px;
  background-color: #FAFAFA;
  border-top: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-radius: 6px 6px 0px 0px;
}

.reports__accordion-title-text {
  color: #707681;
  opacity: 0.7;
}

.reports .accordion__content-description {
  color: #707681;
  padding-top: 20px;
  border-top: 1px solid #E6E6E6;
}

.innovation {
  padding: 112px 0px 32px 0px;
}

.innovation__formats {
  margin-top: 20px;
}

.innovation__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.innovation__block-title {
  color: #707681;
}

.innovation__formats-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.innovation__format {
  overflow: hidden;
  position: relative;
  padding: 28px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  gap: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.innovation__format:hover .innovation__format-img {
  opacity: 1;
  pointer-events: auto;
}

.innovation__format-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}

.innovation__format-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.innovation__format-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.innovation__format-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.innovation__format-content-description {
  margin-top: 8px;
  color: #A7AAAE;
}

.innovation__format-bottom {
  margin-top: auto;
  padding-top: 22px;
  border-top: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.innovation__format-bottom-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.innovation__events {
  margin-top: 48px;
}

.innovation__events-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.innovation__event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
}

.innovation__event:hover .innovation__event-img img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.innovation__event-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 26px 32px;
  border-bottom: 1px solid #E6E6E6;
}

.innovation__event-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.innovation__event-head-date-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 4px;
}

.innovation__event-head-date-point {
  margin: 0px 8px;
  background-color: #D5D7DA;
  width: 6px;
  height: 6px;
  border-radius: 100px;
}

.innovation__event-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.innovation__event-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 28px 32px;
}

.innovation__event-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.innovation__event-img {
  width: 161px;
  height: 116px;
  background-color: #F3F3F3;
  border-radius: 8px;
  overflow: hidden;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.innovation__event-img img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.innovation__event-content-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.innovation__event-description {
  color: #707681;
  opacity: 0.7;
  margin-top: 8px;
}

.innovation__event-bottom {
  margin-top: auto;
  padding-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.algorithm {
  background-color: #F1F1F1;
}

.algorithm__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.algorithm__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  padding: 48px;
  width: 55%;
  border-radius: 12px;
}

.algorithm__tab-menu {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #F1F1F1;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  overflow: hidden;
}

.algorithm__tab-menu-item {
  width: 100%;
  color: #707681;
  border-radius: 6px;
  background-color: #F1F1F1;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid transparent;
}

.algorithm__tab-menu-item:hover,
.algorithm__tab-menu-item.active {
  background-color: white;
  color: var(--black);
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
}

.algorithm__tab-menu-item:hover:first-child,
.algorithm__tab-menu-item.active:first-child {
  border-left: 1px solid transparent;
}

.algorithm__tab-menu-item:hover:last-child,
.algorithm__tab-menu-item.active:last-child {
  border-right: 1px solid transparent;
}

.algorithm__content-wrapper {
  margin-top: 16px;
}

.algorithm__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.algorithm__content-title {
  color: #494747;
}

.algorithm__content-lines {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.algorithm__content-line {
  width: 100%;
  height: 2px;
  -webkit-transition: 1s;
  transition: 1s;
  background-color: transparent;
}

.algorithm__content-line.active {
  background-color: var(--red);
}

.algorithm__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
}

.algorithm__card {
  padding-top: 20px;
}

.algorithm__card:nth-child(n+1) {
  border-top: 1px solid #E6E6E6;
}

.algorithm__card.active .algorithm__card-icon svg {
  color: var(--red);
}

.algorithm__card.active .algorithm__card-title {
  color: var(--black);
}

.algorithm__card.active .algorithm__card-description {
  color: #494747;
}

.algorithm__card.active .algorithm__card-number {
  color: var(--red);
}

.algorithm__card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.algorithm__card-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: #FAFAFA;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.algorithm__card-icon svg {
  color: #A7AAAE;
  fill: transparent;
  -webkit-transition: 1s;
  transition: 1s;
}

.algorithm__card-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-left: 20px;
}

.algorithm__card-title {
  -webkit-transition: 1s;
  transition: 1s;
  color: #404652;
}

.algorithm__card-subtitle {
  color: #707681;
}

.algorithm__card-number {
  -webkit-transition: 1s;
  transition: 1s;
  margin-left: auto;
  padding-left: 24px;
  color: #A7AAAE;
}

.algorithm__card-description {
  -webkit-transition: 1s;
  transition: 1s;
  color: #707681;
}

.algorithm__form-wrapper {
  display: block;
  width: 45%;
}

.algorithm__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 44px;
  border-radius: 12px;
}

.algorithm__form-tag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 4px 16px;
  border-radius: 6px;
  background-color: var(--red);
  line-height: 1;
}

.algorithm__form-tag img {
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
}

.algorithm__form-title {
  color: #FFFFFF;
  margin-top: 12px;
}

.algorithm__form-description {
  color: #A7AAAE;
  margin-top: 16px;
  max-width: 450px;
}

.algorithm__form-download {
  color: #FFFFFF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.algorithm__form-download:hover {
  opacity: 0.6;
}

.algorithm__form-contacts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #494747;
  padding-bottom: 32px;
}

.algorithm__form-contacts-ico {
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background-color: var(--red);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.algorithm__form-contacts-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.algorithm__form-contacts-link {
  color: #FFFFFF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.algorithm__form-contacts-link:hover {
  color: var(--red);
}

.algorithm__form-contacts-text {
  color: #B1B1B1;
}

.algorithm__form-check-wrapper {
  margin-top: 12px;
}

.algorithm__form-btn {
  margin-top: 24px;
}

.breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.breadcrumbs__item {
  color: #8A8D91;
}

.breadcrumbs__item-separator {
  color: #8A8D91;
}

/** Sysmatrix Lab Page */

.lab-hero {
  position: relative;
}

.lab-hero__container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.lab-hero__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 679px;
  width: 100%;
}

.lab-hero__title {
  line-height: 1 !important;
  margin-top: 28px;
}

.lab-hero__btn {
  margin-top: 52px;
}

.lab-hero__media {
  max-width: 631px;
  width: 100%;
}

.lab-hero__video-wrapper {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  height: 386px;
}

.lab-hero__video-wrapper:hover .lab-hero__video-object {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.lab-hero__video {
  width: 100%;
  height: 100%;
}

.lab-hero__video-object {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}

.lab-hero__video-play {
  position: absolute;
  z-index: 2;
}

.lab-hero__video-text {
  position: absolute;
  z-index: 2;
  top: 24px;
  left: 24px;
  background-color: rgba(13, 12, 12, 0.4392156863);
  backdrop-filter: blur(12px);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.lab-hero__video-text-title {
  background-color: #E6E6E6;
  border: 1px solid #D5D7DA;
  color: #6C6C6C;
  padding: 5px 8px;
  border-radius: 6px;
}

.lab-hero__video-text-description {
  color: #A7AAAE;
  padding: 5px 42px 5px 12px;
}

.lab-hero__media-cards {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}

.lab-hero__media-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
}

.lab-hero__media-card-point {
  width: 12px;
  height: 12px;
  background-color: var(--red);
  border-radius: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-top: 8px;
}

.lab-hero__media-card-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.lab-hero__media-card-content-text {
  color: #707681;
}

.lab-hero__content-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.lab-hero__content-description {
  color: #707681;
}

.lab-hero__description {
  margin-top: 32px;
}

.lab-hero__description-text {
  margin-top: 12px;
}

.center {
  position: relative;
}

.center__container {
  position: relative;
  z-index: 2;
}

.center__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 41px;
}

.center__about {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.center__description {
  margin-top: 24px;
}

.center__anim {
  margin: 40px 0px;
}

.center__anim .center-anim-node-stroke {
  -webkit-transition: 1s;
  transition: 1s;
}

.center__anim .center-anim-node.is-active:not([data-tab="1"]) .center-anim-node-stroke,
.center__anim .center-anim-node.is-active:not([data-tab="1"]).center-anim-node-stroke {
  stroke: var(--red);
  stroke-width: 1;
}

.center__anim .center-anim-node {
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
          filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.08));
}

.center__anim .center-anim-arrow[data-target] {
  stroke: #A7AAAE;
  -webkit-transition: 1s;
  transition: 1s;
}

.center__anim .center-anim-arrow[data-target].is-active {
  fill: var(--red);
}

.center__anim .center-anim-arrow-tocenter.is-active {
  fill: var(--red);
}

.center__anim .center-anim-arrow[data-target].is-active {
  stroke: var(--red);
  stroke-width: 1.1;
  paint-order: fill stroke;
  fill: var(--red);
  -webkit-transition: 1s;
  transition: 1s;
}

.center__about-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 24px;
  border-left: 4px solid var(--red);
  gap: 8px;
}

.center__tabs-wrapper {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 8px;
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.center__tabs-top {
  background-color: var(--black);
  color: #bababa;
  padding: 12px 32px;
}

.center__tabs-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.center__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.center__tab {
  cursor: pointer;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  background-color: var(--black);
  border-right: 1px solid #383838;
  border-top: 1px solid #383838;
  border-bottom: 1px solid #383838;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.center__tab:last-child {
  border-right: none;
}

.center__tab:hover,
.center__tab.active {
  border-color: white;
  background-color: #FAFAFA;
}

.center__tab:hover .center__tab-number,
.center__tab.active .center__tab-number {
  background-color: var(--red);
  color: white;
  border-color: #E0D0D2;
}

.center__tab:hover .center__tab-title,
.center__tab.active .center__tab-title {
  color: var(--black);
}

.center__tab-number {
  border: 1px solid #707681;
  color: #707681;
  border-radius: 6px;
  padding: 3px 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.center__tab-title {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.center__tab-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  padding: 28px 20px;
  border-radius: 0px 0px 6px 6px;
}

.center__tab-content-tag {
  color: #A7AAAE;
  padding: 0px 24px;
}

.center__tab-content-title {
  margin-top: 4px;
  padding: 0px 24px;
}

.center__tab-content-description {
  margin-top: 12px;
  color: #494747;
  padding: 0px 24px;
}

.center__tab-content-title-list {
  margin-top: 24px;
  padding: 0px 24px;
}

.center__tab-content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0px 24px;
}

.center__tab-content-list-item {
  margin-top: 4px;
  padding: 4px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #707681;
  border-bottom: 1px solid #F1F1F1;
}

.center__tab-content-list-item:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: var(--red);
}

.center__tab-content-list-item:last-child {
  border-bottom: none;
}

.center__tab-content-description-block {
  padding: 24px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  color: #494747;
  margin-top: 24px;
}

.center__tab-content-result {
  margin-top: 24px;
  background-color: #1B1919;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 20px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.center__tab-content-result-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  padding: 4px 16px;
  background-color: var(--red);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  color: #FFFFFF;
}

.center__tab-content-result-description {
  color: #FFFFFF;
}

.center__tab-content-bottom {
  margin-top: 24px;
  padding: 32px;
  background-color: var(--black);
  border-radius: 6px;
  gap: 24px;
}

.center__tab-content-bottom-tag {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.center__tab-content-bottom-description {
  color: white;
}

.scene__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.scene__tabs-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 364px;
  width: 100%;
}

.scene__tabs-title {
  padding: 12px 16px;
  color: #6C6C6C;
  opacity: 0.7;
}

.scene__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.scene__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 24px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  background-color: #FFFFFF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  cursor: pointer;
}

.scene__tab:hover,
.scene__tab.active {
  border-color: var(--red);
  outline-color: var(--red);
}

.scene__tab:hover .scene__tab-content-tag,
.scene__tab.active .scene__tab-content-tag {
  border-color: #E0D0D2;
  color: var(--red);
  background-color: var(--pink);
}

.scene__tab:hover .scene__tab-content-img,
.scene__tab.active .scene__tab-content-img {
  color: var(--red);
}

.scene__tab:hover .scene__tab-content-title,
.scene__tab.active .scene__tab-content-title {
  color: var(--black);
}

.scene__tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.scene__tab-content-tag {
  color: #707681;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
  padding: 4px 12px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.scene__tab-content-title {
  margin-top: 8px;
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.scene__tab-content-desc {
  margin-top: 4px;
  color: #8A8D91;
}

.scene__tab-content-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  fill: transparent;
  color: #8A8D91;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.scene__content-wrapper {
  width: 100%;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}

.scene__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.scene__content-top {
  padding: 24px 54px;
  border-bottom: 1px solid #E6E6E6;
  color: var(--red);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.scene__content-top:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: var(--red);
  width: 6px;
  height: 6px;
  border-radius: 100px;
}

.scene__content-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px 54px;
}

.scene__content-block-desc {
  margin-top: 12px;
  color: #494747;
}

.scene__accordion {
  margin-top: 34px;
  padding-left: 44px;
}

.scene__accordion-item {
  position: relative;
}

.scene__accordion-item.uk-open:before {
  background-color: var(--red);
  border-color: #F4E8E9;
}

.scene__accordion-item:before {
  left: -44px;
  position: absolute;
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #A7AAAE;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  border: 6px solid white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 2;
}

.scene__accordion-item:after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #e6e6e6;
  width: 1px;
  top: 24px;
  left: -32px;
  position: absolute;
  height: 100%;
  z-index: 1;
}

.scene__accordion-item:last-child:after {
  display: none;
}

.scene__accordion-title:before {
  display: none;
}

.scene__accordion-content {
  margin-top: 8px;
}

.scene__btn {
  margin-top: 40px;
}

.academ {
  padding: 72px 0px 64px 0px;
}

.academ__content {
  margin-top: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.academ__skills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 65%;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
}

.academ__skills-top {
  padding: 32px 32px 24px 32px;
  background-color: #F5F5F5;
  border-bottom: 1px solid #E6E6E6;
}

.academ__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #FAFAFA;
}

.academ__card {
  padding: 24px 32px 32px 32px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.academ__card:nth-child(1) {
  border-right: 1px solid #E6E6E6;
}

.academ__card-title {
  margin-top: 16px;
}

.academ__card-blockquote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
  background-color: #F5F5F5;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  padding: 16px;
  margin-top: 20px;
  color: #494747;
}

.academ__card-description {
  color: #494747;
  margin-top: 20px;
  margin-bottom: 32px;
}

.academ__card-formats {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px solid var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.academ__card-formats-item {
  padding: 4px 0px 8px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid #E9EAEB;
}

.academ__card-formats-item-title {
  color: #707681;
  opacity: 0.7;
}

.academ__card-formats-item-value {
  color: #404652;
}

.academ__card-list {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.academ__card-list-item {
  padding: 6px 0px 6px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #707681;
}

.academ__card-list-item:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--red);
  border-radius: 100px;
}

.academ__networking {
  position: relative;
  width: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 6px;
  border: 1px solid #494747;
}

.academ__networking-top {
  position: relative;
  z-index: 2;
  padding: 32px 32px 24px 32px;
  color: white;
  border-bottom: 1px solid #494747;
}

.academ__networking-content {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px 32px 32px;
  height: 100%;
}

.academ__networking-title {
  color: white;
  margin-top: 16px;
}

.academ__networking-description {
  margin-top: 20px;
  color: #D5D7DA;
  margin-bottom: 32px;
}

.academ__networking-list {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding-top: 12px;
  border-top: 1px solid #494747;
}

.academ__networking-list-item {
  padding: 6px 0px 6px 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: white;
}

.academ__networking-list-item:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--red);
  border-radius: 100px;
}

.academ__networking-img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-filter: brightness(0.32) grayscale(30%);
          filter: brightness(0.32) grayscale(30%);
}

.calendar__main-tabs {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  border-radius: 6px;
}

.calendar__main-tab {
  padding: 14px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #707681;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid transparent;
}

.calendar__main-tab.active,
.calendar__main-tab:hover {
  color: var(--black);
  background-color: white;
  border-right: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
}

.calendar__main-tab.active:nth-child(1),
.calendar__main-tab:hover:nth-child(1) {
  border-right: 1px solid #E6E6E6;
  border-left: 1px solid transparent;
}

.calendar__main-tab.active:last-child,
.calendar__main-tab:hover:last-child {
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid transparent;
}

.calendar__content-wraper {
  margin-top: 24px;
}

.calendar__object-wrapper {
  width: 50%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
}

.calendar__object-wrapper .vc {
  border-radius: 0px;
  padding: 32px;
  height: 485px;
  background-color: transparent !important;
}

.calendar__object-wrapper .vc-header {
  margin-bottom: 24px !important;
}

.calendar__object-wrapper .vc-header__content {
  padding: 0px;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.calendar__object-wrapper .vc-header__content button {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: var(--black);
  font-family: "FiraSans", sans-serif !important;
}

.calendar__object-wrapper .vc-arrow {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  -webkit-filter: brightness(0.7);
          filter: brightness(0.7);
}

.calendar__object-wrapper .vc-arrow_prev {
  margin-right: 12px;
}

.calendar__object-wrapper .vc-week {
  margin-bottom: 27px;
}

.calendar__object-wrapper .vc-week__day {
  color: #707681 !important;
  opacity: 0.7 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  font-family: "RobotoMono", sans-serif !important;
  padding: 12px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
}

.calendar__object-wrapper .vc-wrapper {
  border-top: 1px solid var(--black);
}

.calendar__object-wrapper .vc-dates__row {
  height: 100%;
  gap: 8px;
}

.calendar__object-wrapper .vc-date {
  height: 100%;
  padding: 0px !important;
}

.calendar__object-wrapper .vc-date__btn {
  border-radius: 0px;
  height: 100%;
  width: 100%;
  background-color: transparent !important;
  color: #6C6C6C !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  font-family: "FiraSans", sans-serif !important;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 12px;
  border: 1px solid transparent;
  border-top: 1px solid #E6E6E6;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__object-wrapper .vc-date__btn.cal-event {
  color: var(--black) !important;
}

.calendar__object-wrapper .vc-date__btn.cal-event_workshop:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 12px;
  top: 9px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 12px solid currentColor;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.calendar__object-wrapper .vc-date__btn.cal-event_negotiation:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 12px;
  top: 9px;
  width: 12px;
  height: 12px;
  border-radius: 3px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.calendar__object-wrapper .vc-date__btn.cal-event_case-review:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 12px;
  top: 9px;
  width: 12px;
  height: 12px;
  border-radius: 100px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.calendar__object-wrapper .vc-date__btn.cal-event_online {
  border: 1px solid var(--red);
  border-radius: 6px;
}

.calendar__object-wrapper .vc-date__btn.cal-event_online:before {
  background-color: var(--red);
}

.calendar__object-wrapper .vc-date__btn.cal-event_online.cal-event_workshop:before {
  background-color: transparent;
  border-bottom: 12px solid var(--red);
}

.calendar__object-wrapper .vc-date__btn.cal-event_offline {
  border: 1px solid var(--green);
  border-radius: 6px;
}

.calendar__object-wrapper .vc-date__btn.cal-event_offline:before {
  background-color: var(--green);
}

.calendar__object-wrapper .vc-date__btn.cal-event_offline.cal-event_workshop:before {
  background-color: transparent;
  border-bottom: 12px solid var(--green);
}

.calendar__object-wrapper .vc-date__btn[aria-selected=true] {
  border: 1px solid var(--green);
  border-radius: 6px;
}

.calendar__object-wrapper .vc-date__btn.cal-bron_booked,
.calendar__object-wrapper .vc-date__btn.vc-date__btn_disabled,
.calendar__object-wrapper .vc-date__btn[disabled] {
  border: 1px solid #D5D7DA;
  background-color: #F4E8E9 !important;
  color: var(--black);
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  border-radius: 6px;
}

.calendar__object-wrapper .vc-date__btn.cal-bron_free {
  border: 1px solid #D5D7DA;
  background-color: #FAFAFA !important;
  color: var(--black);
  pointer-events: none !important;
  cursor: not-allowed !important;
  opacity: 1 !important;
  border-radius: 6px;
}

.calendar__object-wrapper .vc-month,
.calendar__object-wrapper .vc-year {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__object-wrapper .vc-month:hover,
.calendar__object-wrapper .vc-year:hover {
  color: #6C6C6C !important;
}

.calendar__object-wrapper .vc-years__year,
.calendar__object-wrapper .vc-months__month {
  height: 100%;
  color: var(--black) !important;
  border-radius: 0px;
  background-color: transparent !important;
  font-size: 20px;
  font-weight: 400;
  line-height: 1;
  font-family: "FiraSans", sans-serif !important;
  color: #6C6C6C !important;
  border-top: 1px solid #E6E6E6;
}

.calendar__object-wrapper .vc-years,
.calendar__object-wrapper .vc-months {
  margin-top: 24px;
}

.calendar__object-bottom {
  padding: 28px 32px;
  background-color: #FAFAFA;
  border-top: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.calendar__object-bottom-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.calendar__object-bottom-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #979797;
}

.calendar__object-bottom-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.calendar__events-wrapper {
  width: 50%;
  padding-left: 24px;
}

.calendar__event-tabs {
  margin: 0px;
}

.calendar__event-tab {
  padding-top: 0px;
  padding-bottom: 0px;
  height: 40px;
}

.calendar__events-content-item {
  margin-top: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.calendar__event {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}

.calendar__event .innovation__event-head-date-point {
  margin: 0px;
}

.calendar__event.noactive .calendar__event-btn {
  pointer-events: none;
  opacity: 0.5;
}

.calendar__event.noactive .calendar__event-place img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.7;
}

.calendar__event.noactive .calendar__event-place span {
  color: #8A8D91;
}

.calendar__event-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding: 20px 32px 16px 32px;
  border-bottom: 1px solid #E6E6E6;
}

.calendar__event-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.calendar__event-tag {
  padding: 4px 8px;
  border-radius: 6px;
}

.calendar__event-tag_green {
  border: 1px solid var(--green);
  color: var(--green);
}

.calendar__event-tag_red {
  border: 1px solid var(--red);
  color: var(--red);
}

.calendar__event-content {
  padding: 16px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.calendar__event-content-tag {
  color: #707681;
  opacity: 0.7;
}

.calendar__event-title {
  margin-top: 2px;
}

.calendar__event-description {
  margin-top: 2px;
  color: #494747;
}

.calendar__event-bottom {
  padding: 0px 32px 16px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.calendar__object-bottom-tag {
  padding: 4px 8px;
  border-radius: 6px;
}

.calendar__object-bottom-tag_red {
  border: 1px solid var(--red);
  color: var(--red);
}

.calendar__object-bottom-tag_green {
  border: 1px solid var(--green);
  color: var(--green);
}

.calendar__event-btn {
  cursor: pointer;
}

.calendar__event-quote {
  margin: 12px 0px 8px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #494747;
  border-bottom: 1px solid var(--black);
}

.calendar__object-line-square {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  border-top: 1px solid #D5D7DA;
}

.calendar__object-red-square {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #F4E8E9;
  border: 1px solid #D5D7DA;
}

.calendar__object-white-square {
  width: 12px;
  height: 12px;
  border-radius: 3px;
  background-color: #FAFAFA;
  border: 1px solid #D5D7DA;
}

.calendar__object-wrapper-bron {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.calendar__object-wrapper-bron .calendar__object-wrapper {
  width: 100%;
}

.calendar__object-bron-btn {
  cursor: pointer;
}

.calendar__about-list {
  width: 50%;
  padding-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.calendar__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}

.calendar__about-top {
  padding: 12px 32px;
  background-color: #FAFAFA;
  border-bottom: 1px solid #E6E6E6;
  color: #999ea4;
}

.calendar__about-content {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.calendar__about-content-wrapper {
  margin-top: 32px;
}

.calendar__about-content-item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.calendar__about-content-description {
  margin-top: 20px;
  color: #404652;
  max-width: 512px;
}

.calendar__accordion {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.calendar__accordion-item {
  margin: 0px !important;
  padding: 24px 32px;
  border: 1px solid #E9EAEB;
  outline: 1px solid transparent;
  border-radius: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__accordion-item.uk-open {
  border-color: var(--red);
  outline-color: var(--red);
}

.calendar__accordion-item.uk-open .calendar__accordion-title-icon {
  color: var(--red);
}

.calendar__accordion-item.uk-open .calendar__accordion-title {
  color: var(--black);
}

.calendar__accordion-item.uk-open .calendar__accordion-subtitle {
  color: var(--red);
}

.calendar__accordion-title {
  color: #404652;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__accordion-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  width: 100%;
}

.calendar__accordion-link:before {
  display: none;
}

.calendar__accordion-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.calendar__accordion-subtitle {
  color: #A2A7AF;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__accordion-title-icon {
  fill: transparent;
  color: #6B7280;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
}

.calendar__steps-lines {
  position: relative;
  height: 2px;
  background-color: #E1E3E6;
  border-radius: 2px;
  overflow: hidden;
}

.calendar__steps-progress {
  --fill: 0%;
  position: absolute;
  inset: 0 auto 0 0;
  width: var(--fill);
  background-color: var(--red);
  border-radius: 2px;
  -webkit-transition: width 0.7s ease;
  transition: width 0.7s ease;
}

.calendar__steps-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 32px;
  margin-top: 20px;
}

.calendar__steps-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  border-top: 1px solid #E1E3E6;
}

.calendar__steps-item:nth-child(1) {
  border-top: none;
  padding-top: 0px;
}

.calendar__steps-item.active .calendar__steps-item-content-title {
  color: var(--black);
}

.calendar__steps-item.active .calendar__steps-item-content-description {
  color: #404652;
}

.calendar__steps-item.active .calendar__steps-item-number {
  color: var(--red);
}

.calendar__steps-item.active .calendar__steps-item-icon {
  color: var(--red);
}

.calendar__steps-item-icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: #E9EAEB;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.calendar__steps-item-icon {
  fill: transparent;
  color: #8B919A;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__steps-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-left: 20px;
  margin-right: 24px;
}

.calendar__steps-item-content-title {
  color: #404652;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__steps-item-content-description {
  color: #707681;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calendar__steps-item-number {
  margin-left: auto;
  color: #8B919A;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.lab-form {
  background-color: #FAFAFA;
}

.lab-form__content {
  border-radius: 12px;
  background-color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 80px 175px;
}

.lab-form__data {
  max-width: 500px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.lab-form__title {
  color: white;
  margin-top: 12px;
}

.lab-form__description {
  color: #A7AAAE;
  margin-bottom: 32px;
  margin-top: 16px;
}

.lab-form__data-contacts {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.lab-form__data-contacts .faq__form-contacts {
  margin-top: 0px;
}

.lab-form__data-contacts .faq__form-contacts:nth-child(1) {
  padding-top: 0px;
  border-top: none;
}

.lab-form__form {
  max-width: 500px;
  width: 100%;
}

.flip-from {
  background: rgba(0, 0, 0, 0.75);
}

.flip-from__container {
  max-width: 710px !important;
  width: 100%;
  padding: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FFFFFF;
}

.flip-from__close {
  top: 60px;
  right: 60px;
  color: var(--black) !important;
  scale: 1.4;
  opacity: 0.7 !important;
}

.flip-from__tag {
  padding: 4px 16px;
  background-color: var(--red);
  color: #FFFFFF;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}

.flip-from__subtitle {
  margin-top: 32px;
  color: #707681;
}

.flip-from__title {
  color: var(--black);
  margin-top: 4px;
  max-width: 538px;
}

.flip-from__title.single {
  margin-top: 32px;
}

.flip-from__description {
  color: var(--black);
  margin-top: 16px;
  max-width: 538px;
}

.flip-from__form {
  margin-top: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.flip-from__description-small {
  margin-top: 12px;
  color: var(--black);
}

.flip-from .send-form__btn {
  width: 100%;
}

/** About Page */

.about-hero {
  position: relative;
}

.about-hero__media {
  display: -ms-grid;
  display: grid;
  gap: 24px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  max-width: 774px;
}

.about-hero__media-card {
  position: relative;
  height: 228px;
  border-radius: 8px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-hero__media-card:hover .about-hero__media-description {
  opacity: 1;
}

.about-hero__media-card:hover .about-hero__media-img {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
}

.about-hero__media-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 2;
  padding: 5px 8px;
  background-color: #E6E6E6;
  color: #6C6C6C;
  border: 1px solid #D5D7DA;
  border-radius: 6px;
  margin-top: 18px;
  margin-left: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.about-hero__media-description {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
  position: relative;
  z-index: 2;
  padding: 24px 24px 26px 24px;
  margin-top: auto;
  color: white;
}

.about-hero__media-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.about-hero__media-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.about-hero__media-text-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.about-hero__media-text-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-hero__media-text-title {
  color: #494747;
}

.about-hero__media-text-name {
  margin-top: 32px;
}

.about-hero__media-text-position {
  color: #6C6C6C;
  margin-top: 4px;
}

.about-hero__content {
  max-width: 564px;
}

.mission__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 44px;
  margin-top: 64px;
}

.mission__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mission__card.active .mission__card-number,
.mission__card.is-entering .mission__card-number {
  color: var(--red);
}

.mission__card.active .mission__card-title-icon-img,
.mission__card.is-entering .mission__card-title-icon-img {
  color: var(--red);
}

.mission__card-number {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mission__card-line {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #E6E6E6;
  margin-top: 16px;
  margin-bottom: 28px;
}

.mission__card-line::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--red);
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.mission__card.active .mission__card-line::after {
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

.mission__card.is-entering .mission__card-line::after {
  -webkit-animation: mission-line-fill 2.5s ease forwards;
          animation: mission-line-fill 2.5s ease forwards;
}

.mission__card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.mission__card-title-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: #F5F5F5;
}

.mission__card-title-icon-img {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.mission__card-title-text {
  color: #1B1919;
}

.mission__card-description {
  margin-top: 24px;
}

@-webkit-keyframes mission-line-fill {
  from {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }

  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

@keyframes mission-line-fill {
  from {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }

  to {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

.timeline__content {
  margin-top: 64px;
}

.timeline__tab-content {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.timeline__tab-content.active {
  display: -ms-grid;
  display: grid;
}

.timeline__tab-card {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  padding: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.timeline__tab-card-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.timeline__tab-card-title {
  margin-top: 24px;
}

.timeline__tab-card-description {
  color: #6C6C6C;
  margin-top: 8px;
}

.timeline__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 92px;
  padding-left: 65px;
}

.timeline__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  cursor: pointer;
  position: relative;
}

.timeline__tab.active .timeline__point-wrapper {
  width: 109px;
  height: 109px;
  top: -8px;
}

.timeline__tab.active .timeline__point {
  width: 97px;
  height: 97px;
  border: 4px solid var(--black);
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.timeline__tab.active .timeline__point-number {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) translateY(0);
      -ms-transform: translate(-50%, -50%) translateY(0);
          transform: translate(-50%, -50%) translateY(0);
}

.timeline__tab.active .timeline__year {
  opacity: 0;
  -webkit-transform: translateX(-14px) translateY(-12px);
      -ms-transform: translateX(-14px) translateY(-12px);
          transform: translateX(-14px) translateY(-12px);
}

.timeline__tab.active .timeline__title {
  opacity: 1;
  -webkit-transform: translateX(-32px) translateY(0);
      -ms-transform: translateX(-32px) translateY(0);
          transform: translateX(-32px) translateY(0);
}

.timeline__tab.active .timeline__description {
  opacity: 0.7;
  -webkit-transform: translateX(-32px) translateY(0);
      -ms-transform: translateX(-32px) translateY(0);
          transform: translateX(-32px) translateY(0);
}

.timeline__tab::before {
  content: "";
  display: block;
  width: calc(100% + 40px);
  height: 1px;
  /* Контролируем длину штрихов и расстояние между ними */
  background: repeating-linear-gradient(to right, #A7AAAE 0, #A7AAAE 7px, transparent 7px, transparent 15px);
  position: absolute;
  top: 45px;
  left: -65px;
}

.timeline__point-wrapper {
  position: absolute;
  /* Якорим центр враппера точки, чтобы при раскрытии круг расширялся из центра */
  left: 15px;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #D5D7DA;
  border-radius: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
  transition: width 0.4s ease, height 0.4s ease, top 0.4s ease, left 0.4s ease;
  top: 30px;
}

.timeline__point {
  background-color: #F5F5F5;
  width: 0px;
  border: 10px solid var(--black);
  height: 0px;
  border-radius: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: width 0.4s ease, height 0.4s ease, border-width 0.4s ease;
  transition: width 0.4s ease, height 0.4s ease, border-width 0.4s ease;
}

.timeline__point-number {
  opacity: 0;
  -webkit-transition: opacity 0.25s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.25s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.25s ease, transform 0.4s ease;
  transition: opacity 0.25s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  -webkit-transform: translate(-50%, -50%) translateY(6px);
      -ms-transform: translate(-50%, -50%) translateY(6px);
          transform: translate(-50%, -50%) translateY(6px);
  position: absolute;
  left: 50%;
  top: 50%;
}

.timeline__year {
  opacity: 1;
  -webkit-transform: translateX(-14px) translateY(0);
      -ms-transform: translateX(-14px) translateY(0);
          transform: translateX(-14px) translateY(0);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  color: #D5D7DA;
  padding-top: 80px;
}

.timeline__title {
  opacity: 0;
  -webkit-transform: translateX(-14px) translateY(12px);
      -ms-transform: translateX(-14px) translateY(12px);
          transform: translateX(-14px) translateY(12px);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}

.timeline__description {
  opacity: 0;
  -webkit-transform: translateX(-14px) translateY(12px);
      -ms-transform: translateX(-14px) translateY(12px);
          transform: translateX(-14px) translateY(12px);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
  margin-top: 4px;
}

.timeline__team-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 100px;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.timeline__team-title {
  max-width: 390px;
}

.timeline__team-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  max-width: 929px;
  width: 100%;
}

.timeline__team-card {
  width: 100%;
  height: 112px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.timeline__team-card:hover {
  border-color: var(--red);
}

.timeline__team-card:hover .timeline__team-card-img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
  opacity: 1;
}

.timeline__team-card-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  opacity: 0.5;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.seminar {
  background-color: #FAFAFA;
}

.seminar__content {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.seminar__content-first {
  width: 100%;
  max-width: 586px;
}

.seminar__content-second {
  max-width: 340px;
  width: 100%;
}

.seminar__content-third {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  max-width: 462px;
}

.seminar__card {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.seminar__card:hover {
  border-color: var(--red);
}

.seminar__card:hover .seminar__card-img img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.seminar__card-title {
  margin-top: 12px;
}

.seminar__card-description {
  margin-top: 12px;
  color: #707681;
  margin-bottom: 28px;
}

.seminar__card-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 28px;
  margin-top: auto;
  gap: 24px;
  border-top: 1px solid #E6E6E6;
}

.seminar__card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  width: 100%;
  margin-top: auto;
}

.seminar__card-tag-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  color: #9ba0a6;
}

.seminar__card-img {
  overflow: hidden;
  border-radius: 6px;
  width: 100%;
  height: 166px;
}

.seminar__card-img img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.seminar__place {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: var(--black);
  padding: 32px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
}

.seminar__place-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.seminar__place-content-description {
  color: white;
}

.partner {
  position: relative;
}

.partner__content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  overflow: hidden;
  border-radius: 12px;
}

.partner__content-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-filter: brightness(0.2);
          filter: brightness(0.2);
}

.partner__content-left {
  width: 53%;
  position: relative;
  z-index: 2;
  padding: 112px 72px 112px 90px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.partner__content-left-title {
  color: white;
}

.partner__content-left-description {
  color: white;
  margin-top: 16px;
}

.partner__content-btn {
  margin-top: 44px;
}

.partner__content-right {
  width: 47%;
  position: relative;
  z-index: 2;
  background-color: #FFFFFF;
  border-radius: 12px;
  border: 1px solid #D5D7DA;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.partner__content-right .peoples__person-wrapper {
  padding: 0px;
}

.partner__content-right .peoples__person-img {
  height: 144px;
  width: 219px;
}

.partner__content-right:hover .peoples__person-img img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.partner__content-right-text {
  margin-top: 12px;
  color: #8A8D91;
}

.partner__content-right-btn {
  margin-top: 32px;
}

/** Supplier Page */

.supplier-hero__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 44px;
}

.supplier-hero__img-wrapper {
  height: 593px;
  overflow: hidden;
  border-radius: 6px;
}

.supplier-hero__img-wrapper:hover > img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.supplier-hero__img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 577px;
  pointer-events: none;
}

.supplier-hero__content {
  width: 819px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.supplier-hero__title {
  line-height: 1;
}

.supplier-hero__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 70px;
  margin-bottom: 28px;
}

.supplier-hero__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.supplier-hero__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
  background-color: #FAFAFA;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  margin-top: auto;
}

.supplier-hero__block-text {
  color: #6C6C6C;
}

.supplier-hero__block-text-accent {
  margin-top: 69px;
  padding-top: 16px;
  border-top: 1px solid #E6E6E6;
}

.supplier-hero__container-bottom {
  margin-top: 44px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.supplier-hero__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 28px;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}

.supplier-hero__item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  line-height: 1;
}

.supplier-hero__item-text {
  color: #A7AAAE;
  margin-top: 24px;
  margin-bottom: 28px;
}

.supplier-hero__item-bottom {
  margin-top: auto;
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  border-top: 1px solid #E6E6E6;
}

.brands {
  background-color: #FAFAFA;
}

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

.brands__filter {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.brands__filter-item {
  padding: 10px 24px;
}

.brands__search {
  border: 1px solid #E6E6E6;
  background-color: white;
  padding: 10px 16px;
  border-radius: 6px;
  max-width: 460px;
  width: 100%;
  height: 44px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.brands__search img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.brands__search-input {
  border: none;
  background-color: transparent;
  width: 100%;
  color: var(--black);
}

.brands__search-input::-webkit-input-placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.brands__search-input::-moz-placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.brands__search-input:-ms-input-placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.brands__search-input::-ms-input-placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.brands__search-input::placeholder {
  color: #A7AAAE;
  opacity: 1;
}

.brands__catalog {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.brands__catalog-top {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.brands__catalog-bottom {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.brands__catalog-card {
  border-radius: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  overflow: hidden;
  border: 1px solid #F1F1F1;
  background-color: #FFFFFF;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.brands__catalog-card_dark .brands__catalog-card-head {
  background-color: var(--black);
  padding: 16px 32px;
}

.brands__catalog-card_dark .brands__catalog-card-pin {
  background-color: var(--red);
  color: white;
  border-color: var(--red);
}

.brands__catalog-card_dark .brands__catalog-card-country {
  color: #FFFFFF;
}

.brands__catalog-card_dark .brands__catalog-card-body {
  padding: 32px;
}

.brands__catalog-card_dark .brands__catalog-card-description {
  margin-top: 32px;
  padding-left: 24px;
}

.brands__catalog-card_dark .brands__catalog-card-footer {
  padding: 24px 32px;
}

.brands__catalog-card-head {
  background-color: #E6E6E6;
  border-bottom: 1px solid #F1F1F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 16px 24px;
}

.brands__catalog-card-pin {
  color: var(--red);
  background-color: var(--pink);
  border: 1px solid #E0D0D2;
  padding: 4px 8px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  line-height: 1;
}

.brands__catalog-card-pin img {
  padding-bottom: 3px;
}

.brands__catalog-card-id {
  color: #8A8D91;
}

.brands__catalog-card-country {
  margin-left: auto;
  color: #494747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  line-height: 1;
}

.brands__catalog-card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
}

.brands__catalog-card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 12px;
}

.brands__catalog-card-description {
  margin-top: 16px;
  color: #494747;
  padding-left: 16px;
  border-left: 1px solid var(--red);
}

.brands__catalog-card-footer {
  padding: 28px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-top: 1px solid #F1F1F1;
}

.brands__catalog-card-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #494747;
  line-height: 1;
  gap: 8px;
}

.business {
  background-color: var(--black);
  border-bottom: 1px solid #383838;
}

.business__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 80px;
}

.business__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
}

.business__title {
  color: white;
  margin-top: 12px;
}

.business__desc {
  color: #A7AAAE;
  margin-top: 16px;
}

.business__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: 48px;
}

.business__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.business__item-icon {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #494747;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.business__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.business__item-title {
  color: white;
}

.business__item-desc {
  color: #A7AAAE;
}

.business__btn {
  margin-top: 48px;
}

.business__steps {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #383838;
  border-radius: 6px;
  overflow: hidden;
}

.business__steps-tag {
  color: #A7AAAE;
  padding: 20px 24px;
  background-color: #494747;
}

.business__accordion {
  padding: 28px 24px;
}

.business__accordion-item {
  padding-left: 56px;
  position: relative;
}

.business__accordion-item:nth-child(n+2) {
  margin-top: 0px !important;
  padding-top: 44px;
}

.business__accordion-item::before {
  content: "";
  position: absolute;
  top: 35px;
  left: 19px;
  width: 2px;
  height: calc(100% + 10px);
  background-color: #494747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.business__accordion-item:last-child::before {
  display: none;
}

.business__accordion-item.uk-open .business__accordion-number {
  color: var(--black);
  background-color: #A7AAAE;
  border-color: #494747;
}

.business__accordion-title {
  position: relative;
  overflow: visible;
}

.business__accordion-title::before {
  display: none;
}

.business__accordion-number {
  color: white;
  background-color: #6C6C6C;
  border: 8px solid #494747;
  border-radius: 100px;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  left: -56px;
  top: -6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.business__accordion-text {
  color: #FFFFFF;
}

.business__accordion-content {
  color: #A7AAAE;
  margin-top: 4px;
}

/** Resellers Page */

.resellers-hero {
  position: relative;
}

.resellers-hero__container {
  position: relative;
  z-index: 2;
}

.resellers-hero__title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.resellers-hero__title {
  line-height: 1.1 !important;
}

.resellers-hero__desc {
  max-width: 586px;
  color: #494747;
  margin-top: auto;
}

.resellers-hero__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-top: 71px;
}

.resellers-hero__tab {
  padding: 32px;
  border-radius: 8px;
  background-color: #FFFFFF;
  border: 1px solid transparent;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  width: 100%;
  cursor: pointer;
}

.resellers-hero__tab:hover,
.resellers-hero__tab.active {
  border-color: var(--red);
}

.resellers-hero__tab:hover .resellers-hero__tab-title,
.resellers-hero__tab.active .resellers-hero__tab-title {
  color: var(--black);
}

.resellers-hero__tab:hover .resellers-hero__tab-icon,
.resellers-hero__tab.active .resellers-hero__tab-icon {
  color: var(--red);
}

.resellers-hero__tab:hover .resellers-hero__tab-number,
.resellers-hero__tab.active .resellers-hero__tab-number {
  color: var(--red);
}

.resellers-hero__tab_black {
  max-width: 344px;
  border-color: var(--black);
  background-color: var(--black);
}

.resellers-hero__tab_black:hover,
.resellers-hero__tab_black.active {
  border-color: var(--red);
  background-color: var(--red);
}

.resellers-hero__tab_black:hover .resellers-hero__tab-title,
.resellers-hero__tab_black.active .resellers-hero__tab-title {
  color: white;
}

.resellers-hero__tab_black .resellers-hero__tab-title {
  color: white;
}

.resellers-hero__tab_black .resellers-hero__tab-desc {
  color: #D5D7DA;
}

.resellers-hero__tab_black .resellers-hero__tab-icon {
  color: white;
  margin-left: auto;
}

.resellers-hero__tab_black .resellers-hero__tab-number {
  color: white;
}

.resellers-hero__tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.resellers-hero__tab-title {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.resellers-hero__tab-desc {
  color: #A7AAAE;
}

.resellers-hero__tab-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding-top: 56px;
  margin-top: auto;
}

.resellers-hero__tab-icon {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.resellers-hero__tab-number {
  color: #E6E6E6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calculator .title-block__desc-custom {
  color: #494747;
}

.calculator__subtitle {
  margin-top: 64px;
  color: #494747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.calculator__block {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 256px;
}

.calculator__block-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 32px;
  border-top: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  border-radius: 0px 12px 12px 0px;
  width: 50%;
}

.calculator__block-card {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #F1F1F1;
  border-radius: 6px;
  padding: 20px;
}

.calculator__block-card_red {
  background-color: #F4E8E9;
}

.calculator__block-card_red .calculator__block-card-value {
  color: var(--red);
}

.calculator__block-card_red .calculator__block-card-price {
  color: var(--red);
}

.calculator__block-card_green {
  background-color: #E3F1E8;
}

.calculator__block-card_green .calculator__block-card-value {
  color: var(--green);
}

.calculator__block-card_green .calculator__block-card-price {
  color: var(--green);
}

.calculator__block-card_gray {
  background-color: #FAFAFA;
}

.calculator__block-card_gray .calculator__block-card-value {
  color: #494747;
}

.calculator__block-card_gray .calculator__block-card-price {
  color: #494747;
}

.calculator__block-card-title {
  color: #6C6C6C;
}

.calculator__block-card-title .tooltips__item-tag {
  padding: 0px;
  border: none;
  background-color: transparent;
}

.calculator__block-card-price {
  margin-top: auto;
  padding-top: 32px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.calculator__item {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  padding: 44px 48px;
  border-radius: 12px 0px 0px 12px;
  width: 50%;
}

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

.calculator__item-title {
  color: #707681;
}

.calculator__slider-wrap {
  margin-top: 42px;
}

.calculator__slider {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  height: 1px;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
  background: -webkit-gradient(linear, left top, right top, from(var(--red)), color-stop(var(--red)), color-stop(#D5D7DA), to(#D5D7DA));
  background: linear-gradient(to right, var(--red) 0%, var(--red) var(--fill-pct, 0%), #D5D7DA var(--fill-pct, 0%), #D5D7DA 100%);
}

.calculator__slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--red);
  border: 2px solid #ffffff;
  -webkit-box-shadow: 0 0 0 1px #D5D7DA;
          box-shadow: 0 0 0 1px #D5D7DA;
  cursor: pointer;
  -webkit-transition: -webkit-box-shadow 0.2s ease;
  transition: -webkit-box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease, -webkit-box-shadow 0.2s ease;
}

.calculator__slider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--red);
  border: 2px solid #ffffff;
  box-shadow: 0 0 0 1px #D5D7DA;
  cursor: pointer;
  -moz-transition: box-shadow 0.2s ease;
  transition: box-shadow 0.2s ease;
}

.calculator__slider:hover::-webkit-slider-thumb,
.calculator__slider:focus::-webkit-slider-thumb {
  -webkit-box-shadow: 0 0 0 1px #D5D7DA, 0 0 0 5px rgba(var(--red-rgb, 195, 32, 42), 0.15);
          box-shadow: 0 0 0 1px #D5D7DA, 0 0 0 5px rgba(var(--red-rgb, 195, 32, 42), 0.15);
}

.calculator__slider:hover::-moz-range-thumb,
.calculator__slider:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #D5D7DA, 0 0 0 5px rgba(var(--red-rgb, 195, 32, 42), 0.15);
}

.calculator__slider-ticks {
  position: relative;
  height: 20px;
  margin-top: 31px;
}

.calculator__offer-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 24px;
}

.calculator__offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 33px;
  border: 1px solid #F1F1F1;
  border-radius: 12px;
  position: relative;
}

.calculator__offer.active {
  background-color: #FAFAFA;
}

.calculator__offer.active .calculator__offer-level-wrapper {
  opacity: 1;
  pointer-events: auto;
}

.calculator__offer.active .calculator__offer-title {
  color: var(--black);
}

.calculator__offer.active .calculator__offer-title-value {
  color: var(--black);
}

.calculator__offer.active .calculator__offer-list-item {
  border-bottom: 1px solid #E6E6E6;
}

.calculator__offer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.calculator__offer-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.calculator__offer-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.calculator__offer-tag {
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 5px;
  border-radius: 6px;
  gap: 4px;
  background-color: var(--red);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}

.calculator__offer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calculator__offer-title-value {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calculator__offer-title-description {
  color: #707681;
}

.calculator__offer-level-wrapper {
  position: relative;
  -webkit-transform: translateX(-50px);
      -ms-transform: translateX(-50px);
          transform: translateX(-50px);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-top: 17px;
}

.calculator__offer-level-wrapper:before {
  content: "";
  position: absolute;
  background-color: var(--red);
  width: 14px;
  height: 16px;
  left: 1px;
  top: 119%;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  z-index: 1;
}

.calculator__offer-level {
  color: white;
  background-color: var(--black);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 12px;
  border-radius: 6px;
  border: 1px solid #E9EAEB;
  position: relative;
  z-index: 2;
}

.calculator__offer-list-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 49px;
  gap: 16px;
}

.calculator__offer-list-item {
  padding: 6px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-bottom: 1px solid #F1F1F1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.calculator__offer-list-item::before {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: #BE2539;
}

.calculator__slider-tick {
  position: absolute;
  top: 0;
  color: #707681;
  white-space: nowrap;
}

.calculator__slider-tick:nth-child(1) {
  left: 0;
}

.calculator__slider-tick:nth-child(2) {
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.calculator__slider-tick:nth-child(3) {
  right: 0;
}

.fond__title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 710px;
}

.fond__sheets {
  max-width: 432px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid #E6E6E6;
}

.fond__sheet-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fond__sheet-top-title {
  margin-left: auto;
  padding-left: 24px;
  color: #707681;
}

.fond__sheet-top-value {
  color: #494747;
  margin-left: 24px;
}

.fond__sheet-cards {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #E6E6E6;
}

.fond__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.fond__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-width: 464px;
  width: 100%;
}

.fond__tab {
  padding: 20px 24px 33px 24px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.fond__content-wraper {
  height: auto;
  width: 100%;
}

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

.fond__content-top {
  background-color: #FAFAFA;
  padding: 24px 32px;
  border-radius: 8px 8px 0px 0px;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #F1F1F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.fond__content-top-title {
  color: #707681;
}

.fond__content-body {
  border: 1px solid #E6E6E6;
  border-top: none;
  border-radius: 0px 0px 8px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px 32px;
  gap: 24px;
  height: 100%;
}

.fond__content-body-blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32p;
}

.fond__content-body-block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}

.fond__content-body-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.fond__content-body-item img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.fond__content-body-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.fond__content-body-item-title {
  color: #707681;
  opacity: 0.7;
}

.fond__content-body-target {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 16px 24px;
  height: 100%;
}

.fond__content-body-target-description {
  margin-top: 12px;
  color: #494747;
  max-width: 377px;
}

.fond__content-body-target-roi {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.fond__content-body-target-roi-goal {
  color: #494747;
}

.fond__bottom {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  padding: 28px;
  border-radius: 12px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
}

.fond__bottom-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.fond__bottom-left-title {
  margin-top: 12px;
}

.fond__bottom-left-description {
  margin-top: 5px;
  color: #494747;
}

.fond__bottom-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.fond__bottom-block {
  width: 100%;
}

.fond__bottom-block:nth-child(1) .fond__bottom-block-title {
  border-radius: 6px 0px 0px 6px;
}

.fond__bottom-block:last-child .fond__bottom-block-title {
  border-radius: 0px 6px 6px 0px;
}

.fond__bottom-block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 12px 36px;
  background-color: var(--black);
}

.fond__bottom-block-title-value {
  color: white;
}

.fond__bottom-block-title-text {
  color: white;
}

.fond__bottom-block-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #6C6C6C;
  padding: 10px 36px;
}

.fond__sheet-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
}

.fond__sheet-card_red {
  background-color: #F4E8E9;
}

.fond__sheet-card_red .fond__sheet-card-value {
  color: var(--red);
}

.fond__sheet-card_green {
  background-color: #E3F1E8;
}

.fond__sheet-card_green .fond__sheet-card-value {
  color: var(--green);
}

.fond__sheet-card-title {
  padding: 8px 20px;
  border-bottom: 1px solid #D5D7DA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.fond__sheet-card-value {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form-resellers {
  background-color: #FAFAFA;
}

.form-resellers__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 88px;
  background-color: var(--black);
  padding: 80px;
  border-radius: 12px;
}

.form-resellers__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 50%;
}

.form-resellers__title {
  color: white;
  margin-top: 20px;
}

.form-resellers__subtitle {
  color: white;
  margin-top: 12px;
}

.form-resellers__description {
  color: #A7AAAE;
  margin-top: 32px;
}

.form-resellers__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  margin-top: 64px;
}

.form-resellers__list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 24px;
}

.form-resellers__list-item-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  background-color: var(--red);
  border-radius: 8px;
}

.form-resellers__list-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.form-resellers__list-item-title {
  color: white;
}

.form-resellers__list-item-description {
  color: #8A8D91;
}

.form-resellers__form {
  width: 50%;
  padding: 20px;
  border: 1px solid #494747;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.form-resellers__form-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.form-resellers__form-tag {
  color: #8A8D91;
  padding: 10px 0px;
  border-bottom: 1px solid #494747;
}

.form-resellers__form-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 28px;
  margin-top: 10px;
}

.form-resellers__form-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.glossary {
  background-color: #FAFAFA;
}

.glossary__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
}

.glossary__content {
  max-width: 864px;
  width: 100%;
}

.glossary__tabs {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.glossary__tabs .title-block__tab {
  padding: 10px 16px;
}

.glossary__tabs-content {
  margin-top: 24px;
}

.glossary__faq .accordion__block {
  width: 100%;
}

.glossary__faq .accordion__content {
  margin-left: 0px;
}

.glossary__faq .accordion__content-description {
  margin: 0px;
}

.glossary__faq .accordion__block {
  border-radius: 6px;
  overflow: hidden;
}

.glossary__glossary {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
}

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

.glossary__glossary-tab {
  padding: 8px 16px;
  background-color: #F5F5F5;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  color: #6C6C6C;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.glossary__glossary-tab.active,
.glossary__glossary-tab:hover {
  background-color: var(--black);
  border-color: var(--black);
  color: white;
}

.glossary__glossary-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.glossary__glossary-book {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
}

.glossary__glossary-book-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.glossary__glossary-book-item {
  padding-bottom: 12px;
  border-bottom: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.glossary__glossary-book-item:last-child {
  border-bottom: none;
}

.glossary__glossary-book-item-description {
  color: #494747;
}

.glossary__glossary-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  margin-top: 8px;
}

.glossary__glossary-more-text {
  color: #6C6C6C;
}

.glossary__glossary-more-arrow {
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
}

.glossary__glossary-more-arrow.is-rotated {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.glossary_min .glossary__content {
  max-width: 747px;
}

.glossary__right:hover .glossary__right-img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.glossary__right-img-wrapper {
  width: 464px;
  height: 464px;
  border-radius: 12px;
  overflow: hidden;
}

.glossary__right-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.glossary__right .send-form {
  max-width: 581px;
  width: 100%;
}

.ambassador .title-block__desc-custom {
  color: #494747;
}

.ambassador__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  margin-top: 64px;
}

.ambassador__block-left {
  width: 42%;
  overflow: hidden;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}

.ambassador__block-left-inner {
  padding: 40px;
  position: relative;
  z-index: 2;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.ambassador__block-left-title {
  color: white;
}

.ambassador__block-left-img {
  position: absolute;
  z-index: 1;
  -webkit-filter: brightness(0.2) grayscale(100%);
          filter: brightness(0.2) grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.ambassador__block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: auto;
  padding-top: 64px;
}

.ambassador__block-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.ambassador__block-list-item-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: #494747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.ambassador__block-list-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.ambassador__block-list-item-title {
  color: white;
}

.ambassador__block-list-item-description {
  color: #F1F1F1;
  opacity: 0.7;
}

.ambassador__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
  width: 58%;
}

.ambassador__card {
  padding: 24px;
}

.ambassador__card .calculator__offer-list-item:last-child {
  border-bottom: none;
}

.ambassador__card .calculator__offer-title {
  color: var(--black);
}

.ambassador__card .calculator__offer-tag {
  padding: 4px 16px;
}

.protect__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.protect__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  max-width: 463px;
  width: 100%;
}

.protect__list-item {
  padding: 32px;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.protect__list-item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.protect__list-item-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #F5F5F5;
  border-radius: 8px;
}

.protect__list-item-description {
  color: #6C6C6C;
}

.protect__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.protect__law {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  overflow: hidden;
}

.protect__law-header {
  padding: 16px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #FAFAFA;
  border-bottom: 1px solid #E9EAEB;
}

.protect__law-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
}

.protect__law-description {
  padding: 20px 40px;
  color: #6C6C6C;
}

.protect__law-description b {
  color: var(--black);
  font-weight: 400;
}

.protect__process {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  overflow: hidden;
}

.protect__process-body {
  background-color: #FAFAFA;
  padding: 40px 40px 56px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.protect__process-tag {
  color: #707681;
}

.protect__process-title {
  margin-top: 8px;
}

.protect__process-steps {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.protect__process-step {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  padding: 8px 0px;
  border-bottom: 1px solid #F1F1F1;
}

.protect__process-step-number {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  background-color: #F1F1F1;
  border-radius: 8px;
}

.protect__process-step-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}

.protect__process-step-description {
  color: #707681;
}

.protect__process-step-time {
  -ms-flex-item-align: start;
      -ms-grid-row-align: start;
      align-self: start;
  margin-left: auto;
  color: #494747;
}

.protect__process-footer {
  padding: 20px 40px;
  border-top: 1px solid #E9EAEB;
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.protect__process-footer-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.protect__process-footer-description {
  color: #707681;
  max-width: 750px;
}

.register__block {
  margin-top: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.register__block-info {
  width: 50%;
  height: 360px;
  overflow: hidden;
  border-radius: 8px;
}

.register__block-info:hover .register__block-info-img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.register__block-info-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.register__form {
  width: 50%;
}

.register__form .accordion__content {
  margin-left: 0px;
  width: 100%;
  padding: 37px 32px 32px 32px;
  border: none;
  margin-top: 0px;
}

.register__form .accordion__item {
  padding: 0px;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  overflow: hidden;
}

.register__form .accordion__block {
  gap: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: none;
}

.register__form .accordion__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FAFAFA;
  padding: 16px 32px;
}

.register__form .form-resellers__form-tag {
  border-color: #F1F1F1;
}

.register__form .send-form__download-placeholder-title {
  color: var(--black);
}

.register__form .send-form__download-placeholder-subtitle {
  color: #8A8D91;
}

.register__form .send-form__download {
  border: 1px dashed #8A8D91;
}

.register__form .send-form__download-icon {
  color: #8A8D91;
}

.register__form .register__submit-btn {
  margin-top: 32px;
}

.register__next-btn {
  padding: 14px 45px;
}

/** Vacnacy Page */

.vacancy-hero {
  position: relative;
}

.vacancy-hero__container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 32px;
}

.vacancy-hero__title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.vacancy-hero__title {
  line-height: 1.2 !important;
  margin-top: 28px;
}

.vacancy-hero__description {
  margin-top: 24px;
  max-width: 533px;
}

.vacancy-hero__content {
  max-width: 797px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
}

.vacancy-hero__content:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.vacancy-hero__card {
  width: 35%;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.vacancy-hero__card-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}

.vacancy-hero__card-value {
  color: white;
  background-color: var(--black);
  width: 30px;
  height: 30px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.vacancy-hero__card-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  margin-top: auto;
}

.vacancy-hero__card-item {
  border-bottom: 1px solid #E6E6E6;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  padding-bottom: 4px;
}

.vacancy-hero__card-item-title {
  color: #6C6C6C;
}

.vacancy-hero__img-wrapper {
  width: 65%;
  position: relative;
}

.vacancy-hero__img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}

.vacancy-hero__btn {
  position: absolute;
  right: 12px;
  bottom: 8px;
}

.about-vacancy {
  /** При совпадении ≥75%: отмеченные чекбоксы — зелёная иконка-квадрат */
}

.about-vacancy__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 52px;
}

.about-vacancy__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 72px;
  width: 65%;
}

.about-vacancy__lab-description {
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  color: #494747;
}

.about-vacancy__lab-description p {
  width: 100%;
  margin: 0px;
}

.about-vacancy__lab-cards {
  margin-top: 40px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.about-vacancy__lab-card {
  padding: 24px;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  background-color: #FAFAFA;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.about-vacancy__lab-card-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.about-vacancy__lab-card-title {
  color: #494747;
}

.about-vacancy__lab-card-description {
  color: #707681;
}

.about-vacancy__accordion {
  margin-top: 40px;
}

.about-vacancy__accordion-item {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}

.about-vacancy__accordion-title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-vacancy__accordion-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  padding: 24px 32px;
}

.about-vacancy__accordion-title-block::before {
  display: none;
}

.about-vacancy__accordion-title {
  color: #494747;
  margin-top: 12px;
}

.about-vacancy__accordion-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.about-vacancy__accordion-top-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #707681;
}

.about-vacancy__accordion-description {
  color: #707681;
  margin-top: 4px;
}

.about-vacancy__accordion-arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.about-vacancy__accordion-arrow-icon {
  fill: transparent;
  color: var(--black);
  -webkit-transform: translateY(-1px) rotate(0deg);
      -ms-transform: translateY(-1px) rotate(0deg);
          transform: translateY(-1px) rotate(0deg);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.about-vacancy__accordion-item.uk-open .about-vacancy__accordion-arrow-icon {
  -webkit-transform: translateY(-1px) rotate(180deg);
      -ms-transform: translateY(-1px) rotate(180deg);
          transform: translateY(-1px) rotate(180deg);
}

.about-vacancy__accordion-content-inner {
  padding: 32px;
}

.about-vacancy__accordion-content-wrapper {
  margin-top: 0px;
}

.about-vacancy__accordion-content {
  border-top: 1px solid #E6E6E6;
  background-color: #FAFAFA;
  overflow: hidden;
}

.about-vacancy__accordion-content-block {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  overflow: hidden;
}

.about-vacancy__accordion-content-block:nth-child(n+2) {
  margin-top: 24px;
}

.about-vacancy__accordion-content-title {
  padding: 20px 24px;
  background-color: white;
  color: #999999;
  border-bottom: 1px solid #E6E6E6;
}

.about-vacancy__accordion-content-description {
  padding: 24px;
  color: #494747;
}

.about-vacancy__accordion-content-list {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  padding-left: 21px;
}

.about-vacancy__accordion-content-list li {
  color: #494747;
  padding: 4px 0px;
}

.about-vacancy__accordion-content-list li::marker {
  color: var(--red);
  font-size: 18px;
}

.about-vacancy__analysis {
  margin-top: 32px;
}

.about-vacancy__analysis--high-match .about-vacancy__analysis-checkbox input[type=checkbox]:checked + .send-form__check-box.black .send-form__check-icon {
  border-color: #16A34A;
  background-color: #16A34A;
  -webkit-transition: background-color 0.45s ease-out, border-color 0.45s ease-out;
  transition: background-color 0.45s ease-out, border-color 0.45s ease-out;
}

.about-vacancy__analysis-block {
  padding: 16px 24px;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}

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

.about-vacancy__analysis-title {
  color: #707681;
}

.about-vacancy__analysis-value {
  color: var(--black);
  -webkit-transition: color 0.45s ease-out;
  transition: color 0.45s ease-out;
}

.about-vacancy__analysis-value.is-tier-high {
  color: #16A34A;
}

.about-vacancy__analysis-line {
  margin-top: 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1px;
  height: 12px;
  background-color: #fff;
}

.about-vacancy__analysis-segment {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  height: 100%;
  background-color: #D5D7DA;
  border-radius: 2px;
  -webkit-transition: background-color 0.45s ease-out;
  transition: background-color 0.45s ease-out;
}

.about-vacancy__analysis-segment:nth-child(1) {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.about-vacancy__analysis-segment:nth-child(2) {
  -webkit-transition-delay: 0.012s;
          transition-delay: 0.012s;
}

.about-vacancy__analysis-segment:nth-child(3) {
  -webkit-transition-delay: 0.024s;
          transition-delay: 0.024s;
}

.about-vacancy__analysis-segment:nth-child(4) {
  -webkit-transition-delay: 0.036s;
          transition-delay: 0.036s;
}

.about-vacancy__analysis-segment:nth-child(5) {
  -webkit-transition-delay: 0.048s;
          transition-delay: 0.048s;
}

.about-vacancy__analysis-segment:nth-child(6) {
  -webkit-transition-delay: 0.06s;
          transition-delay: 0.06s;
}

.about-vacancy__analysis-segment:nth-child(7) {
  -webkit-transition-delay: 0.072s;
          transition-delay: 0.072s;
}

.about-vacancy__analysis-segment:nth-child(8) {
  -webkit-transition-delay: 0.084s;
          transition-delay: 0.084s;
}

.about-vacancy__analysis-segment:nth-child(9) {
  -webkit-transition-delay: 0.096s;
          transition-delay: 0.096s;
}

.about-vacancy__analysis-segment:nth-child(10) {
  -webkit-transition-delay: 0.108s;
          transition-delay: 0.108s;
}

.about-vacancy__analysis-segment:nth-child(11) {
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
}

.about-vacancy__analysis-segment:nth-child(12) {
  -webkit-transition-delay: 0.132s;
          transition-delay: 0.132s;
}

.about-vacancy__analysis-segment:nth-child(13) {
  -webkit-transition-delay: 0.144s;
          transition-delay: 0.144s;
}

.about-vacancy__analysis-segment:nth-child(14) {
  -webkit-transition-delay: 0.156s;
          transition-delay: 0.156s;
}

.about-vacancy__analysis-segment:nth-child(15) {
  -webkit-transition-delay: 0.168s;
          transition-delay: 0.168s;
}

.about-vacancy__analysis-segment:nth-child(16) {
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}

.about-vacancy__analysis-segment.is-filled.is-tier-low {
  background-color: #A7AAAE;
}

.about-vacancy__analysis-segment.is-filled.is-tier-mid {
  background-color: #707681;
}

.about-vacancy__analysis-segment.is-filled.is-tier-high {
  background-color: #16A34A;
}

.about-vacancy__analysis-bottom {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.about-vacancy__analysis-bottom span {
  color: #8A8D91;
}

.about-vacancy__analysis-checkboxes {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.about-vacancy__analysis-checkboxes-title {
  color: #707681;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-vacancy__analysis-checkboxes-title::after {
  content: "*";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--red);
  -webkit-transform: translateY(-5px);
      -ms-transform: translateY(-5px);
          transform: translateY(-5px);
  font-size: 11px;
}

.about-vacancy__analysis-checkboxes-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px 35px;
}

.about-vacancy__accordion-bottom {
  border-top: 1px solid #E6E6E6;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.about-vacancy__accordion-bottom-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.about-vacancy__accordion-bottom-title {
  color: #707681;
}

.about-vacancy__accordion-bottom-price {
  color: #494747;
}

.about-vacancy__right-container {
  width: 35%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.about-vacancy__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-vacancy__navigator {
  border: 1px solid #E6E6E6;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 6px;
}

.about-vacancy__navigator-title {
  color: #969696;
  background-color: #FAFAFA;
  padding: 20px 24px;
  border-bottom: 1px solid #E6E6E6;
}

.about-vacancy__right-inner {
  padding: 20px 24px;
}

.about-vacancy__navigator-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-vacancy__navigator-item {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.about-vacancy__navigator-item:focus-visible {
  outline: 2px solid var(--red);
  outline-offset: 2px;
}

.about-vacancy__navigator-item-number {
  color: #8A8D91;
  padding-right: 12px;
}

.about-vacancy__navigator-item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.about-vacancy__navigator-item-title {
  color: #494747;
}

.about-vacancy__navigator-item-description {
  color: #8A8D91;
}

.about-vacancy__right-btn {
  margin-top: 24px;
  padding: 12px 38px;
}

.about-vacancy__why {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
}

.about-vacancy__why-img {
  position: absolute;
  top: 126px;
  left: 188px;
  z-index: 1;
  pointer-events: none;
  -webkit-filter: brightness(0.2);
          filter: brightness(0.2);
  scale: 1.8;
}

.about-vacancy__why-inner {
  position: relative;
  z-index: 2;
  padding: 40px 36px;
  width: 100%;
}

.about-vacancy__why-title {
  color: white;
  border-bottom: 1px solid #494747;
  padding-bottom: 8px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-vacancy__why-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  padding-top: 93px;
}

.about-vacancy__why-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.about-vacancy__why-item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  background-color: #494747;
}

.about-vacancy__why-item-title {
  color: #D5D7DA;
}

.form-vacancy {
  background-color: var(--black);
  border-bottom: 1px solid #383838;
}

.form-vacancy__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.form-vacancy__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 660px;
}

.form-vacancy__title {
  color: white;
  margin-top: 12px;
}

.form-vacancy__description {
  color: #A7AAAE;
  margin-top: 16px;
}

.form-vacancy__contact-title {
  color: #A7AAAE;
  opacity: 0.7;
  margin-top: auto;
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form-vacancy__contact-block {
  margin-top: 8px;
  padding-top: 12px;
  border-top: 1px solid #383838;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.form-vacancy__contact-block-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100px;
  background-color: var(--red);
}

.form-vacancy__form {
  width: 100%;
  max-width: 660px;
}

.form-vacancy__form-btn {
  margin-top: 24px;
  max-width: 315px;
  width: 100%;
}

.form-vacancy__form-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.form-vacancy__form-block-title {
  color: #A7AAAE;
}

/** Where Page */

.hero-where {
  position: relative;
}

.hero-where__container {
  position: relative;
  z-index: 2;
}

.buy-where {
  position: relative;
  /* MAP*/
}

.buy-where__container {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.buy-where__filter {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  padding: 24px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 342px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.buy-where__filter .send-form__select-trigger {
  padding: 12px 20px;
  background-color: white;
}

.buy-where__filter .send-form__input {
  padding: 12px 20px;
  background-color: white;
}

.buy-where__filter .send-form__input-search-wrap input {
  padding: 12px 44px 12px 20px;
}

.buy-where__filter .send-form__select-dropdown {
  background-color: white;
}

.buy-where__filter .send-form__select-option.is-active,
.buy-where__filter .send-form__select-option:hover {
  background-color: #FAFAFA;
  color: var(--black);
}

.buy-where__filter .send-form__select-option {
  color: #707681;
}

.buy-where__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  width: 100%;
}

.buy-where__group-title {
  color: #A7AAAE;
}

.buy-where__group-btn {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.buy-where__btn-submit {
  max-width: 174px;
  width: 100%;
  cursor: pointer;
}

.buy-where__btn-reset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  color: #6C6C6C;
}

.buy-where__btn-reset:hover {
  opacity: 0.6;
}

.buy-where__block {
  width: 100%;
  border-radius: 6px;
}

.buy-where__block-header {
  padding: 24px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px 6px 0px 0px;
}

.buy-where__tabs {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.buy-where__tabs .title-block__tab {
  padding: 8px 68px;
}

.buy-where__content-wrapper {
  background-color: white;
  padding: 24px;
  border-radius: 0px 0px 6px 6px;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.buy-where__list table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 12px;
}

.buy-where__list-thead {
  color: #8A8D91;
}

.buy-where__list-thead th {
  text-align: start;
  padding: 0px 0px 16px 16px;
}

.buy-where__list td {
  border: 1px solid #E6E6E6;
}

.buy-where__list-item-city {
  vertical-align: top;
  padding: 16px;
  color: #707681;
  border-right: none !important;
  border-radius: 6px 0px 0px 6px;
}

.buy-where__list-item-name-block {
  vertical-align: top;
  padding: 16px;
  border-left: none !important;
  border-right: none !important;
}

.buy-where__list-item-name {
  color: #494747;
}

.buy-where__list-item-type {
  color: #707681;
}

.buy-where__list-item-contacts {
  vertical-align: top;
  padding: 16px;
  border-left: none !important;
  border-right: none !important;
}

.buy-where__list-item-contacts-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.buy-where__list-item-contacts-title {
  color: #8A8D91;
}

.buy-where__list-item-contacts-value {
  color: #494747;
}

.buy-where__list-item-services {
  vertical-align: top;
  padding: 16px;
  border-left: none !important;
  border-radius: 0px 6px 6px 0px;
}

.buy-where__list-item-services-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.buy-where__list-item-name-block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.buy-where__list-item-contacts-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.buy-where__list-promo-wrapper {
  background-color: var(--black);
}

.buy-where__list-promo {
  border-radius: 6px;
  border: none !important;
  padding: 28px 32px;
}

.buy-where__list-promo-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.buy-where__list-promo-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 623px;
}

.buy-where__list-promo-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.buy-where__list-promo-tag {
  color: #A7AAAE;
  opacity: 0.7;
}

.buy-where__list-promo-title {
  color: white;
  margin-top: 20px;
}

.buy-where__list-promo-description {
  color: #A7AAAE;
  margin-top: 8px;
}

.buy-where__map {
  width: 100%;
  height: 483px;
  position: relative;
  padding: 9px 12px;
}

.buy-where__map-object {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
  border-radius: 6px;
  overflow: hidden;
}

.buy-where__map-object .ymaps-2-1-79-map {
  width: 100% !important;
  height: 100% !important;
}

.buy-where__map-object .ymaps-2-1-79-cluster .ymaps-2-1-79-image-with-content {
  background: transparent !important;
}

.buy-where__map-list {
  background-color: #FAFAFA;
  padding: 16px;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  z-index: 2;
  margin-left: auto;
  overflow: hidden;
}

.buy-where__map-list.is-card-open .buy-where__map-list-tabs {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
  max-height: 0;
  overflow: hidden;
  width: 357px;
}

.buy-where__map-list.is-card-open .buy-where__map-list-content {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  max-height: 1200px;
  overflow: visible;
  height: 100%;
}

.buy-where__map-list-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  max-height: 451px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 12px;
  -webkit-transition: opacity 0.3s ease, max-height 0.35s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, max-height 0.35s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.35s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.35s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
}

.buy-where__map-list-tabs::-webkit-scrollbar {
  width: 8px;
}

.buy-where__map-list-tabs::-webkit-scrollbar-track {
  background: transparent;
}

.buy-where__map-list-tabs::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 25px;
  border: 3px solid #D5D7DA;
}

.buy-where__map-list-tabs::-webkit-scrollbar {
  height: 8px;
}

.buy-where__map-list-tabs::-webkit-scrollbar-track {
  background: transparent;
}

.buy-where__map-list-tabs::-webkit-scrollbar-thumb {
  background-color: #D5D7DA;
  border-radius: 25px;
  border: 2px solid #D5D7DA;
}

.buy-where__map-list-tabs .tooltips__item-content {
  display: none !important;
}

.buy-where__map-list-card {
  padding: 12px 16px;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #E6E6E6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.buy-where__map-list-card.is-active-card {
  border-color: var(--red);
}

.buy-where__map-list-card:hover {
  border-color: var(--red);
}

.buy-where__map-list-card:hover .buy-where__map-list-card-title {
  color: var(--black);
}

.buy-where__map-list-card:hover .buy-where__map-list-card-city {
  color: #494747;
}

.buy-where__map-list-card:hover .buy-where__map-list-card-icon {
  color: var(--red);
}

.buy-where__map-list-card-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.buy-where__map-list-card-title {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.buy-where__map-list-card-type {
  color: #707681;
}

.buy-where__map-list-card-content-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 8px;
  margin-top: 8px;
  border-top: 1px solid #E6E6E6;
}

.buy-where__map-list-card-city {
  color: #707681;
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.buy-where__map-list-card-icon {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.buy-where__map-list-content {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
          transform: translateY(8px);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.3s ease, max-height 0.35s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, max-height 0.35s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.35s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, max-height 0.35s ease, visibility 0.3s ease, -webkit-transform 0.3s ease;
}

.buy-where__map-list-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transform: translateY(8px);
      -ms-transform: translateY(8px);
          transform: translateY(8px);
  max-height: 0;
  overflow: hidden;
  -webkit-transition: opacity 0.25s ease, max-height 0.3s ease, visibility 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, max-height 0.3s ease, visibility 0.25s ease, -webkit-transform 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, max-height 0.3s ease, visibility 0.25s ease;
  transition: opacity 0.25s ease, transform 0.25s ease, max-height 0.3s ease, visibility 0.25s ease, -webkit-transform 0.25s ease;
}

.buy-where__map-list-content-item.is-open-panel {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  max-height: 1000px;
  overflow: visible;
  height: 100%;
}

.buy-where__map-list-close {
  color: #6C6C6C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.buy-where__map-list-close:hover {
  opacity: 0.6;
}

.buy-where__map-about {
  background-color: white;
  margin-top: 8px;
  padding: 16px;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.buy-where__map-about-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #494747;
}

.buy-where__map-about-city-icon {
  color: #A7AAAE;
}

.buy-where__map-about-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #E6E6E6;
}

.buy-where__map-about-title {
  color: #494747;
}

.buy-where__map-about-type {
  color: #707681;
}

.buy-where__map-about-contacts {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #E6E6E6;
}

.buy-where__map-about-services {
  padding-top: 48px;
  margin-top: auto;
}

.buy-map-pin-card {
  background: #fff;
  border: none;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.14);
  padding: 8px 12px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 0;
  margin-left: 10px;
  text-align: left;
}

.buy-map-pin-card__title {
  color: #494747;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
}

.buy-map-pin-card__type {
  margin-top: 4px;
  color: #707681;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.2;
}

.buy-map-tooltip-floating {
  position: fixed;
  z-index: 9999;
  background-color: #1B1919;
  border-radius: 8px;
  -webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
          box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
  padding: 24px;
  display: none;
  pointer-events: none;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 412px;
  text-align: left;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.buy-map-tooltip-floating.is-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.buy-map-tooltip-floating img {
  position: absolute;
  top: -9px;
  left: calc(50% - 10px);
}

.buy-map-tooltip-floating .tooltips__item-content-title {
  color: #fff;
}

.buy-map-tooltip-floating .tooltips__item-content-description {
  color: #A7AAAE;
}

.buy-map-cluster {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #1B1919;
  color: #fff;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  font-weight: 500;
}

/** News Page */

.hero-news {
  position: relative;
}

.hero-news__container {
  position: relative;
  z-index: 2;
}

.news {
  position: relative;
}

.news__container {
  position: relative;
  z-index: 2;
}

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

.news__filter-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.news__filter-tag {
  padding: 8px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  border: 1px solid #E6E6E6;
  background-color: white;
  border-radius: 6px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  gap: 4px;
  cursor: pointer;
}

.news__filter-tag.active,
.news__filter-tag:hover {
  background-color: var(--black);
}

.news__filter-tag.active .news__filter-tag-text,
.news__filter-tag:hover .news__filter-tag-text {
  color: white;
}

.news__filter-tag.active .news__filter-tag-count,
.news__filter-tag:hover .news__filter-tag-count {
  color: #a7aaae;
}

.news__filter-tag-text {
  color: #6C6C6C;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.news__filter-tag-count {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.news__filter-search {
  width: 460px;
}

.news__filter-search .send-form__input {
  padding: 10px 16px;
  background-color: #FFFFFF;
  border-color: #E6E6E6;
}

.news__filter-search .send-form__input::-webkit-input-placeholder {
  color: #A7AAAE;
}

.news__filter-search .send-form__input::-moz-placeholder {
  color: #A7AAAE;
}

.news__filter-search .send-form__input:-ms-input-placeholder {
  color: #A7AAAE;
}

.news__filter-search .send-form__input::-ms-input-placeholder {
  color: #A7AAAE;
}

.news__filter-search .send-form__input::placeholder {
  color: #A7AAAE;
}

.news__filter-search .send-form__input-search-icon {
  opacity: 0.5;
}

.news__grid {
  margin-top: 32px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.news__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 24px;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
}

.news__card:hover .news__card-img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.news__card:hover .news__card-title {
  color: var(--black);
}

.news__card:hover .news__card-link {
  color: var(--red);
}

.news__card:hover .news__card-link .btn__icon {
  color: var(--red);
}

.news__card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.news__card-sharps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.news__card-sharp {
  color: #707681;
  opacity: 0.7;
}

.news__card-sharp-point {
  background-color: #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4px;
  height: 4px;
  border-radius: 100px;
}

.news__card-img-wrapper {
  margin-top: 20px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  height: 217px;
  overflow: hidden;
  border-radius: 6px;
}

.news__card-img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}

.news__card-pins {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 20px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E6E6E6;
}

.news__card-pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: #8A8D91;
}

.news__card-pin:nth-child(2) {
  margin-left: auto;
}

.news__card-pin:nth-child(n+3):before {
  content: "";
  background-color: #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 4px;
  height: 4px;
  border-radius: 100px;
}

.news__card-title {
  margin-top: 20px;
  line-height: 1.2;
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.news__card-description {
  margin-top: 8px;
  color: #707681;
}

.news__card-link {
  margin-top: auto;
  padding-top: 32px;
  color: #6C6C6C;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  line-height: 1;
}

.news__card-link .btn__icon {
  -webkit-transform: translateY(-1px);
      -ms-transform: translateY(-1px);
          transform: translateY(-1px);
  fill: transparent;
  color: #6C6C6C;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.news__pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: auto;
  margin-top: 32px;
  margin-bottom: 0px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.news__pagination-item {
  width: 36px;
  height: 36px;
  -ms-flex-negative: 0px;
      flex-shrink: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #6C6C6C;
  border: 1px solid transparent;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  line-height: 1;
  cursor: pointer;
}

.news__pagination-item-arrow {
  width: 36px;
  height: 36px;
  -ms-flex-negative: 0px;
      flex-shrink: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}

.news__pagination-item-arrow:hover .news__pagination-item-arrow-icon {
  color: var(--black);
}

.news__pagination-item-arrow-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.news__pagination-item_number:hover {
  background-color: white;
  border: 1px solid #E6E6E6;
  color: var(--black);
}

.news__pagination-item_number.active {
  color: var(--black);
}

.form-news {
  position: relative;
}

.form-news__container {
  position: relative;
  z-index: 2;
}

.form-news__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--black);
  padding: 60px;
  border-radius: 12px;
}

.form-news__content {
  width: 100%;
  max-width: 518px;
}

.form-news__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  -ms-flex-direction: row;
      flex-direction: row;
}

/** Post Page */

.post-hero {
  position: relative;
}

.post-hero__container {
  position: relative;
  z-index: 2;
}

.post-hero .canvas-background {
  height: 120% !important;
}

.post-hero__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  margin-top: 32px;
}

.post-hero__tags .news__card-pin {
  margin: 0px;
}

.post-hero__tags .news__card-pin::before {
  display: none;
}

.post-hero__tags-share {
  color: #707681;
  margin-left: 12px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.post-hero__tags-share:hover {
  opacity: 0.6;
}

.post__content-img-link,
.post__text-img-img,
.post__gallery-main-link {
  position: relative;
}

.post__content-img-link:before,
.post__text-img-img:before,
.post__gallery-main-link:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
      -ms-transform: translate(-50%, -50%) scale(0.9);
          transform: translate(-50%, -50%) scale(0.9);
  width: 44px;
  height: 44px;
  background: url("../images/icons/open-img.svg") center/44px 44px no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.28s ease, -webkit-transform 0.28s ease;
  transition: opacity 0.28s ease, -webkit-transform 0.28s ease;
  transition: opacity 0.28s ease, transform 0.28s ease;
  transition: opacity 0.28s ease, transform 0.28s ease, -webkit-transform 0.28s ease;
  z-index: 3;
  pointer-events: none;
}

.post__content-img-link:hover:before,
.post__text-img-img:hover:before,
.post__gallery-main-link:hover:before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.post__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.post__content {
  width: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.post__content p {
  margin-top: 16px;
  margin-bottom: 0px;
  color: #494747;
}

.post__content-img {
  height: 467px;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  cursor: pointer;
}

.post__content-img-text {
  position: absolute;
  z-index: 2;
  bottom: 28px;
  left: 28px;
  background: rgba(13, 12, 12, 0.4392156863);
  backdrop-filter: blur(12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 6px 16px;
  border-radius: 8px;
}

.post__content-img-text-title {
  color: white;
}

.post__content-img-text-desc {
  color: #A7AAAE;
}

.post__content-img img {
  position: relative;
  z-index: 1;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.post__line {
  margin-top: 32px;
  padding-left: 44px;
  border-left: 3px solid var(--red);
}

.post__line > *:first-child {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.post__standart {
  margin-top: 32px;
}

.post__standart > *:first-child {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.post__block {
  margin-top: 72px;
}

.post__block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.post__block-title-number {
  color: #A7AAAE;
}

.post__block-title-text {
  color: var(--black);
}

.post__block-standart {
  margin-top: 24px;
}

.post__block-standart > *:first-child {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.post__technical {
  background-color: #FAFAFA;
  overflow: hidden;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-top: 36px;
}

.post__technical-title {
  background-color: var(--black);
  color: #bababa;
  padding: 12px 32px;
  border-bottom: 1px solid #E6E6E6;
}

.post__technical-list {
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.post__technical-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.post__technical-item-title {
  min-width: 70px;
  max-width: 70px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.post__technical-item-description {
  color: #494747;
}

.post__text-img {
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.post__text-img-text {
  width: 50%;
}

.post__text-img-text > *:first-child {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.post__text-img-wrapper {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
  cursor: pointer;
}

.post__text-img-wrapper:hover img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.post__text-img-img {
  border-radius: 6px;
  overflow: hidden;
  height: 260px;
}

.post__text-img-img img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
}

.post__text-img-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: flex;
  align-items: center;
  gap: 12px;
}

.post__text-img-link-title {
  color: #1B1919;
}

.post__text-img-link-desc {
  color: #707681;
}

.post__blackquote-block {
  margin-top: 36px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 36px;
}

.post__blackquote-block:hover .post__blackquote-block-author-img img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.post__blackquote-block-tag {
  color: #6C6C6C;
  opacity: 0.7;
}

.post__blackquote-block-title {
  margin-top: 8px;
}

.post__blackquote-block-text-content {
  color: #494747;
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.post__blackquote-block-text-content img {
  -webkit-transform: translateY(-6px);
      -ms-transform: translateY(-6px);
          transform: translateY(-6px);
}

.post__blackquote-block-bottom {
  padding-top: 24px;
  margin-top: 20px;
  border-top: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.post__blackquote-block-author {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.post__blackquote-block-author-img img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  pointer-events: none;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

.post__blackquote-block-author-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.post__blackquote-block-author-text-position {
  color: #6C6C6C;
  opacity: 0.7;
}

.post__block-promo {
  background-color: var(--black);
  border-radius: 6px;
  margin-top: 36px;
}

.post__block-number-list {
  margin-top: 36px;
}

.post__block-number-list ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.post__block-number-list ol li > *:first-child {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  font-size: 18px;
  color: var(--black) !important;
}

.post__block-number-list p {
  margin-top: 8px;
}

.post__block-number-list ul {
  list-style-type: disc;
  margin-top: 10px;
  color: #494747;
}

.post__gallery {
  margin-top: 36px;
}

.post__gallery-main {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.post__gallery-main .swiper-slide {
  height: 467px;
}

.post__gallery-main-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.post__gallery-main-link img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.post__gallery-main-link:hover img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.post__gallery-main-meta {
  position: absolute;
  left: 24px;
  bottom: 24px;
  background: rgba(13, 12, 12, 0.4392156863);
  backdrop-filter: blur(12px);
  border-radius: 8px;
  padding: 6px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.post__gallery-main-meta-title {
  color: #fff;
}

.post__gallery-main-meta-desc {
  color: #a7aaae;
}

.post__gallery-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
  pointer-events: none;
}

.post__gallery-nav-btn {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: none;
  background-color: rgba(73, 71, 71, 0.768627451);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
  pointer-events: auto;
}

.post__gallery-nav-btn img {
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.post__gallery-nav-btn:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.post__gallery-nav-btn_prev img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.post__gallery-thumbs {
  margin-top: 26px;
}

.post__gallery-thumbs .swiper-slide {
  height: 72px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: border-color 0.25s ease, -webkit-filter 0.25s ease;
  transition: border-color 0.25s ease, -webkit-filter 0.25s ease;
  transition: filter 0.25s ease, border-color 0.25s ease;
  transition: filter 0.25s ease, border-color 0.25s ease, -webkit-filter 0.25s ease;
  border: 2px solid transparent;
}

.post__gallery-thumbs .swiper-slide img {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.post__gallery-thumbs .swiper-slide-thumb-active {
  border-color: var(--red);
}

.post__gallery-thumbs .swiper-slide-thumb-active img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.post__block-check-list {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.post__block-check-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.post__feedback {
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 32px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  padding: 36px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.post__feedback-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  max-width: 510px;
}

.post__feedback-content-description {
  color: #707681;
}

.post__feedback-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.post__feedback-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.post__feedback-button-icon {
  fill: transparent;
}

.post__sidebar-wrapper {
  width: 35%;
}

.post__about {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.post__about-title {
  background-color: #FAFAFA;
  color: #5e5c5c;
  border-bottom: 1px solid #E6E6E6;
  padding: 20px 24px;
}

.post__about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 24px;
  gap: 3px;
}

.post__about-item {
  padding: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border: 1px solid transparent;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.post__about-item.active,
.post__about-item:hover {
  border-color: var(--red);
}

.post__about-item.active .post__about-item-text,
.post__about-item:hover .post__about-item-text {
  color: var(--black);
}

.post__about-item-number {
  color: #A7AAAE;
}

.post__about-item-text {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.post__catalog {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}

.post__catalog-img {
  height: 170px;
  overflow: hidden;
}

.post__catalog-title {
  color: #494747;
  padding: 24px;
  padding-bottom: 0px;
}

.post__catalog-btn {
  margin-top: 20px;
  margin-left: 24px;
  margin-bottom: 24px;
}

.post__form-news {
  background-color: #FAFAFA;
}

.post__news {
  background-color: #FAFAFA;
}

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

.post__news-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.post__news-nav-btn {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  border: none;
  background-color: rgba(73, 71, 71, 0.768627451);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

.post__news-nav-btn img {
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.post__news-nav-btn:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.post__news-nav-btn_prev img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.post__news-swiper {
  margin-top: 64px;
}

.post__news-swiper .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.post__news-swiper .swiper-slide {
  height: auto;
}

/** Product Page */

.product__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.product__imgs {
  width: 50%;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.product__imgs-sticky {
  width: 100%;
}

.product__content {
  width: 50%;
}

.product__gallery-main {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}

.product__gallery-main .swiper-slide {
  height: 832px;
}

.product__gallery-main-link {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  border: 1px solid #E6E6E6;
  overflow: hidden;
  border-radius: 6px;
}

.product__gallery-main-link img {
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.product__gallery-main-link:hover img {
  -webkit-filter: grayscale(0%);
          filter: grayscale(0%);
}

.product__gallery-main-link:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.9);
      -ms-transform: translate(-50%, -50%) scale(0.9);
          transform: translate(-50%, -50%) scale(0.9);
  width: 44px;
  height: 44px;
  background: url("../images/icons/open-img.svg") center/44px 44px no-repeat;
  opacity: 0;
  -webkit-transition: opacity 0.28s ease, -webkit-transform 0.28s ease;
  transition: opacity 0.28s ease, -webkit-transform 0.28s ease;
  transition: opacity 0.28s ease, transform 0.28s ease;
  transition: opacity 0.28s ease, transform 0.28s ease, -webkit-transform 0.28s ease;
  z-index: 3;
  pointer-events: none;
}

.product__gallery-main-link:hover:before {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}

.product__gallery-main-meta {
  position: absolute;
  left: 24px;
  bottom: 24px;
  background: rgba(13, 12, 12, 0.4392156863);
  backdrop-filter: blur(12px);
  border-radius: 8px;
  padding: 6px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  z-index: 4;
}

.product__gallery-main-meta-title {
  color: #fff;
}

.product__gallery-main-meta-desc {
  color: #a7aaae;
}

.product__gallery-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 16px;
  pointer-events: none;
}

.product__gallery-nav-btn {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  background-color: #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: border-color 0.25s ease;
  transition: border-color 0.25s ease;
  pointer-events: auto;
}

.product__gallery-nav-btn img {
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.product__gallery-nav-btn:hover img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.product__gallery-nav-btn_prev img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.product__gallery-thumbs {
  margin-top: 20px;
}

.product__gallery-thumbs .swiper-slide {
  height: 44px;
  border-radius: 6px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: border-color 0.25s ease, -webkit-filter 0.25s ease;
  transition: border-color 0.25s ease, -webkit-filter 0.25s ease;
  transition: filter 0.25s ease, border-color 0.25s ease;
  transition: filter 0.25s ease, border-color 0.25s ease, -webkit-filter 0.25s ease;
  border: 2px solid transparent;
}

.product__gallery-thumbs .swiper-slide img {
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.product__gallery-thumbs .swiper-slide-thumb-active {
  border-color: var(--red);
}

.product__gallery-tags {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  top: 24px;
  left: 24px;
  z-index: 4;
}

.product__gallery-tags .tooltips__item-content {
  left: calc(100% - 112px);
}

.product .tooltips__item-tag:hover .tooltips__item-button-icon {
  color: var(--red) !important;
}

.product__up-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.product__up-tags-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}

.product__up-tags-partner {
  padding: 4px 8px;
  border: 1px solid var(--red);
  border-radius: 6px;
  color: var(--red);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.product__up-tags-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.product__title {
  margin-top: 24px;
}

.product__ingeneer {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 24px;
  border-radius: 6px;
  background-color: #F1F1F1;
  border: 1px solid #E6E6E6;
}

.product__ingeneer-description {
  margin-top: 12px;
  color: #6C6C6C;
}

.product__text-left-line {
  margin-top: 16px;
  border-left: 3px solid var(--red);
  padding-left: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.4;
  color: #494747;
}

.product__specification {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 24px;
}

.product__specification-title {
  color: #979797;
  padding: 12px 20px;
  background-color: #FAFAFA;
  border-bottom: 1px solid #E6E6E6;
}

.product__specification-table {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
  padding: 12px 20px;
}

.product__specification-table-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  padding-bottom: 4px;
  border-bottom: 1px solid #E6E6E6;
}

.product__specification-table-row:nth-last-child(1) {
  border-bottom: none;
}

.product__specification-table-row:nth-last-child(2) {
  border-bottom: none;
}

.product__specification-table-row-title {
  color: #707681;
  opacity: 0.7;
}

.product__specification-table-row-value {
  color: #494747;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.product__specification-table-row-value img {
  margin-bottom: 4px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.product__specification-table-row-value img:hover {
  -webkit-filter: opacity(0.5);
          filter: opacity(0.5);
}

.product__specification-copy-toast {
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
  background: #1B1919;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  opacity: 0;
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  pointer-events: none;
  white-space: nowrap;
}

.product__specification-copy-toast.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.product__commercial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
  margin-top: 24px;
}

.product__commercial-title {
  color: white;
  background-color: var(--black);
  padding: 12px 24px;
  border-bottom: 1px solid #E6E6E6;
}

.product__commercial-tags {
  padding: 24px 24px 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.product__commercial-refresh {
  color: #A2A7AF;
}

.product__commercial-price {
  color: var(--red);
}

.product__commercial-price-block {
  padding: 12px 24px 0px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 36px;
}

.product__commercial-price-block-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.product__commercial-price-block-value {
  color: #A7AAAE;
}

.product__commercial-counter {
  margin-left: auto;
  width: 168px;
}

.product__commercial-top-table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px dashed #E6E6E6;
  margin-top: 24px;
}

.product__commercial-top-table-row {
  width: 100%;
  padding: 8px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-right: 1px dashed #E6E6E6;
}

.product__commercial-top-table-row:last-child {
  border-right: none;
}

.product__commercial-top-table-row-title {
  color: #8A8D91;
}

.product__commercial-top-table-row-value {
  color: #494747;
}

.product__commercial-center {
  padding: 20px 24px;
  background-color: #FAFAFA;
  border-top: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.product__commercial-center-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.product__commercial-center-tag {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.product__commercial-center-tag-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product__commercial-center-tag-title {
  color: #8A8D91;
}

.product__commercial-center-tag-value {
  color: #494747;
}

.product__commercial-progress {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

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

.product__commercial-progress-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product__commercial-progress-title {
  color: #707681;
}

.product__commercial-progress-bar {
  margin-top: 4px;
  height: 6px;
  border-radius: 100px;
  background: #E6E6E6;
  overflow: hidden;
}

.product__commercial-progress-bar-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.product__commercial-progress-bar-row > span {
  min-width: 0;
}

.product__commercial-progress-bar-free {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--green);
  border-radius: 0px 100px 100px 0px;
}

.product__commercial-progress-bar-reserved {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: var(--red);
  border-radius: 0px 100px 100px 0px;
}

.product__commercial-progress-bar-now {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #A7AAAE;
  border-radius: 0px 100px 100px 0px !important;
}

.product__commercial-progress-bar-neutral {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: transparent;
  border-radius: 0px 100px 100px 0px;
}

.product__commercial-progress-bar-free.is-start,
.product__commercial-progress-bar-reserved.is-start,
.product__commercial-progress-bar-now.is-start,
.product__commercial-progress-bar-neutral.is-start {
  border-radius: 100px 0 0 100px;
}

.product__commercial-progress-bar-free.is-end,
.product__commercial-progress-bar-reserved.is-end,
.product__commercial-progress-bar-now.is-end,
.product__commercial-progress-bar-neutral.is-end {
  border-radius: 0 100px 100px 0;
}

.product__commercial-progress-bar-free.is-start.is-end,
.product__commercial-progress-bar-reserved.is-start.is-end,
.product__commercial-progress-bar-now.is-start.is-end,
.product__commercial-progress-bar-neutral.is-start.is-end {
  border-radius: 100px;
}

.product__commercial-progress-about {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.product__commercial-progress-about-first {
  color: #707681;
}

.product__commercial-progress-about-first.point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.product__commercial-progress-about-first.point::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--green);
  border-radius: 100px;
}

.product__commercial-progress-about-second {
  color: #707681;
}

.product__commercial-progress-about-second.point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.product__commercial-progress-about-second.point::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: var(--red);
  border-radius: 100px;
}

.product__commercial-bottom {
  padding: 16px 24px 24px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.product__commercial-bottom-btn {
  width: 100%;
  cursor: pointer;
}

.product__config {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.product__config-title {
  border-radius: 6px 6px 0 0;
}

.product__config-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 24px;
  border-radius: 0px 0px 6px 6px;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.product__config-body-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 12px;
  padding-top: 12px;
  border-bottom: 1px dashed #E6E6E6 !important;
}

.product__config-body-item.buy-where__filter {
  padding-left: 0px;
  padding-right: 0px;
  background-color: transparent;
  border: none;
  border-radius: 0px;
  -ms-flex-negative: unset;
      flex-shrink: unset;
}

.product__config-body-item.first {
  padding-top: 0px;
  border-top: none !important;
}

.product__config-body-item.last {
  padding-bottom: 0px;
  border-bottom: none !important;
}

.product__config-body-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.product__config-body-container .product__config-body-item:nth-child(1) {
  padding-right: 12px;
  border-right: 1px dashed #E6E6E6;
}

.product__config-body-container .product__config-body-item:last-child {
  padding-left: 12px;
}

.product__config-item-title {
  padding-bottom: 8px;
  color: #707681;
  opacity: 0.7;
}

.product__config-item-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.product__config-item-tooltip.tooltips__item_center {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  min-width: 0;
}

.product__config-item-tooltip.tooltips__item .product__config-tooltip-polygon {
  position: absolute;
  top: calc(100% + 3px);
  left: 50%;
  z-index: 11;
  -webkit-transform: translate(-50%, -8px);
      -ms-transform: translate(-50%, -8px);
          transform: translate(-50%, -8px);
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.4s ease-out, visibility 0.4s, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, visibility 0.4s, -webkit-transform 0.4s ease-out;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s;
  transition: opacity 0.4s ease-out, transform 0.4s ease-out, visibility 0.4s, -webkit-transform 0.4s ease-out;
}

.product__config-item-tooltip.tooltips__item:hover .product__config-tooltip-polygon {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.product__config-item-tooltip.tooltips__item .tooltips__item-content {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: min(326px, 100vw - 48px);
  left: 0;
  right: auto;
  -webkit-transform: translateY(-8px);
      -ms-transform: translateY(-8px);
          transform: translateY(-8px);
}

.product__config-item-tooltip.tooltips__item:hover .tooltips__item-content {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.product__config-item-btn {
  color: #6C6C6C;
  cursor: pointer;
  width: 100%;
}

.product__config-item-btn.active {
  color: var(--black);
  border-color: var(--red);
}

.product__config-item-btn:hover {
  color: var(--black);
}

.product__config-item-color {
  color: #6C6C6C;
  cursor: pointer;
  gap: 8px;
}

.product__config-item-color.active {
  color: var(--black);
  border-color: var(--red);
}

.product__config-item-color.active svg {
  opacity: 1;
}

.product__config-item-color:hover {
  color: var(--black);
}

.product__config-item-color-value {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
}

.product__config-item-color-checkbox {
  border: 1px solid #E6E6E6;
  background-color: #FAFAFA;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 8px;
  margin-left: 12px;
}

.product__config-item-color-checkbox svg {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.product__info {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 0px 24px;
  border-left: 3px solid var(--red);
}

.product__info-tag {
  color: #A7AAAE;
}

.product__info-description {
  color: #494747;
}

.config__block {
  margin-top: 64px;
}

.config__tabs-wrapper {
  background-color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: 6px 6px 0px 0px;
  border-top: 1px solid #E6E6E6;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  overflow: hidden;
}

.config__tabs {
  max-width: 800px;
  width: 100%;
}

.config__tabs .center__tab {
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-radius: 0px;
}

.config__tabs-tag {
  color: white;
  opacity: 0.7;
  padding: 24px;
}

.config__content-wrapper {
  background-color: #FAFAFA;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  border-radius: 0px 0px 6px 6px;
}

.config__advantages {
  gap: 24px;
  padding: 24px;
}

.config__advantages-cards {
  width: 62%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.config__advantages-card {
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
}

.config__advantages-card-img-wrapper {
  width: 100%;
  height: 172px;
  overflow: hidden;
  position: relative;
}

.config__advantages-card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 1;
}

.config__advantages-card-tag {
  position: absolute;
  z-index: 2;
  top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.config__advantages-card-tag_first {
  left: 16px;
}

.config__advantages-card-tag_second {
  right: 16px;
}

.config__advantages-card-content {
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.config__advantages-card-min-text {
  color: var(--red);
  opacity: 0.7;
  padding: 0px 9px;
}

.config__advantages-card-title {
  border-bottom: 1px solid #F1F1F1;
  border-radius: 0px 0px 6px 6px;
  padding-bottom: 8px;
  padding: 0px 9px;
}

.config__advantages-card-tec {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  margin-top: 8px;
  color: #6C6C6C;
  padding: 0px 9px;
}

.config__advantages-card-desc {
  margin-top: 4px;
  color: #494747;
  padding: 0px 9px;
}

.config__advantages-card-block {
  padding: 16px;
  background-color: #FAFAFA;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.config__advantages-card-block-text {
  color: #494747;
}

.config__advantages-about {
  width: 38%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
}

.config__advantages-about-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px 32px 24px 32px;
  border-bottom: 1px solid #E6E6E6;
}

.config__advantages-about-tag {
  color: #A7AAAE;
}

.config__advantages-about-title {
  margin-top: 12px;
}

.config__advantages-about-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 20px;
}

.config__advantages-about-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 4px 0px 8px 0px;
  border-bottom: 1px solid #F1F1F1;
}

.config__advantages-about-list-tag {
  color: #707681;
}

.config__advantages-about-list-text {
  color: #494747;
}

.config__advantages-about-block {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  padding: 24px;
  border-radius: 6px;
}

.config__advantages-about-block-text {
  color: #494747;
}

.config__advantages-about-block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.config__advantages-about-block-list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.config__advantages-about-block-list-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.config__advantages-about-block-list-description {
  color: #707681;
}

.config__advantages-about-garant {
  padding: 20px 32px 32px 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.config__advantages-about-garant-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.config__advantages-about-garant-title {
  color: #8A8D91;
}

.config__advantages-about-garant-value {
  color: var(--red);
}

.config__ttx {
  padding: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.config__ttx-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.config__ttx-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.config__ttx-description {
  color: #8A8D91;
}

.config__search {
  max-width: 324px;
}

.config__ttx-table {
  margin-top: 20px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #E6E6E6;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  overflow: hidden;
}

.config__ttx-table-th {
  background-color: var(--black);
  text-align: start;
  padding: 8px 24px;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.config__ttx-table-th:last-child {
  border-right: none;
}

.config__ttx-table-title {
  color: white;
}

.config__ttx-table-td {
  padding: 8px 24px;
  background-color: white;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
}

.config__ttx-table-td:last-child {
  border-right: none;
}

.config__ttx-table-td_code {
  background-color: #F5F5F5;
}

.config__ttx-table-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.config__ttx-table-code {
  color: #494747;
}

.config__ttx-table-tag {
  color: #8A8D91;
}

.config__ttx-table-value {
  color: #494747;
}

.config__ttx-table-td_copy {
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__ttx-table-td_copy:hover {
  background-color: #F5F5F5;
}

.config__ttx-table-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 24px;
  border-left: 1px solid #E6E6E6;
  border-right: 1px solid #E6E6E6;
  border-bottom: 1px solid #E6E6E6;
  border-radius: 0px 0px 6px 6px;
  background-color: white;
}

.config__ttx-copy-all {
  position: relative;
  margin-left: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border: none;
  padding: 0;
  background: transparent;
  font: inherit;
  color: #6C6C6C;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__ttx-copy-all:hover {
  opacity: 0.5;
}

.config__ttx-copy-toast {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 2;
  padding: 4px 8px;
  border-radius: 6px;
  background-color: #1B1919;
  color: #fff;
  opacity: 0;
  -webkit-transform: translate(-50%, 6px);
      -ms-transform: translate(-50%, 6px);
          transform: translate(-50%, 6px);
  -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, -webkit-transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transition: opacity 0.2s ease, transform 0.2s ease, -webkit-transform 0.2s ease;
  pointer-events: none;
  white-space: nowrap;
}

.config__ttx-copy-toast.is-visible {
  opacity: 1;
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.config__doc {
  padding: 24px;
  gap: 24px;
}

.config__doc-tabs-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  max-width: 312px;
  width: 100%;
}

.config__doc-tabs-title {
  color: #6C6C6C;
}

.config__doc-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.config__doc-tab {
  padding: 16px 20px;
  border: 1px solid #E6E6E6;
  background-color: white;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  color: #707681;
}

.config__doc-tab:hover,
.config__doc-tab.active {
  border-color: var(--red);
  color: var(--black);
}

.config__doc-tab:hover .config__doc-tab-icon,
.config__doc-tab.active .config__doc-tab-icon {
  color: var(--red);
}

.config__doc-tab-icon {
  fill: transparent;
  color: #8A8D91;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__doc-content-wrapper {
  width: 100%;
}

.config__doc-content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}

.config__doc-head {
  padding: 24px;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 20px;
}

.config__doc-head-img {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E6E6E6;
}

.config__doc-head-img-icon {
  fill: transparent;
  color: var(--red);
}

.config__doc-head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.config__doc-head-title {
  color: var(--black);
}

.config__doc-head-description {
  color: #494747;
}

.config__doc-for {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--black);
  margin-top: 32px;
}

.config__doc-accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 28px;
  margin-top: 20px;
}

.config__doc-accordion-item {
  margin-top: 0px !important;
}

.config__doc-accordion-item.uk-open .config__doc-accordion-title-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.config__doc-accordion-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #707681;
  padding-bottom: 12px;
  border-bottom: 1px dashed #E6E6E6;
}

.config__doc-accordion-title:before {
  display: none;
}

.config__doc-accordion-title-icon {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__doc-accordion-content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.config__doc-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 24px 21px;
}

.config__doc-card-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.config__doc-card-tag-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__doc-card-tag-icon:hover {
  color: var(--red);
}

.config__doc-card-title {
  margin-top: 12px;
}

.config__doc-card-description {
  margin-top: 4px;
  color: #8A8D91;
}

.config__doc-card-download {
  margin-top: 16px;
  padding-top: 12px;
  border-top: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #707681;
}

.config__doc-card-download:hover {
  color: var(--black);
}

.config__doc-card-download:hover .config__doc-card-download-icon {
  color: var(--black);
}

.config__doc-card-download-icon {
  fill: transparent;
  color: #707681;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__log {
  padding: 24px;
  gap: 24px;
}

.config__log-accordion {
  width: 70%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.config__log-accordion-item {
  margin-top: 0px !important;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  background-color: white;
}

.config__log-accordion-item.uk-open .config__log-accordion-icon-img {
  color: var(--red);
}

.config__log-accordion-item.uk-open .config__log-accordion-title {
  color: var(--black);
}

.config__log-accordion-item.uk-open .config__log-accordion-arrow-text {
  color: var(--red);
}

.config__log-accordion-item.uk-open .config__log-accordion-arrow-icon {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.config__log-accordion-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E6E6E6;
}

.config__log-accordion-icon-img {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__log-accordion-title-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 20px;
  padding: 24px;
}

.config__log-accordion-title-link:before {
  display: none;
}

.config__log-accordion-title-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.config__log-accordion-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.config__log-accordion-title {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__log-accordion-arrow-block {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}

.config__log-accordion-arrow-text {
  color: #707681;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__log-accordion-arrow-icon {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.config__log-accordion-item-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
  padding: 14px 24px 14px 55px;
  background-color: #FAFAFA;
  width: 100%;
  border-top: 1px solid #E6E6E6;
}

.config__log-accordion-content {
  margin-top: 0px !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.config__log-accordion-item-number {
  color: #A7AAAE;
}

.config__log-accordion-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.config__log-accordion-item-content-title {
  color: var(--black);
}

.config__log-accordion-item-content-sku {
  color: #8A8D91;
}

.config__log-accordion-item-count {
  margin-left: auto;
  color: var(--black);
  width: 44px;
  height: 44px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: auto;
}

.config__log-right {
  width: 30%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

.config__log-itog {
  background-color: var(--black);
  border-radius: 6px;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.config__log-itog .tooltips__item-tag {
  background-color: transparent;
  border: none;
  padding: 0px;
}

.config__log-itog-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.config__log-itog-top .tooltips__item.tooltips__item_fit .tooltips__item-content {
  left: auto;
  right: -30px;
  max-width: 412px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 0;
  background-color: #ffffff;
  border: none;
  -webkit-box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0px 6px 11px 0px rgba(0, 0, 0, 0.1215686275);
}

.config__log-itog-top .tooltips__item-content > img {
  left: auto;
  right: 30px;
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

.config__log-itog-top .tooltips__item-content-description {
  color: #494747;
}

.config__log-itog-top .tooltips__item-content-title {
  color: #494747;
}

.config__log-itog-title {
  color: white;
}

.config__log-itog-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  margin-top: 24px;
  border-top: 1px solid #A7AAAE;
  padding-top: 16px;
  margin-top: 28px;
}

.config__log-itog-list-item {
  padding: 4px 0px 8px 0px;
  border-bottom: 1px solid #494747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.config__log-itog-list-item-title {
  color: #A7AAAE;
}

.config__log-itog-list-item-value {
  color: white;
}

.config__log-itog-ready {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #b9b9b9;
}

.config__log-gabarits {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 24px;
}

.config__log-gabarits-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.config__log-gabarits-head-icon-wrapper {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #E6E6E6;
}

.config__log-gabarits-body {
  position: relative;
}

.config__log-gabarits-body img {
  pointer-events: none;
}

.config__log-gabarits-tag {
  position: absolute;
  text-align: right;
  color: #707681;
  opacity: 0.7;
}

.config__log-gabarits-tag_width {
  right: 74%;
  bottom: 20%;
}

.config__log-gabarits-tag_length {
  left: 65%;
  bottom: 23%;
}

.config__log-gabarits-tag_height {
  left: 81%;
  top: 34%;
}

.config__log-gabarits-note {
  color: #707681;
  opacity: 0.7;
}

.config__log-gabarits-btn {
  width: 100%;
}

.set {
  background-color: #FAFAFA;
}

.set__logic {
  padding: 20px 24px;
  border: 1px solid #E6E6E6;
  background-color: white;
  border-radius: 8px;
  margin-top: 64px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.set__logic-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.set__logic-body {
  margin-top: 8px;
  padding-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 80px;
  border-top: 1px solid #F1F1F1;
}

.set__logic-problem {
  width: 73%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.set__logic-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #494747;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  line-height: 1;
}

.set__logic-blackquote {
  color: #494747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 16px;
}

.set__logic-result {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.set__logic-result-text {
  color: #A7AAAE;
}

.set__catalog {
  margin-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.set__tabs-wrapper {
  width: 22%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding: 12px;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.set__tabs-title {
  padding: 12px 16px;
  color: #6C6C6C;
  opacity: 0.7;
}

.set__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.set__tab {
  padding: 12px 24px;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.set__tab:hover,
.set__tab.active {
  border-color: var(--red);
  outline-color: var(--red);
}

.set__tab:hover .set__tab-icon,
.set__tab.active .set__tab-icon {
  color: var(--red);
}

.set__tab:hover .set__tab-title,
.set__tab.active .set__tab-title {
  color: var(--black);
}

.set__tab:hover .set__tab-tag,
.set__tab.active .set__tab-tag {
  color: #707681;
}

.set__tab-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.set__tab-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.set__tab-title {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.set__tab-tag {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.set__content-wrapper {
  width: 56%;
}

.set__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.set__complex {
  background-color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  padding: 20px;
  border-radius: 6px;
}

.set__complex-icon {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 8px;
  background-color: rgba(245, 245, 245, 0.1215686275);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.set__complex-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

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

.set__complex-content-head-text {
  color: #A7AAAE;
}

.set__complex-content-title {
  color: white;
  margin-top: 8px;
}

.set__complex-content-tag {
  color: #A7AAAE;
  margin-top: 4px;
}

.set__complex-add {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.set__complex-add-btn {
  border: 1px solid #E6E6E6;
  background-color: #F5F5F5;
  border-radius: 6px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.set__complex-add-btn:hover {
  background-color: white;
}

.set__complex-add-btn:hover .set__complex-add-btn-icon path {
  stroke: var(--black);
}

.set__complex-add-btn-icon path {
  stroke: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.set__complex-prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.set__complex-prices-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
}

.set__complex-prices-item-price-old {
  color: #A7AAAE;
  text-decoration: line-through;
}

.set__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #E6E6E6;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.set__about-icon {
  fill: transparent;
  color: var(--red);
}

.set__about-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.set__about-count {
  -ms-flex-item-align: end;
      -ms-grid-row-align: end;
      align-self: end;
  color: #A7AAAE;
  margin-left: auto;
}

.set__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.set__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 12px;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.set__product:hover {
  border-color: var(--red);
}

.set__product-img-wrapper {
  width: 140px;
  height: 140px;
  overflow: hidden;
  border-radius: 10px;
  background-color: #FAFAFA;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

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

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

.set__product-tag {
  color: #A7AAAE;
}

.set__product-about {
  margin-top: 8px;
  color: #A7AAAE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 8px;
}

.set__product-about img {
  -webkit-transform: translateY(-3.5px);
      -ms-transform: translateY(-3.5px);
          transform: translateY(-3.5px);
}

.set__product-stats {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.set__product-stat {
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 6px 8px;
  color: #6C6C6C;
  border: 1px solid #D5D7DA;
  border-radius: 6px;
  max-width: 200px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-transition: opacity 0.3s ease, max-width 0.3s ease, margin 0.3s ease, padding 0.3s ease, border-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, max-width 0.3s ease, margin 0.3s ease, padding 0.3s ease, border-color 0.3s ease, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, max-width 0.3s ease, margin 0.3s ease, padding 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
  transition: opacity 0.3s ease, max-width 0.3s ease, margin 0.3s ease, padding 0.3s ease, border-color 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
}

.set__product-stat.is-hidden {
  max-width: 0;
  margin-right: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  border-color: transparent;
  opacity: 0;
  -webkit-transform: translateY(-4px);
      -ms-transform: translateY(-4px);
          transform: translateY(-4px);
  pointer-events: none;
}

.set__product-stat-all {
  color: var(--red);
  border-bottom: 1px solid var(--red);
  margin-left: 12px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.set__product-stat-all:hover {
  opacity: 0.5;
}

.set__product-price-wrapper {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}

.set__product-counter {
  width: 122px !important;
}

.set__cart {
  width: 22%;
  background-color: white;
  border-radius: 6px;
  overflow: hidden;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.set__cart-head {
  padding: 20px;
  background-color: var(--black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.set__cart-head-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.set__cart-head-title {
  color: white;
}

.set__cart-head-tag {
  color: #A7AAAE;
}

.set__cart-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.set__cart-counter-item {
  width: 100%;
  padding: 8px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.set__cart-counter-item:nth-child(n+2) {
  border-left: 1px solid #F1F1F1;
}

.set__cart-counter-item-title {
  color: #707681;
}

.set__cart-products {
  background-color: #F1F1F1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 20px;
  min-height: 320px;
}

.set__cart-product {
  padding-bottom: 8px;
  border-bottom: 1px solid #E6E6E6;
}

.set__cart-product-title {
  color: #494747;
}

.set__cart-product-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.set__cart-product-count {
  color: #A7AAAE;
}

.set__cart-product-price {
  color: #494747;
  margin-left: auto;
}

.set__cart-product-delete {
  border: 1px solid #E6E6E6;
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 6px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
}

.set__cart-product-delete:hover {
  border-color: var(--red);
  background-color: white;
}

.set__cart-product-delete:hover .set__cart-product-delete-icon {
  color: var(--red);
}

.set__cart-product-delete-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.set__cart-product-delete-icon:hover {
  color: var(--red);
}

.set__cart-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 16px 20px;
}

.set__cart-total-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 16px;
}

.set__cart-total-btn {
  cursor: pointer;
  width: 100%;
  margin-top: 16px;
}

.set__cart-total-btn .btn__icon {
  fill: transparent;
  color: white;
}

.set__cart-total-vat {
  color: #A7AAAE;
  margin-top: 12px;
}

.stat-detail__container {
  max-width: 628px !important;
}

.stat-detail__title {
  margin-top: 10px !important;
}

.stat-detail__about {
  margin-top: 16px !important;
}

.stat-detail__stats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 40px;
}

.stat-detail__stats-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 8px;
  padding: 6px 0px;
  border-bottom: 1px solid #E6E6E6;
}

.stat-detail__stats-item-title {
  color: #494747;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.stat-detail__stats-item-title:before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6px;
  height: 6px;
  background-color: var(--red);
  border-radius: 100px;
}

.stat-detail__stats-item-value {
  color: #383838;
}

.stat-detail__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  margin-top: 40px;
}

.stat-detail__buttons-btn {
  cursor: pointer;
}

.stat-detail__buttons-btn:nth-child(1) {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.stat-detail__buttons-btn:nth-child(2) {
  width: 100%;
}

.standart {
  position: relative;
}

.standart__container {
  position: relative;
  z-index: 2;
}

.standart__cards {
  margin-top: 64px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.standart__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: #F5F5F5;
  border-radius: 6px;
}

.standart__card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
  padding: 20px 24px;
  border-bottom: 1px solid #E6E6E6;
}

.standart__card-tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--red);
}

.standart__card-tag::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: var(--red);
}

.standart__card-icon {
  fill: transparent;
  color: var(--red);
}

.standart__card-content {
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.standart__card-value-wrapper {
  padding: 16px;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #E6E6E6;
  margin-top: 20px;
  margin-bottom: 20px;
}

.standart__card-subtitle {
  color: #8A8D91;
}

.standart__card-description {
  margin-top: 16px;
  color: #494747;
}

.standart__card-border-wrapper {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  gap: 8px;
  padding: 15px 24px;
}

.standart__card-border-title {
  color: #707681;
}

.standart__card-border-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  line-height: 1;
}

.standart__card-tag-aprove {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}

.standart__tooltips {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin-top: 32px;
  overflow: visible;
}

.standart__tooltip {
  background-color: white;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  cursor: pointer;
  overflow: visible;
}

.standart__tooltip.tooltips__item_none .tooltips__item-tag {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0;
}

.standart__tooltip.tooltips__item .tooltips__item-content {
  left: 50%;
  right: auto;
  width: 100%;
  -webkit-transform: translate(-50%, -8px);
      -ms-transform: translate(-50%, -8px);
          transform: translate(-50%, -8px);
}

.standart__tooltip.tooltips__item:hover .tooltips__item-content {
  -webkit-transform: translate(-50%, 0);
      -ms-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.standart__tooltip.tooltips__item .tooltips__item-content img {
  left: 28px;
}

.standart__tooltip:hover {
  border-color: var(--red);
}

.standart__tooltip:hover .standart__tooltip-icon {
  color: var(--red);
}

.standart__tooltip:hover .standart__tooltip-tag {
  color: var(--red);
}

.standart__tooltip:hover .standart__tooltip-title {
  color: var(--black);
}

.standart__tooltip:hover .standart__tooltip-description {
  color: #8A8D91;
}

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

.standart__tooltip-icon {
  fill: transparent;
  color: #8A8D91;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.standart__tooltip-tag {
  color: #8A8D91;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.standart__tooltip-title {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #494747;
  margin-top: 16px;
}

.standart__tooltip-description {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-top: 12px;
  color: #8A8D91;
}

.standart__block {
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding: 28px 32px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}

.standart__block-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: white;
  border: 1px solid #E6E6E6;
}

.standart__block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 748px;
}

.standart__block-content-description {
  color: #494747;
  margin-top: 4px;
}

.standart__block-content-tag {
  color: #8A8D91;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed #E6E6E6;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.standart__block-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-left: auto;
}

.comp {
  background-color: #FAFAFA;
}

.comp__content-wrapper {
  margin-top: 64px;
}

.comp__content {
  gap: 26px;
}

.comp__main-wraper {
  position: relative;
  width: 34%;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
}

.comp__main-img {
  position: absolute;
  z-index: 1;
}

.comp__main {
  height: 100%;
  width: 100%;
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 2;
}

.comp__main-title {
  margin-top: 12px;
  color: #FFFFFF;
}

.comp__main-value-wrapper {
  margin-top: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.comp__main-value {
  color: #FFFFFF;
}

.comp__main-progress-bar {
  margin-top: 12px;
  width: 100%;
  border-radius: 100px;
  background-color: #F5F5F5;
  height: 6px;
  position: relative;
  overflow: hidden;
}

.comp__main-progress-bar::before {
  content: "";
  display: block;
  width: var(--progress-percent, 0%);
  height: 100%;
  background-color: #921A2A;
  border-radius: 100px;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
}

.comp__main-value-list {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.comp__main-value-item {
  color: #A7AAAE;
}

.comp__main-block {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  border: 1px solid #494747;
  background-color: rgba(56, 56, 56, 0.5019607843);
  padding: 24px;
  border-radius: 6px;
}

.comp__main-block-text {
  color: #FFFFFF;
  line-height: 1.4;
}

.comp__main-category-title {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #FFFFFF;
}

.comp__main-category-value {
  margin-top: 12px;
  background-color: #383838;
  border: 1px solid #494747;
  color: white;
  padding: 12px 24px;
  border-radius: 6px;
}

.comp__cards {
  width: 66%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}

.comp__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}

.comp__card-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.comp__card-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 8px;
  background-color: #FAFAFA;
  border: 1px solid #FAFAFA;
}

.comp__card-block-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.comp__card-title {
  color: #494747;
}

.comp__card-tag {
  color: #707681;
  opacity: 0.7;
}

.comp__card-tag-aprove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  margin-left: auto;
}

.comp__card-progresses {
  margin-top: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}

.comp__card-progress-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
}

.comp__card-progress-value-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.comp__card-progress-title {
  color: #707681;
}

.comp__card-progress-bar {
  height: 6px;
  background-color: #F5F5F5;
  border-radius: 100px;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.comp__card-progress-bar::before {
  content: "";
  display: block;
  width: var(--progress-percent, 0%);
  height: 100%;
  border-radius: 100px;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
}

.comp__card-progress-bar_red::before {
  background-color: #921A2A;
}

.comp__card-progress-bar_gray::before {
  background-color: #A7AAAE;
}

.comp__card-description {
  margin-top: 24px;
  border-top: 1px solid #E6E6E6;
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
  color: #6C6C6C;
}

.comp__card-description img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.solution {
  position: relative;
  background-color: #FAFAFA;
}

.solution__container {
  position: relative;
  z-index: 2;
}

.solution__slider {
  margin-top: 64px;
}

.solution__swiper {
  overflow: hidden;
}

.solution__swiper .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.solution__swiper .swiper-slide {
  height: auto;
}

.solution__card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  overflow: hidden;
  height: 100%;
}

.solution__card-head {
  position: relative;
  height: 182px;
  width: 100%;
}

.solution__card-head img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}

.solution__card-content {
  position: relative;
  z-index: 2;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 24px;
}

.solution__card-content-title {
  margin-top: 4px;
  color: white;
}

.solution__card-content-value {
  margin-top: auto;
  color: white;
}

.solution__card-body {
  padding: 20px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.solution__card-problem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
}

.solution__card-problem:nth-child(n+2) {
  margin-top: 16px;
}

.solution__card-problem-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5px;
  color: #707681;
  line-height: 1;
}

.solution__card-problem-value {
  padding-bottom: 4px;
  border-bottom: 1px solid #707681;
}

.solution__card-problem-description {
  color: #707681;
}

.solution__card-result {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  margin-top: 16px;
}

.solution__card-result-item {
  padding: 8px 16px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 58%;
}

.solution__card-result-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #8A8D91;
  gap: 4px;
  width: 42%;
}

.solution__card-result-description img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.solution__card-verdict {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.solution__card-verdict-title {
  color: #707681;
  opacity: 0.7;
}

.solution__card-verdict-aprove {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  line-height: 1;
}

.solution__card-blockquote {
  margin-top: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #494747;
}

.solution__card-blockquote img {
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
}

.solution__card-author-block {
  padding: 16px;
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  margin-top: 16px;
  margin-bottom: 20px;
}

.solution__card-author-block-text {
  color: #707681;
  font-style: italic;
}

.solution__card-author-wrapper {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.solution__card-author-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.solution__card-author-name {
  color: #494747;
}

.solution__card-author-position {
  color: #A7AAAE;
}

.solution__card-btn {
  margin-top: auto;
  width: 100%;
}

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

.solution__swiper-fraction-sep {
  color: #707681;
  opacity: 0.7;
}

.solution__swiper-fraction-total {
  color: #707681;
  opacity: 0.7;
}

.solution__swiper-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.solution__swiper-nav-btn {
  width: 44px;
  height: 44px;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  background-color: #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: border-color 0.25s ease;
  transition: border-color 0.25s ease;
  padding: 0;
}

.solution__swiper-nav-btn img {
  -webkit-transition: -webkit-filter 0.25s ease;
  transition: -webkit-filter 0.25s ease;
  transition: filter 0.25s ease;
  transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.solution__swiper-nav-btn:hover img {
  -webkit-filter: brightness(0);
          filter: brightness(0);
}

.solution__swiper-nav-btn_prev img {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.solution__block {
  background-color: white;
  border: 1px solid #E6E6E6;
  padding: 28px 32px;
  border-radius: 6px;
  margin-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 150px;
}

.solution__block-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 740px;
  width: 100%;
}

.solution__block-content-tag {
  color: #707681;
  opacity: 0.7;
}

.solution__block-content-title {
  margin-top: 4px;
}

.solution__block-content-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  margin-top: 21px;
}

.solution__block-content-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 32px;
  padding-bottom: 4px;
  border-bottom: 1px solid #F1F1F1;
}

.solution__block-content-item:last-child {
  border-bottom: none;
}

.solution__block-content-item-title {
  width: 122px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  color: #707681;
  gap: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.solution__block-content-item-title::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  background-color: var(--red);
}

.solution__block-content-item-description {
  color: #494747;
}

.solution__block-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.solution__block-right-description {
  color: #707681;
  opacity: 0.7;
  margin-top: 4px;
}

.solution__block-btn {
  margin-top: 32px;
}

.faq-product .send-form__btn {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

/** Catalog Page */

.hero-catalog {
  background-color: #FAFAFA;
}

.ai-conf {
  background-color: #FAFAFA;
  padding-bottom: 44px;
}

.ai-conf__form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  background-color: #F5F5F5;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
  padding: 32px;
}

.ai-conf__form-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 90%;
}

.ai-conf__form-title {
  display: block;
}

.ai-conf__form-input {
  margin-top: 16px;
}

.ai-conf__form-input-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}

.ai-conf__form-input-fields {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 16px 24px;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  border-right: none;
  border-radius: 6px 0 0 6px;
}

.ai-conf__form-input-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  width: 100%;
  border: none;
  background: transparent;
  outline: none;
  padding: 0;
  color: #1B1919;
}

.ai-conf__form-input-text::-webkit-input-placeholder {
  color: #8A8D91;
}

.ai-conf__form-input-text::-moz-placeholder {
  color: #8A8D91;
}

.ai-conf__form-input-text:-ms-input-placeholder {
  color: #8A8D91;
}

.ai-conf__form-input-text::-ms-input-placeholder {
  color: #8A8D91;
}

.ai-conf__form-input-text::placeholder {
  color: #8A8D91;
}

.ai-conf__form-input-file {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  margin: 0;
}

.ai-conf__form-input-file-input {
  display: none;
}

.ai-conf__form-input-file-icon {
  display: block;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.ai-conf__form-input-btn {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 12px;
  padding: 16px 24px;
  border: 1px solid #E6E6E6;
  border-left: none;
  border-radius: 0 6px 6px 0;
  background-color: var(--black);
  color: white;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.ai-conf__form-input-btn:hover {
  background-color: var(--red);
}

.ai-conf__form-input-btn-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-filter: brightness(1000%);
          filter: brightness(1000%);
}

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

.ai-conf__form-tags-title {
  color: #8A8D91;
}

.ai-conf__form-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 12px;
}

.ai-conf__form-tag {
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.ai-conf__form-tag:hover {
  border-color: var(--red);
}

.category {
  padding: 0px 0px 112px 0px;
  background-color: #FAFAFA;
}

.category__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
}

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

.category__tab {
  padding: 16px 28px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  outline: 1px solid transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.category__tab:hover,
.category__tab.active {
  border-color: var(--red);
  outline-color: var(--red);
}

.category__tab:hover .category__tab-title,
.category__tab.active .category__tab-title {
  color: var(--black);
}

.category__tab:hover .category__tab-data,
.category__tab.active .category__tab-data {
  color: var(--red);
}

.category__tab-title {
  color: #494747;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.category__tab-title.text_color_accent {
  color: var(--red) !important;
}

.category__tab-data {
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.category__content-wrapper {
  width: 100%;
}

.category__content {
  gap: 24px;
}

.category__about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  overflow: hidden;
  width: 40%;
}

.category__about-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.category__about-head-ref {
  color: #A7AAAE;
}

.category__about-title {
  margin-top: 16px;
}

.category__about-description {
  margin-top: 20px;
  color: #494747;
}

.category__about-data {
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #FAFAFA;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  margin-top: 36px;
}

.category__about-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 32px;
}

.category__about-data-item {
  padding: 10px 32px;
  border-right: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 100%;
}

.category__about-data-item:last-child {
  border-right: none;
}

.category__about-data-item-title {
  color: #494747;
}

.category__about-data-item-value {
  color: #A7AAAE;
}

.category__about-config-title {
  margin-top: 20px;
  color: #707681;
  opacity: 0.7;
}

.category__about-config {
  padding: 12px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  background-color: #FAFAFA;
  border-radius: 8px;
  border: 1px solid #E6E6E6;
  margin-top: 12px;
}

.category__about-config-icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 44px;
  height: 44px;
  background-color: #F1F1F1;
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.category__about-config-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}

.category__about-config-item-title {
  color: #494747;
}

.category__about-config-description {
  color: #8A8D91;
}

.category__about-buttons {
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.category__about-button {
  width: 100%;
}

.category__about-footer {
  background-color: var(--black);
  padding: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.category__about-footer-title {
  margin-top: 12px;
  color: white;
}

.category__about-footer-description {
  margin-top: 16px;
  color: #A7AAAE;
}

.category__about-footer-button {
  margin-top: 28px;
}

.category__list-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
  background-color: white;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.category__list-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 12px 24px;
  background-color: var(--black);
  border-bottom: 1px solid #E6E6E6;
}

.category__list-head-icon {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #494747;
  border: 1px solid #383838;
  border-radius: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.category__list-head-title {
  color: #F5F5F5;
}

.category__list-head-arrow {
  margin-left: auto;
}

.category__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.category__list-item {
  padding: 20px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  border-bottom: 1px solid #E6E6E6;
}

.category__list-item:last-child {
  border-bottom: none;
}

.category__list-item-title {
  color: #494747;
}

.category__list-item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  padding: 4px 0px;
}

.category__list-item-content-description {
  color: #8A8D91;
}

.category__list-item-content-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.category__list-item-content-data::before {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1px;
  height: 12px;
  background-color: #D5D7DA;
}

.category__list-item-content-data-title {
  margin-left: 10px;
  color: #A7AAAE;
}

.category__list-item-content-data-value {
  margin-left: 4px;
  color: #494747;
}

.catalog {
  padding-top: 48px;
}

.catalog__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.catalog__filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 52px;
}

.catalog__filter-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.catalog__filter-header-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}

.catalog__filter-header-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.catalog__filter-header-data-item {
  color: #8A8D91;
}

.catalog__filter-form {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 16px;
}

.catalog__filter-form-more {
  grid-column: 1/-1;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  gap: 32px 16px;
  overflow: hidden;
  max-height: 0;
  margin-top: -32px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: max-height 0.45s ease, opacity 0.35s ease, margin-top 0.45s ease, visibility 0s linear 0.45s;
  transition: max-height 0.45s ease, opacity 0.35s ease, margin-top 0.45s ease, visibility 0s linear 0.45s;
}

.catalog__filter-form.is-expanded .catalog__filter-form-more {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  -webkit-transition: max-height 0.45s ease, opacity 0.35s ease, margin-top 0.45s ease, visibility 0s;
  transition: max-height 0.45s ease, opacity 0.35s ease, margin-top 0.45s ease, visibility 0s;
}

.catalog__filter-group {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.catalog__filter-group-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px 24px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 80px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}

.catalog__filter-group-items.long {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.catalog__filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
}

.catalog__filter-item-checkbox {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f1f1f1;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  cursor: pointer;
}

.catalog__filter-item-checkbox svg {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.catalog__filter-item-checkbox.active svg {
  opacity: 1;
}

.catalog__filter-item-title {
  margin-left: 12px;
}

.catalog__filter-item-count {
  margin-left: 4px;
  color: #A7AAAE;
}

.catalog__filter-btn {
  margin-left: auto;
  cursor: pointer;
}

.catalog__options {
  padding: 52px 0px 0px 0px;
  border: none;
  border-radius: 0px;
  background-color: transparent;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.catalog__options-title {
  color: #6C6C6C;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.catalog__options-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.catalog__options-tabs {
  margin-left: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.catalog__options-tab {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding: 0px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.catalog__options-tab.active .catalog__options-tab-icon,
.catalog__options-tab:hover .catalog__options-tab-icon {
  color: var(--black);
}

.catalog__options-tab-icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.catalog__options-sort-title {
  margin-left: 40px;
  color: #A7AAAE;
}

.catalog__options-sort {
  margin-left: 16px;
  width: 228px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.catalog__search {
  margin-left: auto;
}

.catalog__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  padding-top: 32px;
}

.catalog__products.standart {
  gap: 20px;
}

.catalog__products.min {
  gap: 12px;
}

.catalog__products.min .catalog__product {
  max-height: 128px;
  gap: 0px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.catalog__products.min .catalog__product-new-text {
  display: none;
}

.catalog__products.min .catalog__product-img-wrapper {
  width: 128px;
  height: 128px;
}

.catalog__products.min .catalog__product-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 4px 12px;
  padding: 20px 32px;
  max-width: 462px;
  width: auto;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}

.catalog__products.min .catalog__product-sku {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.catalog__products.min .catalog__product-status {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

.catalog__products.min .catalog__product-title {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.catalog__products.min .catalog__product-datas {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  height: 128px;
  width: 260px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  gap: 20px;
  padding: 0 32px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: none;
  position: relative;
}

.catalog__products.min .catalog__product-datas::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 55px;
  border-left: 1px dashed #D5D7DA;
}

.catalog__products.min .catalog__product-data {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: auto;
  border-bottom: none;
  padding: 0;
  gap: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  opacity: 1;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.catalog__products.min .catalog__product-data:not(.main) {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.catalog__products.min .catalog__product-buttons {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 24px;
  gap: 8px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-left: none;
}

.catalog__products.min .catalog__product-button {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.catalog__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: white;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
  max-height: 600px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
}

.catalog__product-promo {
  margin: 0px;
  padding: 32px 110px 32px 32px;
}

.catalog__product-img-wrapper {
  position: relative;
  width: 232px;
  height: 232px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background-color: #FAFAFA;
  padding: 10px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.catalog__product-img {
  position: relative;
  z-index: 1;
}

.catalog__product-new {
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 2;
  padding: 4px 12px;
  background-color: var(--green);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.catalog__product-new-text {
  color: white;
}

.catalog__product-content {
  padding: 20px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  color: #A7AAAE;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.catalog__product-title {
  color: var(--black);
}

.catalog__product-datas {
  padding: 20px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 232px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 28px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.catalog__product-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 232px;
  padding: 4px 0px;
  border-bottom: 1px solid #E6E6E6;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.catalog__product-data-title {
  color: #707681;
}

.catalog__product-data-value {
  color: #494747;
}

.catalog__product-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0px 32px 0px 24px;
  gap: 12px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  margin-left: auto;
}

.catalog__product-button {
  width: 100%;
}

.catalog__product-button_favorite .btn__icon {
  fill: transparent;
}

.catalog__pagination-block {
  padding-top: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.catalog__pagination-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}

.catalog__pagination-view-title {
  color: #6C6C6C;
}

.catalog__pagination-view-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.catalog__pagination-view-button {
  background-color: #F5F5F5;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  color: #6C6C6C;
  line-height: 1;
}

.catalog__pagination-view-button.active,
.catalog__pagination-view-button:hover {
  background-color: white;
  border-color: #D5D7DA;
  color: var(--black);
}

.catalog__pagination {
  margin: 0px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.comparison-line {
  display: none;
  background-color: var(--black);
  padding: 24px 0px;
}

.comparison-line__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.comparison-line__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.comparison-line__head-title {
  color: white;
}

.comparison-line__head-count {
  color: white;
  background-color: var(--red);
  border-radius: 4px;
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.comparison-line__products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.comparison-line__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #E6E6E6;
  border-radius: 4px;
  overflow: hidden;
  height: 46px;
  padding-right: 8px;
}

.comparison-line__product-img-wrapper {
  width: 46px;
  height: 100%;
  background-color: #FAFAFA;
  padding: 2px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.comparison-line__product-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.comparison-line__product-title {
  color: #707681;
  max-width: 15ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.comparison-line__product-close-wrapper {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #F5F5F5;
  border-radius: 4px;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.comparison-line__product-close-wrapper:hover .comparison-line__product-close {
  color: var(--black);
}

.comparison-line__product-close {
  fill: transparent;
  color: #A7AAAE;
}

/** Production **/

.production_section_hero {
  padding: 195px 0px 110px 0px;
}

.production_hero__content .tag {
  margin-bottom: 28px;
}

.production_hero__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.production_hero__desc {
  width: 625px;
  line-height: 25px;
}

.production_hero__title {
  line-height: 1.1 !important;
  margin-bottom: 36px;
}

.production_hero__items {
  margin-top: 51px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 710px;
}

.production_hero__item {
  background-color: #FFFFFF;
  width: 100%;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
}

.production_hero__item-title {
  font-size: 14px;
  line-height: 20px;
  color: #8A8D91;
  letter-spacing: -0.3px;
  border-bottom: 1px solid #E6E6E6;
  padding: 12px 20px 10px;
}

.production_hero__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 12px 18px 12px 20px;
}

.production_hero__item-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  color: #1B1919;
}

.production_hero__item-img {
  width: 44px;
  height: 40px;
  background: #F5F5F5;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.production__telemetry {
  max-width: 625px;
  width: 100%;
  border-radius: 12px;
  border: 1px solid #E6E6E6;
  background-color: #FFFFFF;
  overflow: hidden;
}

.telemetry__top {
  background-color: #1B1919;
  border-bottom: 1px solid #E6E6E6;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.telemetry__top-text {
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.telemetry_title {
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9px;
}

.telemetry_title .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #ffffff;
}

.telemetry_version {
  color: #A7AAAE;
}

.telemetry__body {
  padding: 31px 32px 24px;
}

.telemetry__body .construct__content-values-item-title {
  letter-spacing: -0.3px;
  margin-bottom: 5px;
}

.telemetry__footer {
  padding: 15px 24px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0;
  color: #A7AAAE;
  border-top: 1px solid #E6E6E6;
}

.numbers {
  margin-top: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.numbers__weight,
.numbers__line {
  width: 50%;
  padding: 15px 24px;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
}

.numbers__title {
  font-size: 16px;
  line-height: 24px;
  color: #6C6C6C;
}

.numbers__value {
  font-size: 44px;
  font-weight: 600;
  line-height: 52px;
  letter-spacing: 0;
  color: #1B1919;
  margin-top: 8px;
}

.terminal {
  height: 139px;
  background-color: #1B1919;
  border-radius: 6px;
  padding: 16px;
  margin-top: 36px;
}

.terminal p {
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  color: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  border-right: 2px solid transparent;
  display: block;
  width: 0;
}

.line-1 {
  -webkit-animation: typing-1 5s steps(16) forwards, blink 0.75s step-end 6;
          animation: typing-1 5s steps(16) forwards, blink 0.75s step-end 6;
}

.line-2 {
  -webkit-animation: typing-2 7s steps(22) forwards, blink 0.75s step-end 8;
          animation: typing-2 7s steps(22) forwards, blink 0.75s step-end 8;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
}

.line-3 {
  -webkit-animation: typing-3 8s steps(35) forwards, blink 0.75s step-end 9;
          animation: typing-3 8s steps(35) forwards, blink 0.75s step-end 9;
  -webkit-animation-delay: 13s;
          animation-delay: 13s;
}

.line-4 {
  -webkit-animation: typing-4 8s steps(34) forwards, blink 0.75s step-end infinite;
          animation: typing-4 8s steps(34) forwards, blink 0.75s step-end infinite;
  -webkit-animation-delay: 21s;
          animation-delay: 21s;
}

@-webkit-keyframes typing-1 {
  from {
    width: 0;
  }

  to {
    width: 16ch;
  }
}

@keyframes typing-1 {
  from {
    width: 0;
  }

  to {
    width: 16ch;
  }
}

@-webkit-keyframes typing-2 {
  from {
    width: 0;
  }

  to {
    width: 22ch;
  }
}

@keyframes typing-2 {
  from {
    width: 0;
  }

  to {
    width: 22ch;
  }
}

@-webkit-keyframes typing-3 {
  from {
    width: 0;
  }

  to {
    width: 35ch;
  }
}

@keyframes typing-3 {
  from {
    width: 0;
  }

  to {
    width: 35ch;
  }
}

@-webkit-keyframes typing-4 {
  from {
    width: 0;
  }

  to {
    width: 34ch;
    border-color: #ffffff;
  }

  /* Курсор остается на последней строке */}

@keyframes typing-4 {
  from {
    width: 0;
  }

  to {
    width: 34ch;
    border-color: #ffffff;
  }

  /* Курсор остается на последней строке */}

@-webkit-keyframes blink {
  from, to {
    border-color: transparent;
  }

  50% {
    border-color: #ffffff;
  }
}

@keyframes blink {
  from, to {
    border-color: transparent;
  }

  50% {
    border-color: #ffffff;
  }
}

.section__safety {
  padding-top: 116px;
}

.safety__subtitle-item {
  letter-spacing: 1%;
}

.safety__title-block__desc {
  margin-top: 20px;
  color: #494747;
  max-width: 715px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.4 !important;
}

.safety_services {
  padding-top: 65px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: (137px)[4];
  grid-template-rows: repeat(4, 137px);
  gap: 24px;
  width: 100%;
}

.safety_tag {
  font-size: 14px;
  line-height: 20px;
}

.safety_tab {
  position: relative;
  overflow: hidden;
}

.safety_tab {
  padding: 30px;
  border: 1px solid #E6E6E6;
  border-radius: 12px;
}

.safety_tab:nth-child(1) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row-span: 4;
  grid-row: span 4;
}

.safety_tab:nth-child(2) {
  -ms-grid-column-span: 2;
  grid-column: span 2;
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.safety_tab:nth-child(3) {
  -ms-grid-column-span: 1;
  grid-column: span 1;
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.safety_tab:nth-child(4) {
  -ms-grid-column-span: 1;
  grid-column: span 1;
  -ms-grid-row-span: 2;
  grid-row: span 2;
}

.safety_tab:nth-child(5) {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  -ms-grid-row-span: 1;
  grid-row: span 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.safety_tab:nth-child(1) .safety_data {
  position: absolute;
  bottom: 31px;
}

.safety_tab:nth-child(4) .safety_data {
  position: absolute;
  bottom: 31px;
}

.safety_grey-title {
  font-size: 14px;
  line-height: 20px;
  color: #8A8D91;
  letter-spacing: -0.3px;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 12px;
}

.safety_title {
  font-size: 32px;
  line-height: 40px;
  letter-spacing: 0;
  margin-top: 13px;
  margin-bottom: 19px;
}

.safety_title-last {
  font-size: 24px;
  line-height: 30px;
}

.safety_description {
  max-width: 383px;
  line-height: 24px;
  color: #494747;
}

.safety_description-last {
  color: #494747;
  font-size: 14px;
  line-height: 20px;
  margin-top: 13px;
}

.safety_max-width-265 {
  max-width: 265px;
}

.safety_tab-last {
  padding-left: 4px;
}

.safety_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.safety_data-item {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.safety_padding-right-32 {
  padding-right: 32px;
}

.safety_padding-right-40 {
  padding-right: 40px;
}

.safety_right-border {
  border-right: 1px solid #E6E6E6;
}

.safety_data-title {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 11px;
}

.safety_value {
  color: #1B1919;
}

.safety_value-20 {
  font-size: 20px;
  line-height: 28px;
}

.safety_value-24 {
  font-size: 24px;
  line-height: 30px;
}

.safety_data-item:last-child {
  padding-right: 5px;
}

.safety_background-img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.safety_background-position {
  bottom: -6px;
  right: 19px;
}

.safety_red {
  color: var(--red);
}

.bg-grey-100 {
  background-color: #F5F5F5;
}

.bg-grey-50 {
  background-color: #FAFAFA;
}

.cl-grey-950 {
  color: #6C6C6C;
}

.section__virtual {
  margin-top: 138px;
}

.virtual {
  position: relative;
}

.virtual_tab__menu {
  position: absolute;
  right: 0;
  top: -142px;
}

.virtual_menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #e6e6e6;
  background-color: #F1F1F1;
  border-radius: 6px;
}

.virtual_menu__item {
  padding: 9px 23.5px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0%;
  color: #707681;
}

.virtual_menu__item:hover {
  cursor: pointer;
}

.virtual_menu__item.active {
  color: #1B1919;
  background-color: #ffffff;
  border: 1px solid #D5D7DA;
  border-radius: 6px;
  margin: -0.4px -0.5px;
}

.virtual_tab__menu-title {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
  margin-bottom: 13px;
}

.virtual__body {
  margin: 60px 0;
}

.virtual_slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  position: absolute;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 1s ease, visibility 1s ease;
  transition: opacity 1s ease, visibility 1s ease;
}

.virtual_slide.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  position: relative;
}

.virtual__item {
  max-width: 464px;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 21px;
}

.virtual_animated-banner {
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}

.virtual_animated-img {
  width: 100%;
  height: 508px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  position: relative;
}

.virtual_animated-img img {
  width: 100%;
}

.virtual_slider-footer {
  background-color: #1B1919;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.virtual__fullscreen {
  background-color: #383838;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.virtual__fullscreen svg {
  width: 20px;
  height: 20px;
}

.virtual__fullscreen path {
  fill: #ffffff !important;
}

.virtual__start {
  padding: 10px 16px;
  background-color: #ffffff;
  border-radius: 6px;
  font-size: 14px;
  line-height: 20px;
}

.virtual__start svg {
  margin-left: 10px;
}

.virtual_title {
  padding: 24px 24px 7px;
  font-size: 32px;
  line-height: 40px;
  color: #494747;
}

.virtual_description {
  padding: 0px 24px;
  font-size: 16px;
  line-height: 24px;
  color: #707681;
}

.virtual__button {
  padding: 0 24px;
  width: 100%;
  margin-top: auto;
}

.virtual__button a {
  width: 100%;
  padding: 12px 16px;
}

.virtual_animated-points {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.virtual_banner-picture,
.virtual_photo img {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: -webkit-filter 0.4s ease;
  transition: -webkit-filter 0.4s ease;
  transition: filter 0.4s ease;
  transition: filter 0.4s ease, -webkit-filter 0.4s ease;
  z-index: 1;
}

.virtual_animated-points:hover,
.virtual_photo img:hover {
  cursor: pointer;
}

.virtual_animated-points:hover + .virtual_banner-picture,
.virtual_photo img:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.virtual_animated-point {
  position: absolute;
}

.virtual_animated-point img {
  width: 50px;
  height: 50px;
}

.virtual_point-popup {
  position: absolute;
  bottom: 162px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 385px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 17px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.virtual_point-popup::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: -2px;
  height: 120px;
  border-left: 2px dashed #ffffff;
}

.virtual_point-icon {
  width: 44px;
  height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f5f5;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 6px;
}

.virtual_point-icon path {
  fill: var(--red);
}

.virtual_animated-point.active .virtual_point-popup {
  opacity: 1;
  visibility: visible;
}

.virtual_animated-point.active > svg > rect:last-child,
.virtual_animated-point:hover > svg > rect:last-child {
  fill: var(--red);
}

.virtual_animated-point:hover > svg {
  cursor: pointer;
}

.virtual_point-subtitle {
  font-size: 14px;
  margin-top: 5px;
  line-height: 20px;
}

.virtual_point-title {
  font-size: 16px;
}

.virtual_tag {
  position: absolute;
  top: 20px;
  left: 19px;
  background-color: #ffffff;
  border-radius: 6px;
  padding: 8px 12px;
}

.virtual_tag-text {
  color: #707681;
  font-size: 14px;
  line-height: 20px;
}

.virtual_tag-title {
  color: #494747;
  font-size: 16px;
  line-height: 24px;
}

.virtual_navigation-btn {
  position: absolute;
  z-index: 9;
  bottom: 23%;
}

.virtual_navigation-right {
  right: 35px;
}

.virtual_navigation-left {
  left: 35px;
}

.virtual__slider {
  position: relative;
}

.cl-grey-950 {
  color: #6C6C6C;
}

.section__development {
  padding: 110px 0 72px;
  margin-top: 115px;
  background: #FAFAFA;
}

.development {
  margin-top: 66px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.development__gallery-tags {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  top: 17px;
  left: 15px;
  z-index: 4;
}

.development__gallery-tag {
  padding: 5px 7px;
}

.development__hero_desc {
  color: #494747;
  width: 650px;
  margin-top: 24px;
}

.development_item {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  max-width: 341px;
  width: 100%;
  min-height: 380px;
}

.development_item-picture {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 708px;
  width: 100%;
}

.development_info {
  padding: 32px 20px 32px 30px;
  position: relative;
  height: 100%;
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.development_item-picture .development_info {
  width: 51.5%;
  padding: 32px;
}

.development_item-picture .development_photo {
  width: 48.5%;
  position: relative;
}

.development_title {
  color: #1B1919;
  font-size: 32px;
  line-height: 40px;
}

.development_table {
  margin-top: 27px;
}

.development_table-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 10px;
}

.development_table-title {
  color: #707681;
  font-size: 14px;
  line-height: 20px;
}

.development_table-value {
  color: #494747;
  font-size: 16px;
  line-height: 24px;
}

.development_button {
  margin-top: auto;
}

.development_subtitle {
  border-top: 1px solid #E6E6E6;
  margin-top: 11px;
  padding-top: 9px;
  color: #6C6C6C;
  font-size: 14px;
  line-height: 20px;
  margin-right: 15px;
}

.development_description {
  font-size: 14px;
  line-height: 20px;
  color: #494747;
  margin-top: 3px;
  padding-right: 15px;
}

.development_card {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  margin-top: 20px;
  padding: 11px 20px 6px;
}

.development_card-title {
  font-size: 14px;
  line-height: 20px;
  color: #8A8D91;
}

.development_card-value {
  font-size: 32px;
  line-height: 40px;
  margin-top: 10px;
}

.btn_small {
  padding: 9px 16px;
}

.section__rd_steps {
  padding: 75px 0;
  background: #FAFAFA;
}

.rd_steps {
  margin-top: 60px;
}

.rd_steps_desc {
  max-width: 732px;
  width: 100%;
  color: #494747;
}

.rd_steps_grid-3 {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.rd_steps_grid-3 .mission__card-line {
  margin-top: 10px;
  margin-bottom: 22px;
}

.mission__card-description {
  margin-top: 15px;
  line-height: 24px;
}

.rd_audit {
  margin-top: 48px;
  padding: 32px 30px;
  background-color: #1B1919;
  border-radius: 6px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.rd_audit_top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.rd_audit_tag {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
  padding: 4px 17px 4px 16px;
  background-color: var(--red);
  border-radius: 6px;
}

.rd_audit_title {
  font-size: 14px;
  line-height: 20px;
  color: #A7AAAE;
}

.rd_audit_content-title {
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  letter-spacing: 1%;
  margin-top: 15px;
}

.rd_audit_content-text {
  font-size: 16px;
  line-height: 24px;
  color: #A7AAAE;
  margin-top: 9px;
}

.rd_audit_position {
  margin: auto 78px auto auto;
  padding: 12px 16px;
}

.shipment {
  background-color: #FFFFFF;
  border-radius: 12px;
  margin-top: 44px;
  padding: 44px;
}

.shipment_main-title {
  font-size: 32px;
  line-height: 40px;
  color: #1B1919;
}

.shipment_title {
  font-size: 24px;
  line-height: 30px;
  color: #494747;
  letter-spacing: 1%;
  margin-top: 17px;
}

.shipment_services {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 21px;
  margin-top: 36px;
}

.shipment_service {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 22px 22px 27px 18px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.shipment_tag {
  color: #8A8D91;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.3px;
}

.shipment_icon .uk-svg {
  fill: transparent;
}

.shipment_icon .uk-svg:not(.uk-preserve) [stroke*="#"]:not(.uk-preserve) {
  stroke: #A7AAAE;
}

.shipment_icon .uk-svg:not(.uk-preserve) [fill*="#"]:not(.uk-preserve) {
  fill: #A7AAAE;
}

.shipment_icon {
  width: 44px;
  height: 44px;
  background-color: #F1F1F1;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

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

.section__cooperation {
  padding: 70px 0;
  background: #FAFAFA;
}

.cooperation {
  margin-top: 61px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 112px;
}

.cooperation__subtitle {
  color: #707681;
}

.cooperation_info {
  margin-top: 8px;
  max-width: 735px;
  width: 100%;
}

.cooperation_list-dot {
  width: 6px;
  height: 6px;
  background-color: var(--red);
  border-radius: 6px;
}

.cooperation_list-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2px;
  padding-bottom: 6px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E6E6E6;
}

.cooperation_list-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #494747;
}

.cooperation_list-value {
  color: #383838;
}

.cooperation_actions {
  margin-top: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.cooperation_btn-big {
  width: 240px;
}

.cooperation_btn {
  padding: 11px 15px;
}

.cooperation_quote {
  background-color: #ffffff;
  border: 1px solid #F1F1F1;
  border-radius: 6px;
  padding: 32px 75px 32px 30px;
  font-size: 20px;
  line-height: 28px;
  margin-top: 50px;
  position: relative;
  color: #494747;
}

.cooperation_quote svg {
  position: absolute;
  right: 31px;
}

.cooperation_quote path {
  fill: #D5D7DA !important;
}

.cooperation_form-container {
  background-color: #1B1919;
  max-width: 581px;
  width: 100%;
  border-radius: 12px;
  padding: 32px 50px 32px 32px;
}

.cooperation_form-tag {
  font-size: 12px;
  line-height: 16px;
  color: #A7AAAE;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid rgba(255, 255, 255, 0.1019607843);
  background-color: rgba(255, 255, 255, 0.1019607843);
  border-radius: 6px;
  padding: 5px 7px;
  margin-bottom: 13px;
}

.cooperation_form-title {
  font-size: 32px;
  line-height: 40px;
  color: #ffffff;
}

.cooperation_form-input {
  background-color: #383838;
  border: 1px solid #494747;
  border-radius: 4px;
  width: 100%;
  margin-bottom: 12px;
  color: #A7AAAE;
  padding: 12px 16px;
}

.cooperation_form-textarea {
  padding: 12px 16px 6px;
}

.cooperation_form {
  margin-top: 31px;
}

.cooperation_form-input::-webkit-input-placeholder {
  color: #A7AAAE;
}

.cooperation_form-input::-moz-placeholder {
  color: #A7AAAE;
}

.cooperation_form-input:-ms-input-placeholder {
  color: #A7AAAE;
}

.cooperation_form-input::-ms-input-placeholder {
  color: #A7AAAE;
}

.cooperation_form-input::placeholder {
  color: #A7AAAE;
}

.cooperation_label {
  color: #D5D7DA;
  font-size: 14px;
  line-height: 20px;
}

.cooperation_form input[type=checkbox]:checked + .send-form__check-box .send-form__check-icon img {
  opacity: 1;
  visibility: visible;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.cooperation_form .send-form__check-box.cooperation_black .send-form__check-icon {
  border: 1px solid #494747;
  background-color: #383838;
}

.cooperation_form .send-form__check-box.cooperation_black .send-form__check-icon img {
  -webkit-filter: brightness(1000);
          filter: brightness(1000);
}

.cooperation_form .cooperation_black {
  margin-bottom: 9px;
  gap: 9px;
}

.cooperation_margin-top {
  margin-top: 27px;
}

/** Solutions **/

.red-icon svg {
  color: var(--red);
}

.solutions-hero {
  padding: 112px 0 63px;
}

.solutions-hero__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.solutions-hero__title {
  line-height: 1.1 !important;
  margin-top: 28px;
}

.solutions-hero__title-block-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 12px;
}

.solutions-hero__title-block-data-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
}

.filter {
  position: relative;
}

.filter__container {
  background-color: #fafafa;
  border-radius: 6px;
  z-index: 2;
  position: relative;
}

.filter__accent-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 7px;
  padding: 22px 24px 18px;
}

.filter__accent-text img {
  width: 6px;
  height: 6px;
}

.filter__form {
  padding: 31px;
  border-top: 1px solid #E6E6E6;
}

.filter__column-title {
  color: #8A8D91;
  letter-spacing: -0.3px;
  padding-top: 2px;
}

.filter__category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 20px;
  padding-right: 2px;
  border-bottom: 1px dashed #E6E6E6;
  padding-bottom: 15px;
  margin-bottom: 11px;
}

.filter__category:last-child {
  border-bottom: transparent;
  margin: 0;
  padding: 0;
}

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

.filter__column-85 {
  min-width: 85px;
}

.filter__column-button {
  padding: 7px 14px 7px 16px;
  border-radius: 6px;
  color: #6C6C6C;
  border: 1px solid #E6E6E6;
  font-size: 18px;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  margin: 1px 0 0 0;
  background-color: #FFFFFF;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.filter__column-button:hover {
  cursor: pointer;
  color: #1B1919;
}

.filter__column-button:hover .filter_number {
  color: #ffffff;
}

.filter__column-button:not(.filter_active):hover .filter_number {
  color: var(--red);
}

.filter_all {
  padding: 8px 24px 8px 16px;
}

.filter_active {
  color: #ffffff;
  background-color: #1B1919;
}

.filter_active:hover {
  color: #FFFFFF;
  background-color: var(--red);
}

.filter_number {
  color: #A7AAAE;
  font-size: 14px;
  line-height: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.filter__promo {
  margin: 31px 0 0px;
  padding: 40px 46px;
  background-color: var(--black);
  border-radius: 12px;
  border: none;
  z-index: 2;
  position: relative;
}

.filter__promo-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.filter__promo-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 720px;
}

.filter__promo-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
}

.filter__promo-title {
  color: white;
  margin-top: 12px;
  line-height: 40px;
  letter-spacing: 1px;
}

.filter__promo-description {
  color: #A7AAAE;
  margin-top: 17px;
  line-height: 24px;
}

.filter__promo-right-title {
  color: #E6E6E6;
  padding-right: 4px;
}

.filter__promo-right-value {
  color: #ffffff;
  text-align: right;
  margin-top: 12px;
}

.solutions {
  position: relative;
  padding: 63px 0 110px;
}

.solutions__item {
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  position: relative;
  z-index: 2;
  background-color: #ffffff;
  -webkit-transition: max-height 0.4s ease, opacity 0.4s ease;
  transition: max-height 0.4s ease, opacity 0.4s ease;
}

.solutions__item:not(.active):not(.open) {
  max-height: 0;
  opacity: 0;
  pointer-events: none;
}

.solutions__item.active,
.solutions__item.open {
  margin-bottom: 32px;
  max-height: 2000px;
  opacity: 1;
}

.solutions__item-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 32px 34px 22px;
  border-bottom: 1px solid #E6E6E6;
  background-color: #F5F5F5;
}

.solutions__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}

.solutions__block-icon .tooltips__item-button {
  background-color: #E6E6E6;
}

.solutions__block-icon .tooltips__item-tag:hover.tooltips__item-button {
  background-color: transparent;
}

.solutions__block-icon .tooltips__item-tag:hover.tooltips__item-button svg {
  color: var(--red);
}

.solutions__block-icon svg {
  margin: auto;
}

.solutions__block-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7px;
}

.solutions_icon {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.solutions__block-title {
  color: #494747;
  line-height: 28px;
  letter-spacing: 0;
  margin-bottom: 3px;
}

.solutions__block-tag {
  padding: 4px 8px;
}

.solutions__block-tag:not(.tag_green) {
  color: #6C6C6C;
  border: 1px solid #D5D7DA;
}

.solutions__item-body {
  padding: 37px 24px 24px 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 56px;
}

.solutions__item-column {
  width: 100%;
  max-width: 670px;
}

.solutions__item-column:last-child {
  width: 100%;
  max-width: 652px;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  padding: 19px 26px 28px 28px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

.solutions__item-subtitle {
  color: #9ba0a6;
  border-bottom: 1px solid #1B1919;
  padding: 0 1px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}

.solutions__item-subtitle svg {
  fill: transparent;
}

.solutions__item-description {
  color: #6C6C6C;
  line-height: 24px;
  padding: 12px 1px;
  margin-bottom: 11px;
  min-height: 144px;
}

.solutions__item-description:last-child {
  margin-bottom: 0px;
  min-height: auto;
}

.solutions__item-column-title {
  color: #1B1919;
  line-height: 28px;
  letter-spacing: 0;
  margin-bottom: 20px;
}

.solutions__content-data-title {
  color: #8A8D91;
  letter-spacing: -0.3px;
  margin-bottom: 17px;
}

.solutions__content-data-value {
  line-height: 52px;
  letter-spacing: 0px;
  color: var(--red);
  margin-bottom: 8px;
}

.solutions__content-data-title_green {
  color: var(--green);
}

.solutions__content-data-description {
  color: #1B1919;
  line-height: 24px;
  letter-spacing: 0px;
}

.solutions__item-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.solutions__item-content-data {
  background-color: #FAFAFA;
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  padding: 20px 24px 23px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.solutions__progressbar {
  margin-top: 22px;
}

.solutions__footer {
  padding: 26px 34px 19px;
  border-top: 1px solid #E6E6E6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.solutions__footer-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

.solutions__footer-title {
  color: #707681;
  line-height: 20px;
  letter-spacing: -0.3px;
}

.solutions__footer-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
}

.solutions__footer-tag {
  padding: 8px 16px;
  background-color: #000000;
  border: 1px solid #D5D7DA;
  color: #ffffff;
}

.solutions__footer-btn {
  padding: 0px 16px;
}

.load_more_container {
  z-index: 2;
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 12px;
}

.load_more {
  border: none;
  background-color: transparent;
  color: #6C6C6C;
  line-height: 20px;
  letter-spacing: 0px;
}

.load_more:hover {
  color: #1B1919;
  cursor: pointer;
}

.load_more svg {
  fill: transparent;
  margin-left: 5px;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.load_more.open svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: -4px;
}

.progress-bar-green::before {
  background-color: var(--green);
}

.solutions__lab-form {
  padding: 112px 0px 112px 0px;
}

.solutions__content {
  padding: 80px 149px;
}

.solutions__input {
  padding: 12px 16px;
}

.solutions__form-check-wrapper {
  margin-top: 17px;
}

.solutions__form-contacts {
  padding-top: 10px;
}

.solutions__form-title {
  letter-spacing: 1px;
}

/** Solution **/

.solutions-hero {
  padding: 112px 0 42px;
}

.solutions-hero__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.solutions-hero__description {
  display: block;
}

.tag_grey {
  color: #707681;
  background-color: var(--white);
  border-color: #E6E6E6;
}

.tag_grey:hover {
  cursor: default;
  border-color: #e1e2e4;
  color: #1B1919;
}

.solution {
  padding: 0px 0px 112px;
}

.solution__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  position: relative;
  z-index: 2;
}

.solution__content {
  width: calc(100% - 486px);
}

.solution__content-photo {
  overflow: hidden;
  max-height: 467px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  position: relative;
  border-radius: 6px;
}

.solution__content-photo img {
  width: 100%;
  max-width: none;
  margin-top: -27%;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: -webkit-filter 0.4s ease;
  transition: -webkit-filter 0.4s ease;
  transition: filter 0.4s ease;
  transition: filter 0.4s ease, -webkit-filter 0.4s ease;
}

.solution__content-photo svg {
  color: #8A8D91;
}

.solution__content-photo:hover img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
  cursor: pointer;
}

.solution__content-photo .solution__content-photo-tag {
  position: absolute;
  bottom: 24px;
  border-radius: 8px;
  padding: 8px 16px;
  color: #ffffff;
  background-color: rgba(13, 12, 12, 0.4392156863);
}

.solution__content-photo .solution__content-photo-tag.tag_left {
  left: 22px;
}

.solution__content-photo .solution__content-photo-tag.tag_right {
  right: 22px;
}

.solution__content-tag-name {
  color: #E6E6E6;
  border-bottom: 2px solid #FFFFFF;
  margin-bottom: 3px;
  padding-bottom: 4px;
}

.solution__content-text {
  margin-top: 64px;
  padding-bottom: 7px;
}

.solution__content-text .solution__content-text-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-bottom: 23px;
}

.solution__content-text-title svg {
  fill: transparent;
  width: 32px;
  height: 32px;
}

.solution__content-text-value {
  line-height: 24px;
}

.solution__content-specification {
  margin-top: 17px;
  margin-right: 5px;
  border: 1px solid #E6E6E6;
}

.solution__content-specification-title {
  background-color: #1B1919;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 20px 30px;
  color: #b8b8b8;
}

.solution__content-specification-body {
  padding: 30px 30px 26px;
  background-color: #ffffff;
}

.solution__content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 9px;
  margin-bottom: 17px;
  border-bottom: 1px solid #E6E6E6;
}

.solution__content-row:last-child {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.solution__content-row-value {
  color: #494747;
}

.solution__content-row-title {
  color: #6C6C6C;
  letter-spacing: -0.3px;
}

.solution__content-expertise {
  background-color: #FAFAFA;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  margin-top: 24px;
  padding: 36px 34px 30px;
}

.solution__content-expertise-subtitle {
  color: #6C6C6C;
  letter-spacing: -0.3px;
  margin-bottom: 11px;
}

.solution__content-expertise-text {
  color: #494747;
  line-height: 24px;
  margin-top: 17px;
  position: relative;
  padding-right: 50px;
}

.solution__content-expertise-icon {
  position: absolute;
  top: 0;
  right: 2px;
}

.solution__content-expertise-icon svg {
  color: #D5D7DA;
}

.solution__content-person {
  border-top: 1px solid #E6E6E6;
  margin-top: 19px;
  padding-top: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.solution__content-person-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.solution__content-person-photo {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

.solution__content-person-photo img {
  width: 67px;
  max-width: none;
  margin-top: 7px;
}

.solution__content-person-role {
  color: #6C6C6C;
  margin-top: 8px;
  letter-spacing: -0.3px;
}

.solution__content-review .solution__content-person {
  padding-top: 21px;
}

.solution__content-review .solution__content-person-info {
  gap: 9px;
}

.solution__content-results {
  margin-top: 73px;
}

.solution__content-result {
  border: 1px solid #E6E6E6;
  background-color: #ffffff;
  border-radius: 6px;
  margin-top: 22px;
}

.solution__content-values-item-title {
  color: #707681;
  letter-spacing: -0.3px;
  line-height: 20px;
}

.solution__content-result-menu {
  background-color: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 24px;
}

.solution__content-values-list {
  padding: 15px 25px 7px 22px;
}

.solution__content-values-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  margin-bottom: 15px;
}

.solution__content-values-item-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 12px;
}

.solution__content-values-item-percent {
  margin-top: 9px;
  width: 100%;
  height: 6px;
  border-radius: 50px;
  background-color: #F5F5F5;
  position: relative;
}

.solution__content-values-item-percent::before {
  content: "";
  display: block;
  width: var(--progress-percent, 0);
  height: 100%;
  background-color: var(--red);
  border-radius: 50px;
  -webkit-transition: width 1s ease;
  transition: width 1s ease;
}

.solution__content-values-item-percent.color-grey::before {
  background-color: #8A8D91;
}

.solution__content-values-item-percent.color-green::before {
  background-color: var(--green);
}

.solution__content-tab {
  line-height: 20px;
  padding: 9px 24px;
}

.solution__content-tab.active {
  color: #1B1919;
  background-color: #ffffff;
  border: 1px solid #D5D7DA;
  margin: -0.5px;
}

.solution__content-review {
  border-radius: 6px;
  border: 1px solid #E6E6E6;
  background-color: #FAFAFA;
  margin-top: 22px;
  padding: 36px 30px 28px;
}

.solution__content-review-stars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 4px;
  margin-top: 3px;
}

.solution__content-review-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 4px 0 5px;
}

.solution__content-review-tag {
  padding: 4px 6px 2px 8px;
}

.solution__content-review-tag svg {
  fill: transparent;
  width: 19px;
  height: 19px;
  margin-right: 3px;
}

.solution__content-review-body {
  letter-spacing: 0px;
  color: #494747;
  font-style: italic;
  margin-top: 21px;
  line-height: 24px;
  position: relative;
  padding-right: 50px;
}

.solution__content-review-icon {
  position: absolute;
  top: 0;
  right: 11px;
}

.solution__content-review-icon svg {
  color: #D5D7DA;
}

.solution__content-review-role {
  color: #A7AAAE;
  letter-spacing: -0.3px;
  line-height: 20px;
}

.solution__content-review-name {
  color: #494747;
  line-height: 24px;
  letter-spacing: 0px;
}

.solution__content-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 25px;
  gap: 13px;
}

.solution__content-tag {
  background-color: #ffffff;
  color: #707681;
  line-height: 20px;
  letter-spacing: 0px;
  border-color: #E6E6E6;
  padding: 3px 11px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.solution__content-tag:hover {
  cursor: pointer;
  border-color: #e1e2e4;
  color: #1B1919;
}

.solution__content-info-role {
  color: #6C6C6C;
  letter-spacing: 0;
  line-height: 20px;
  margin-top: 5px;
}

.solution__content-team {
  margin-top: 72px;
}

.solution__content-team-slider {
  margin-top: 23px;
}

.solution__content-team-photo {
  width: 148px;
  height: 148px;
  overflow: hidden;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: -webkit-filter 0.4s ease;
  transition: -webkit-filter 0.4s ease;
  transition: filter 0.4s ease;
  transition: filter 0.4s ease, -webkit-filter 0.4s ease;
}

.solution__content-team-photo:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.solution__content-team-photo img {
  width: 110%;
  max-width: none;
}

.solution__content-team-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 31px 32px 31px 24px;
  background-color: #ffffff;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-left: 8px solid var(--red);
}

.solution__content-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.solution__content-info-bottom {
  margin-top: auto;
}

.solution__content-slider-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 20px;
}

.solution__content-current {
  color: #5e5c5d;
  padding-right: 7px;
}

.solution__content-total {
  padding-left: 7px;
  color: #99a0a6;
}

.solution__content-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.solution__content-btn {
  width: 44px;
  height: 44px;
  background-color: #e6e6e6;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.solution__content-btn svg {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.solution__content-btn:hover {
  cursor: pointer;
}

.solution__content-btn:hover svg {
  color: #fff;
}

.solution__content-feedback {
  border: 1px solid #E6E6E6;
  background-color: #FAFAFA;
  border-radius: 12px;
  padding: 35px 33px;
  margin-top: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.solution__content-feedback-tag {
  color: #6C6C6C;
  line-height: 16px;
  letter-spacing: 0px;
}

.solution__content-feedback-title {
  color: #1B1919;
  letter-spacing: 0px;
  line-height: 40px;
  margin-bottom: 11px;
}

.solution__content-feedback-qa {
  color: #707681;
  letter-spacing: 0;
  line-height: 24px;
}

.solution__content-feedback-tag {
  background-color: #E6E6E6;
  border: 1px solid #D5D7DA;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px 8px;
  border-radius: 6px;
  margin-bottom: 14px;
}

.solution__content-feedback-info {
  width: 55%;
}

.solution__content-feedback-vote {
  width: 45%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  gap: 24px;
  padding-right: 51px;
}

.solution__content-vote-btn {
  padding: 17px 17px 15px;
  background-color: #ffffff;
  border: 1px solid #D5D7DA;
  border-radius: 6px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.solution__content-vote-btn:hover {
  cursor: pointer;
  border-color: var(--red);
  color: var(--red);
}

.solution__content-vote-btn:hover svg {
  color: var(--red);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.solution__content-vote-btn svg {
  margin-left: 12px;
  fill: transparent;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}

.solution__vote-btn-like svg {
  margin-top: -3px;
  margin-left: 17px;
}

.solution__content-form {
  margin-top: 37px;
  padding: 34px 34px;
  background-color: #1B1919;
  border-radius: 6px;
}

.solution__content-form-text {
  color: #A7AAAE;
  line-height: 24px;
  letter-spacing: 0;
  margin-top: 17px;
}

.solution__content-form-title {
  color: #ffffff;
  line-height: 40px;
  letter-spacing: 1px;
}

.solution__content-form-actions {
  margin-top: 33px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}

.solution__content-form-actions .btn_white path {
  fill: #1B1919;
}

.solution__sidebar {
  width: 464px;
  position: relative;
}

.solution .sidebar__inner {
  position: sticky;
  top: 100px;
}

.solution__sidebar-project {
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  overflow: hidden;
  background-color: #ffffff;
}

.solution__sidebar-project-head {
  background-color: #1B1919;
  padding: 20px 24px;
  color: #b9b9b9;
  border-bottom: 1px solid #E6E6E6;
}

.solution__sidebar-project-body {
  background-color: #FAFAFA;
  padding: 27px 24px 24px;
}

.solution__sidebar-row-title {
  color: #707681;
  line-height: 20px;
  letter-spacing: 0px;
}

.solution__sidebar-row-value {
  color: #494747;
  line-height: 24px;
  letter-spacing: 0px;
}

.solution__sidebar-values-tag {
  color: #494747;
  padding: 8px;
  letter-spacing: 0px;
  line-height: 24px;
}

.solution__sidebar-project-text {
  margin-top: 7px;
  letter-spacing: 0;
  line-height: 24px;
  color: #6C6C6C;
}

.solution__sidebar-project-list {
  padding: 29px 21px 10px 24px;
  border-bottom: 1px solid #F1F1F1;
}

.solution__sidebar-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #F1F1F1;
  padding-bottom: 3px;
  margin-bottom: 16px;
}

.solution__sidebar-row-values {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-bottom: none;
}

.solution__sidebar-values {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 11px;
}

.solution__sidebar-values-tag {
  background-color: #F5F5F5;
  padding: 4px 8px;
  border-radius: 6px;
}

.solution__sidebar-form-actions {
  padding: 23px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
}

.solution__sidebar-form-actions .btn_middle {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 11px 16px;
}

.solution__sidebar-form-actions .btn_middle svg {
  fill: transparent;
}

.solution__sidebar-related {
  margin-top: 25px;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid #E6E6E6;
  background-color: #ffffff;
}

.solution__sidebar-related-head {
  background-color: #F1F1F1;
  border-bottom: 1px solid #E6E6E6;
  padding: 20px 24px;
  color: #6C6C6C;
}

.solution__sidebar-related-item {
  padding: 23px 23px 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #E6E6E6;
}

.solution__sidebar-related-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.solution__sidebar-related-tag {
  color: #6C6C6C;
  padding: 6px 8px;
  background-color: #E6E6E6;
  border: 1px solid #d7d8da;
  border-radius: 6px;
}

.solution__sidebar-related-item-title {
  margin-top: 12px;
  margin-bottom: 7px;
}

.solution__sidebar-related-info {
  width: calc(100% - 101px);
}

.solution__sidebar-related-photo {
  width: 101px;
  height: 140px;
  max-width: none;
  border-radius: 6px;
  overflow: hidden;
}

.solution__sidebar-related-photo img {
  height: 100%;
  max-width: none;
  width: auto;
}

.solution__sidebar-related-btn {
  margin-top: 9px;
}

.solution__sidebar-related-btn svg {
  margin-left: 5px;
}

.title-block__tab {
  padding: 11px 24px 9px;
}

.solution_align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.solution_background {
  background-color: #F1F1F1;
}

.text_red {
  color: var(--red);
}

.text_red:hover {
  color: #b52838;
}

.line-height-20 {
  line-height: 20px;
}

.star_red + svg {
  color: var(--red);
}

/** Compare **/

.compare__hero-button {
  border: 1px solid #D5D7DA;
  padding: 9px 15px 7px;
  border-radius: 6px;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}

.compare__hero-button:hover {
  cursor: pointer;
  border-color: var(--red);
  color: var(--red);
}

.compare__hero-button:hover svg path {
  fill: var(--red);
}

.compare__hero-button svg path {
  fill: #1B1919;
}

.compare__hero-button svg {
  margin-left: 9px;
}

.compare {
  padding: 20px 0;
}

.compare__block-filter .uk-radio {
  width: 20px;
  height: 20px;
  border: 2px solid #E6E6E6;
  margin-right: -2px;
  background-color: #ffffff;
}

.compare__block-filter .uk-radio:checked {
  border: 1px solid #E6E6E6;
  background-color: var(--red);
  background-size: 32px;
}

.compare__block-filter .uk-radio:focus {
  background-color: #ffffff;
}

.compare__block-filter .uk-radio:checked:focus,
.compare__block-filter .uk-radio:checked:hover {
  background-color: #bc2534;
  border: 1px solid #E6E6E6;
}

.compare__block-filter .uk-radio:hover {
  border: 6px solid #E6E6E6;
}

.compare__block-filter .uk-checkbox {
  width: 20px;
  height: 20px;
  border: 1px solid #E6E6E6;
  background-color: #ffffff;
  border-radius: 6px;
  margin-right: -2px;
}

.compare__block-filter .uk-checkbox:focus,
.compare__block-filter .uk-checkbox:hover {
  border-color: #a7aaaf;
}

.compare__block-filter .uk-checkbox:checked,
.compare .uk-checkbox:checked:focus {
  background-color: #ffffff;
  border-color: #E6E6E6;
  background-image: url("/images/icons/checkbox-black-arrow.svg");
}

.compare__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  padding-bottom: 0px;
  border-bottom: none;
}

.compare__block-slider-status.tag_grey {
  background-color: #E6E6E6;
  border: 1px solid #D5D7DA;
  color: #6C6C6C;
}

.compare__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  margin-bottom: 112px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #E6E6E6;
}

.compare__block-filter {
  max-width: 244px;
  width: 100%;
  background-color: #F5F5F5;
}

.compare__block-filter-top {
  height: 490px;
}

.compare__filter {
  padding: 20px 19px;
}

.compare__filter-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 13px;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 16px;
  margin-bottom: 17px;
}

.compare__filter-item:last-of-type {
  border: none;
  padding: 0;
  margin-bottom: 15px;
}

.compare__filter-actions {
  padding: 0 20px;
}

.compare__filter-button {
  width: 100%;
  height: 40px;
}

.compare__filter-clear {
  color: #6C6C6C;
  line-height: 20px;
  letter-spacing: 0px;
  margin-top: 25px;
}

.compare__filter-clear svg {
  color: #6C6C6C;
  width: 20px;
  height: 20px;
  margin-top: -3px;
  margin-right: 3px;
}

.compare__filter-clear:hover {
  cursor: pointer;
  color: var(--black);
}

.compare__filter-clear:hover svg {
  color: var(--black);
}

.compare__table-item {
  padding: 12px 20px;
  border-top: 1px solid #E6E6E6;
  margin-top: 0;
}

.compare__block-filter .compare__table-item {
  color: #5c5a5b;
}

.compare__slider-slide {
  border-left: 1px solid #E6E6E6;
}

.compare__block-slider-remove {
  position: absolute;
  top: 12px;
  left: 9px;
  background-color: #F5F5F5;
  width: 32px;
  height: 32px;
  border: 1px solid #E6E6E6;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.compare__block-slider-remove svg {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}

.compare__block-slider-remove:hover {
  cursor: pointer;
}

.compare__block-slider-remove:hover svg {
  color: #1B1919;
}

.compare__navigation-btn {
  position: absolute;
  top: 22%;
  width: 44px;
  height: 44px;
  background-color: #e6e6e6;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 9;
}

.compare__navigation-btn svg {
  fill: transparent;
  color: #A7AAAE;
  -webkit-transition: color 0.4s ease;
  transition: color 0.4s ease;
}

.compare__navigation-btn:hover {
  cursor: pointer;
}

.compare__navigation-btn:hover svg {
  color: #fff;
}

.compare__navigation-btn-prev {
  left: 6px;
}

.compare__navigation-btn-next {
  right: 4px;
}

.compare__block-slider-photo {
  height: 236px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px;
  background-color: #fafafa;
}

.compare__block-slider-photo img {
  height: 211px;
  margin-bottom: 5px;
  margin-right: 13px;
}

.compare__block-slider-subtitle {
  color: #A7AAAE;
  margin-top: 21px;
}

.compare__block-slider-title {
  color: #494747;
  letter-spacing: 0px;
  line-height: 24px;
  margin-top: 4px;
}

.compare__block-slider-status {
  margin-top: 24px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 7px;
}

.compare__block-slider-btn {
  margin-top: auto;
  padding: 11px 20px;
  width: 100%;
}

.compare__block-slider-btn:hover {
  cursor: pointer;
}

.compare__slider-slide .compare__table {
  margin-top: 23px;
}

.compare__slider-info {
  padding: 0 18px;
  height: 231px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.tag_number {
  color: #A7AAAE;
  font-size: 14px;
  line-height: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tag_active {
  color: #ffffff;
  background-color: #1B1919;
}

.tag_active:hover {
  color: #FFFFFF;
  background-color: var(--red);
}

.filter__column-button {
  padding: 7px 7px 7px 14px;
  border-radius: 6px;
  color: #6C6C6C;
  border: 1px solid #E6E6E6;
  font-size: 18px;
  line-height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  margin: 1px 0 0 0;
  background-color: #FFFFFF;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.filter__column-button:hover {
  cursor: pointer;
  color: #1B1919;
}

.filter__column-button:hover .filter_number {
  color: #ffffff;
}

.filter__column-button:not(.filter_active):hover .filter_number {
  color: var(--red);
}

.filter_all {
  padding: 8px 24px 8px 16px;
}

.filter_active {
  color: #ffffff;
  background-color: #1B1919;
}

.filter_active:hover {
  color: #FFFFFF;
  background-color: var(--red);
}

.filter_number {
  color: #A7AAAE;
  font-size: 14px;
  line-height: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

@media (max-width: 1100.98px) {
  .title-block__title-line {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .title-block__title-more {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .title-block__title-more_right {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .title-block__subtitle {
    -ms-flex-item-align: start;
        -ms-grid-row-align: start;
        align-self: start;
  }

  .title-block__subtitle-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }

  .accordion__item {
    padding: 16px;
  }

  .accordion__title {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .accordion__title-text-wrapper {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }

  .accordion__title-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 12px;
  }

  .accordion__title-info {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    width: auto;
    margin-right: 0;
  }

  .accordion__title-arrow {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-left: auto;
  }

  .accordion__content {
    margin-left: 0;
  }

  .faq-about .accordion__title-text-wrapper {
    width: auto;
  }

  .faq-about .accordion__content {
    margin-left: 0;
  }

  .tooltips__item-content {
    display: none !important;
  }

  .title-block__share {
    margin-left: 0px;
  }

  .page-hero__title-block-data {
    gap: 0px;
  }

  .section_hero {
    padding: 180px 0px 32px 0px;
  }

  .section_hero-breadcrumbs {
    padding: 32px 0px 32px 0px;
  }

  .section_standard {
    padding: 32px 0px 32px 0px;
  }

  .section_reverse {
    padding: 32px 0px 32px 0px;
  }

  .section_bottom {
    padding: 0px 0px 32px 0px;
  }

  .section_bottom-min {
    padding: 0px 0px 32px 0px;
  }

  .breadcrumbs__container {
    margin-bottom: 16px;
  }

  .breadcrumbs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .section-accordion {
    padding-top: 0 !important;
  }

  .section-accordion__toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 16px;
    border: none;
    background-color: #FAFAFA;
    border-bottom: 1px solid #E6E6E6;
    text-align: left;
    gap: 12px;
    cursor: pointer;
    position: relative;
    z-index: 2;
  }

  .section-accordion__toggle-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }

  .section-accordion__toggle-accent {
    white-space: nowrap;
  }

  .section-accordion__toggle-arrow {
    color: #707681;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  .section-accordion__body {
    overflow: hidden;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .section-accordion:not(.section-accordion--collapsed) .section-accordion__body {
    padding-top: 36px;
  }

  .section-accordion--collapsed {
    padding-bottom: 0 !important;
  }

  .section-accordion--collapsed .canvas-background {
    display: none;
  }

  .section-accordion--collapsed .section-accordion__toggle-arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .faq__content-wrapper {
    margin-top: 28px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .faq__form {
    width: 100%;
    padding: 16px;
  }

  .faq__form-contacts {
    margin-top: 24px;
    gap: 16px;
    padding-top: 16px;
  }

  .faq__content-more {
    padding: 12px 16px;
  }

  .product__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .product__imgs {
    width: 100%;
  }

  .product__content {
    width: 100%;
  }

  .product__gallery-main .swiper-slide {
    height: 404px;
  }

  .product__gallery-main-meta {
    bottom: 12px;
    left: 12px;
  }

  .product__gallery-tags {
    top: 12px;
    left: 12px;
  }

  .product__info {
    gap: 4px;
    padding: 0px 0px 0px 16px;
    margin-top: 18px;
  }

  .product__up-tags {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }

  .product__ingeneer {
    padding: 16px;
  }

  .product__text-left-line {
    padding: 0px 0px 0px 16px;
  }

  .product__specification-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .product__commercial-price {
    width: 100%;
  }

  .product__commercial-price-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px;
  }

  .product__commercial-counter {
    width: 100px;
  }

  .product__commercial-top-table-row {
    padding: 12px 8px;
  }

  .product__commercial-center {
    padding: 16px;
  }

  .product__commercial-bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
  }

  .product__config-body {
    padding: 16px;
  }

  .product__config-body-item .send-form__select-value {
    font-size: 14px;
  }

  .product__config-item-btns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .product__config-tooltip-polygon {
    display: none !important;
  }

  .product__config-item-btn {
    padding: 8px;
  }

  .product__config-item-btn.active {
    color: white;
    border-color: var(--black);
    background-color: var(--black);
  }

  .product__config-item-color {
    padding: 8px;
  }

  .config__block {
    margin-top: 28px;
  }

  .config__tabs-wrapper {
    background-color: transparent;
    border: none;
  }

  .config__tabs-swiper {
    width: 100%;
    overflow: hidden;
  }

  .config__tabs.swiper-wrapper {
    height: auto;
  }

  .config__tabs .center__tab {
    border: 1px solid #E6E6E6;
    border-radius: 6px;
    height: auto;
  }

  .config__tabs-tag {
    display: none;
  }

  .config__content-wrapper {
    margin-top: 8px;
    border: 1px solid #E6E6E6;
    border-radius: 6px;
  }

  .config__advantages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
    gap: 16px;
  }

  .config__advantages-cards-swiper {
    width: 100%;
    overflow: hidden;
  }

  .config__advantages-cards {
    width: 100%;
  }

  .config__advantages-cards.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-columns: unset;
    grid-template-columns: unset;
    gap: 0;
  }

  .config__advantages-card {
    height: auto;
  }

  .config__advantages-card-content {
    padding: 12px;
  }

  .config__advantages-card-min-text {
    padding: 0px;
  }

  .config__advantages-card-title {
    padding: 0px;
  }

  .config__advantages-card-tec {
    padding: 0px;
  }

  .config__advantages-card-desc {
    padding: 0px;
  }

  .config__advantages-about {
    width: 100%;
  }

  .config__advantages-about-body {
    padding: 16px;
  }

  .config__advantages-about-list {
    margin-top: 8px;
    gap: 4px;
  }

  .config__advantages-about-list-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 0px;
  }

  .config__advantages-about-block {
    margin-top: 16px;
    padding: 12px;
  }

  .config__advantages-about-garant {
    padding: 12px 16px;
  }

  .config__ttx {
    overflow: auto;
    padding: 16px;
  }

  .config__ttx-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .config__ttx-table {
    width: 624px;
  }

  .config__ttx-table-footer {
    width: 624px;
  }

  .config__ttx-copy-all {
    margin: 0px;
  }

  .config__doc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
    gap: 8px;
    overflow: visible;
  }

  .config__doc-tabs-wrapper {
    width: 100%;
    max-width: none;
  }

  .config__doc-tabs-select {
    position: relative;
    width: 100%;
  }

  .config__doc-tabs-select-trigger {
    width: 100%;
    text-align: left;
    font: inherit;
  }

  .config__doc-tabs-select-trigger.config__doc-tab {
    padding-right: 16px;
  }

  .config__doc-tabs-select-trigger .config__doc-tab-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 20px;
    height: 20px;
  }

  .config__doc-tabs-select-label {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .config__doc-tabs-select-arrow {
    margin-left: auto;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    fill: transparent;
    color: var(--red);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }

  .config__doc-tabs-select.is-open .config__doc-tabs-select-trigger .config__doc-tabs-select-arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .config__doc-tabs-select.is-open .config__doc-tabs.config__doc-tabs-select-dropdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .config__doc-tabs.config__doc-tabs-select-dropdown {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: calc(100% + 8px);
    z-index: 5;
    background: #fff;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 8px;
    -webkit-box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.1215686275);
            box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.1215686275);
  }

  .config__doc-head {
    padding: 16px;
  }

  .config__doc-head-img {
    display: none;
  }

  .config__doc-for {
    margin-top: 16px;
  }

  .config__doc-accordion-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .config__log {
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .config__log-accordion {
    width: 100%;
  }

  .config__log-accordion-title-link {
    padding: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
  }

  .config__log-accordion-head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
  }

  .config__log-accordion-tags {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .config__log-accordion-tag {
    text-align: start;
  }

  .config__log-accordion-arrow-block {
    margin-left: auto;
  }

  .config__log-right {
    width: 100%;
    gap: 8px;
  }

  .set__logic {
    margin-top: 28px;
    padding: 16px;
  }

  .set__logic-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .set__logic-problem {
    width: 100%;
  }

  .set__logic-result {
    width: 100%;
  }

  .set__catalog {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .set__tabs-wrapper {
    width: 100%;
    max-width: none;
  }

  .set__tabs.is-mobile-hidden {
    display: none;
  }

  .set__content-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .set__content-wrapper.is-mobile-hidden {
    display: none;
  }

  .set__content.is-mobile-hidden {
    display: none;
  }

  .set__complex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
  }

  .set__complex--shared {
    width: 100%;
  }

  .set__complex-content-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .set__complex-add {
    margin-left: 0;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .set__about {
    padding: 0;
    margin-bottom: 12px;
    border-bottom: none;
  }

  .set__about-icon {
    display: none;
  }

  .set__about-count {
    margin-left: 0;
    -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
  }

  .set__tabs-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .set__tabs-accordion-item {
    margin-top: 0 !important;
    border: none;
    border-radius: 0;
    background-color: transparent;
    overflow: visible;
  }

  .set__tabs-accordion-item.uk-open .set__tab-icon {
    color: var(--red);
  }

  .set__tabs-accordion-item.uk-open .set__tab-title {
    color: var(--black);
  }

  .set__tabs-accordion-item.uk-open .set__tab-tag {
    color: #707681;
  }

  .set__tabs-accordion-item.uk-open .set__tabs-accordion-arrow-icon {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    color: var(--red);
  }

  .set__tabs-accordion-item.uk-open .set__tabs-accordion-title {
    border-color: var(--red);
  }

  .set__tabs-accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 0;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    background-color: white;
  }

  .set__tabs-accordion-title:before {
    display: none;
  }

  .set__tabs-accordion-title .set__tab {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
    width: auto;
    border: none;
    border-radius: 0;
    pointer-events: none;
    padding: 12px 0 12px 16px;
  }

  .set__tabs-accordion-arrow-block {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding-right: 16px;
  }

  .set__tabs-accordion-arrow-icon {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    fill: transparent;
    color: #8A8D91;
  }

  .set__tabs-accordion-content {
    margin-top: 0 !important;
    padding: 12px 0 0;
    border-top: none;
    background-color: transparent;
  }

  .set__products-swiper {
    width: 100%;
    overflow: hidden;
    padding: 0;
  }

  .set__products.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: 0;
  }

  .set__product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .set__product-img-wrapper {
    width: 100%;
    height: 182px;
  }

  .set__product-content-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 4px;
  }

  .set__product-about img {
    width: 20px;
    height: 20px;
    margin-top: 4px;
  }

  .set__product-stat-all {
    margin-left: 0;
  }

  .set__product-price-wrapper {
    margin-top: 12px;
  }

  .set__product-counter {
    width: 114px !important;
  }

  .set__cart {
    width: 100%;
  }

  .set__cart-head {
    padding: 16px;
  }

  .set__cart-products {
    padding: 16px;
  }

  .set__cart-total {
    padding: 16px;
  }

  .standart__cards-swiper {
    width: 100%;
    overflow: hidden;
    margin-top: 28px;
  }

  .standart__cards {
    margin-top: 28px;
  }

  .standart__cards.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-columns: unset;
    grid-template-columns: unset;
    gap: 0;
    margin-top: 0;
  }

  .standart__card {
    height: auto;
  }

  .standart__card-head {
    padding: 12px 16px;
  }

  .standart__card-content {
    padding: 12px;
  }

  .standart__card-value-wrapper {
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 12px;
  }

  .standart__card-border-wrapper {
    padding: 12px 16px;
  }

  .standart__card-tag-aprove {
    margin-top: 16px;
  }

  .standart__tooltips {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
  }

  .standart__tooltip {
    padding: 16px;
  }

  .standart__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 16px;
    margin-top: 24px;
    padding: 16px;
  }

  .standart__block-content {
    max-width: none;
  }

  .standart__block-btn {
    margin-left: 0;
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    width: 100%;
  }

  .comp .title-block__title-more {
    width: 100%;
  }

  .comp .title-block__tabs {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .comp .title-block__tabs::-webkit-scrollbar {
    display: none;
  }

  .comp .title-block__tab {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    white-space: nowrap;
  }

  .comp__content-wrapper {
    margin-top: 28px;
  }

  .comp__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .comp__main-wraper {
    width: 100%;
  }

  .comp__main {
    padding: 16px;
  }

  .comp__main-value-wrapper {
    margin-top: 48px;
  }

  .comp__main-block {
    margin-top: 24px;
    padding: 16px;
  }

  .comp__main-category-title {
    margin-top: 24px;
  }

  .comp__cards-swiper {
    width: 100%;
    overflow: hidden;
  }

  .comp__cards {
    width: 100%;
  }

  .comp__cards.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-grid-columns: unset;
    grid-template-columns: unset;
    gap: 0;
  }

  .comp__card {
    height: auto;
    padding: 16px;
  }

  .comp__card-head {
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .comp__card-block-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: calc(100% - 56px);
  }

  .comp__card-tag-aprove {
    margin-left: 0;
    margin-top: 4px;
  }

  .comp__card-progresses {
    margin-top: 20px;
  }

  .comp__card-description {
    margin-top: 16px;
  }

  .solution__slider {
    margin-top: 28px;
  }

  .solution__card-head {
    height: 160px;
  }

  .solution__card-content {
    padding: 16px;
  }

  .solution__card-body {
    padding: 16px;
  }

  .solution__card-result {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }

  .solution__card-result-item {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
  }

  .solution__card-result-description {
    width: 100%;
  }

  .solution__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
    margin-top: 24px;
    padding: 16px;
  }

  .solution__block-content {
    max-width: none;
  }

  .solution__block-content-list {
    gap: 8px;
    margin-top: 16px;
  }

  .solution__block-content-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4px;
  }

  .solution__block-content-item-title {
    width: 100%;
  }

  .solution__block-btn {
    margin-top: 16px;
    width: 100%;
  }

  .faq-product .send-form__btn {
    width: 100%;
  }

  .ai-conf {
    padding-bottom: 24px;
  }

  .ai-conf__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
  }

  .ai-conf__form-left {
    width: 100%;
  }

  .ai-conf__form-title {
    display: none;
  }

  .ai-conf__form-right {
    display: none;
  }

  .ai-conf__form-input {
    margin-top: 0;
  }

  .ai-conf__form-input-file {
    display: none;
  }

  .ai-conf__form-input-btn {
    padding: 14px 16px;
    gap: 0;
    font-size: 0;
  }

  .ai-conf__form-input-btn-icon {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .ai-conf__form-input-text::-webkit-input-placeholder {
    content: "";
  }

  .ai-conf__form-input-text::-moz-placeholder {
    content: "";
  }

  .ai-conf__form-input-text:-ms-input-placeholder {
    content: "";
  }

  .ai-conf__form-input-text::-ms-input-placeholder {
    content: "";
  }

  .ai-conf__form-input-text::placeholder {
    content: "";
  }

  .category__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 24px;
  }

  .category__tabs.is-mobile-hidden {
    display: none;
  }

  .category__content-wrapper.is-mobile-hidden {
    display: none;
  }

  .category__shared-about {
    width: 100%;
    background-color: white;
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    overflow: hidden;
  }

  .category__about-body {
    display: none;
  }

  .category__about-body.is-mobile-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 16px;
  }

  .category__about-footer {
    padding: 16px;
  }

  .category__about-data {
    display: none;
  }

  .category__about-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }

  .category__about-data-item {
    padding: 10px 16px;
    border-right: none;
    border-bottom: 1px solid #E6E6E6;
  }

  .category__about-data-item:last-child {
    border-bottom: none;
  }

  .category__about-config-title:nth-of-type(3) {
    display: none;
  }

  .category__about-buttons {
    display: none;
  }

  .category__about-button {
    width: 100%;
  }

  .category__about-title {
    margin-top: 12px;
  }

  .category__about-description {
    margin-top: 1px;
  }

  .category__tabs-accordion {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .category__tabs-accordion-item {
    margin-top: 0 !important;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #E6E6E6;
  }

  .category__tabs-accordion-item.uk-open .category__tabs-accordion-arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .category__tabs-accordion-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 12px 16px;
    background-color: var(--black);
  }

  .category__tabs-accordion-title:before {
    display: none;
  }

  .category__tabs-accordion-icon {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #494747;
    border: 1px solid #383838;
    border-radius: 8px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .category__tabs-accordion-title-text {
    color: #F5F5F5;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    min-width: 0;
  }

  .category__tabs-accordion-meta {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .category__tabs-accordion-sku {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 4px;
  }

  .category__tabs-accordion-sku-label {
    color: #A7AAAE;
  }

  .category__tabs-accordion-sku-count {
    color: #FFFFFF;
  }

  .category__tabs-accordion-arrow {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-filter: brightness(10);
            filter: brightness(10);
  }

  .category__tabs-accordion-content {
    margin-top: 0 !important;
    padding: 0;
    background-color: white;
  }

  .category__list-item {
    padding: 16px;
  }

  .category__list-item-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 4px;
  }

  .category__list-item-content-data::before {
    display: none;
  }

  .category__list-item-content-data-title {
    margin-left: 0;
  }

  .catalog__products.min {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 0;
       -moz-column-gap: 0;
            column-gap: 0;
    row-gap: 12px;
    overflow: visible;
    border: none;
    border-radius: 0;
    /* Левая карточка пары */
    /* Правая карточка пары */
  }

  .catalog__products.min .catalog__product-promo {
    grid-column: 1/-1;
    border-radius: 6px;
  }

  .catalog__products.min .catalog__product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: none;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border: 1px solid #E6E6E6;
    border-radius: 0;
  }

  .catalog__products.min .catalog__product:nth-child(odd of .catalog__product) {
    border-radius: 6px 0 0 6px;
    border-right: none;
  }

  .catalog__products.min .catalog__product:nth-child(even of .catalog__product) {
    border-radius: 0 6px 6px 0;
  }

  .catalog__products.min .catalog__product-img-wrapper {
    width: 100%;
    height: 133px;
  }

  .catalog__products.min .catalog__product-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: initial;
        align-content: initial;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 12px;
    gap: 6px;
    max-width: none;
    width: 100%;
    text-align: left;
    border-bottom: none;
  }

  .catalog__products.min .catalog__product-sku,
  .catalog__products.min .catalog__product-status {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .catalog__products.min .catalog__product-title {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
    font-size: 14px;
    color: #494747;
    text-align: left;
  }

  .catalog__products.min .catalog__product-datas {
    display: none;
  }

  .catalog__products.min .catalog__product-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 12px;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-left: none;
  }

  .catalog__products.min .catalog__product-button {
    width: auto;
    -ms-flex-negative: 1;
        flex-shrink: 1;
  }

  .catalog__products.min .catalog__product-button_spec {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
            flex: 1 0 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .catalog__products.min .catalog__product-button_spec .btn__icon {
    display: none;
  }

  .catalog__products.min .catalog__product-button_favorite,
  .catalog__products.min .catalog__product-button_compare {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .catalog__filter {
    gap: 20px;
  }

  .catalog__filter-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
  }

  .catalog__filter-header-btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 50px;
  }

  .catalog__filter-form,
  .catalog__filter-btn {
    display: none;
  }

  .catalog__filter-btn-mobile {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8px;
  }

  .catalog__options {
    padding-top: 20px;
    gap: 12px;
  }

  .catalog__options-inner {
    width: auto;
  }

  .catalog__options-tabs {
    margin-left: 0;
  }

  .catalog__search,
  .catalog__options-sort,
  .catalog__options-sort-title {
    display: none;
  }

  .catalog__products {
    padding-top: 20px;
  }

  .catalog__pagination-block {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .catalog__pagination {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .catalog__product-promo {
    padding: 24px 16px;
  }

  .catalog__product-promo .buy-where__list-promo-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }

  .catalog__product-promo .buy-where__list-promo-right {
    width: 100%;
  }

  .catalog__product-promo .buy-where__list-promo-right .btn {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 44px;
  }

  .catalog__product {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-height: none;
    overflow: visible;
  }

  .catalog__product-img-wrapper {
    width: 100%;
    height: 181px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .catalog__product-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 16px;
    width: 100%;
    max-width: none;
    -ms-flex-item-align: auto;
        -ms-grid-row-align: auto;
        align-self: auto;
    gap: 8px;
    -ms-flex-line-pack: initial;
        align-content: initial;
  }

  .catalog__product-sku,
  .catalog__product-status,
  .catalog__product-title {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    -ms-flex-preferred-size: auto;
        flex-basis: auto;
  }

  .catalog__product-datas {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: auto;
    width: 100%;
    -ms-flex-negative: 1;
        flex-shrink: 1;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    gap: 8px;
    padding: 0 16px;
    position: static;
  }

  .catalog__product-datas::before {
    display: none;
  }

  .catalog__product-data {
    width: 100%;
    opacity: 1;
    position: static;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0px 0px 4px 0px;
    border-bottom: 1px solid #E6E6E6;
    -webkit-transition: none;
    transition: none;
  }

  .catalog__product-data--hidden-mobile {
    display: none;
  }

  .catalog__product-more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 8px;
    width: 100%;
    padding: 12px 0px 0px 0px;
    color: var(--red);
    border: none;
    background: transparent;
    cursor: pointer;
  }

  .catalog__product-more-btn .send-form__select-arrow {
    color: var(--red);
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }

  .catalog__product-more-btn[data-expanded=true] .send-form__select-arrow {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }

  .catalog__product-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 12px 16px;
    gap: 8px;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border-left: none;
    height: auto;
    margin: 0px;
  }

  .catalog__product-button {
    width: auto;
  }

  .catalog__product-button_spec {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 44px;
    padding: 0px 0px !important;
  }

  .catalog__product-button_favorite,
  .catalog__product-button_compare {
    width: 44px;
    min-width: 44px;
    height: 44px;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .catalog__product-button_favorite .catalog__product-button-label,
  .catalog__product-button_compare .catalog__product-button-label {
    display: none;
  }
}

@media (max-width: 900.98px) {
  .text_mobile_12 {
    font-size: 12px;
  }

  .text_mobile_13 {
    font-size: 13px;
  }

  .text_mobile_14 {
    font-size: 14px;
  }

  .text_mobile_15 {
    font-size: 15px;
  }

  .text_mobile_16 {
    font-size: 16px;
  }

  .text_mobile_17 {
    font-size: 17px;
  }

  .text_mobile_18 {
    font-size: 18px;
  }

  .text_mobile_19 {
    font-size: 19px;
  }

  .text_mobile_20 {
    font-size: 20px;
  }

  .text_mobile_21 {
    font-size: 21px;
  }

  .text_mobile_22 {
    font-size: 22px;
  }

  .text_mobile_23 {
    font-size: 23px;
  }

  .text_mobile_24 {
    font-size: 24px;
  }

  .text_mobile_25 {
    font-size: 25px;
  }

  .text_mobile_26 {
    font-size: 26px;
  }

  .text_mobile_27 {
    font-size: 27px;
  }

  .text_mobile_28 {
    font-size: 28px;
  }

  .text_mobile_29 {
    font-size: 29px;
  }

  .text_mobile_30 {
    font-size: 30px;
  }

  .text_mobile_31 {
    font-size: 31px;
  }

  .text_mobile_32 {
    font-size: 32px;
  }

  .text_mobile_33 {
    font-size: 33px;
  }

  .text_mobile_34 {
    font-size: 34px;
  }

  .text_mobile_35 {
    font-size: 35px;
  }

  .text_mobile_36 {
    font-size: 36px;
  }

  .text_mobile_37 {
    font-size: 37px;
  }

  .text_mobile_38 {
    font-size: 38px;
  }

  .text_mobile_39 {
    font-size: 39px;
  }

  .text_mobile_40 {
    font-size: 40px;
  }

  .text_mobile_41 {
    font-size: 41px;
  }

  .text_mobile_42 {
    font-size: 42px;
  }

  .text_mobile_43 {
    font-size: 43px;
  }

  .text_mobile_44 {
    font-size: 44px;
  }

  .text_mobile_45 {
    font-size: 45px;
  }

  .text_mobile_46 {
    font-size: 46px;
  }

  .text_mobile_47 {
    font-size: 47px;
  }

  .text_mobile_48 {
    font-size: 48px;
  }

  .text_mobile_49 {
    font-size: 49px;
  }

  .text_mobile_50 {
    font-size: 50px;
  }

  .text_mobile_51 {
    font-size: 51px;
  }

  .text_mobile_52 {
    font-size: 52px;
  }

  .text_mobile_53 {
    font-size: 53px;
  }

  .text_mobile_54 {
    font-size: 54px;
  }

  .text_mobile_55 {
    font-size: 55px;
  }

  .text_mobile_56 {
    font-size: 56px;
  }

  .text_mobile_57 {
    font-size: 57px;
  }

  .text_mobile_58 {
    font-size: 58px;
  }

  .text_mobile_59 {
    font-size: 59px;
  }

  .text_mobile_60 {
    font-size: 60px;
  }

  .text_mobile_61 {
    font-size: 61px;
  }

  .text_mobile_62 {
    font-size: 62px;
  }

  .text_mobile_63 {
    font-size: 63px;
  }

  .text_mobile_64 {
    font-size: 64px;
  }

  .text_mobile_65 {
    font-size: 65px;
  }

  .text_mobile_66 {
    font-size: 66px;
  }

  .text_mobile_67 {
    font-size: 67px;
  }

  .text_mobile_68 {
    font-size: 68px;
  }

  .text_mobile_69 {
    font-size: 69px;
  }

  .text_mobile_70 {
    font-size: 70px;
  }

  .text_mobile_71 {
    font-size: 71px;
  }

  .text_mobile_72 {
    font-size: 72px;
  }

  .text_mobile_73 {
    font-size: 73px;
  }

  .text_mobile_74 {
    font-size: 74px;
  }

  .text_mobile_75 {
    font-size: 75px;
  }

  .text_mobile_76 {
    font-size: 76px;
  }

  .text_mobile_77 {
    font-size: 77px;
  }

  .text_mobile_78 {
    font-size: 78px;
  }

  .text_mobile_79 {
    font-size: 79px;
  }

  .text_mobile_80 {
    font-size: 80px;
  }

  .text_mobile_81 {
    font-size: 81px;
  }

  .text_mobile_82 {
    font-size: 82px;
  }

  .text_mobile_83 {
    font-size: 83px;
  }

  .text_mobile_84 {
    font-size: 84px;
  }

  .text_mobile_85 {
    font-size: 85px;
  }

  .text_mobile_86 {
    font-size: 86px;
  }

  .text_mobile_87 {
    font-size: 87px;
  }

  .text_mobile_88 {
    font-size: 88px;
  }

  .text_mobile_89 {
    font-size: 89px;
  }

  .text_mobile_90 {
    font-size: 90px;
  }

  .text_mobile_91 {
    font-size: 91px;
  }

  .text_mobile_92 {
    font-size: 92px;
  }

  .text_mobile_93 {
    font-size: 93px;
  }

  .text_mobile_94 {
    font-size: 94px;
  }

  .text_mobile_95 {
    font-size: 95px;
  }

  .text_mobile_96 {
    font-size: 96px;
  }

  .text_mobile_97 {
    font-size: 97px;
  }

  .text_mobile_98 {
    font-size: 98px;
  }

  .text_mobile_99 {
    font-size: 99px;
  }

  .text_mobile_100 {
    font-size: 100px;
  }

  .hidden-mobile {
    display: none !important;
  }

  .show-mobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .mission__card.is-entering .mission__card-line::after {
    -webkit-animation: none;
            animation: none;
    -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
            transform: scaleX(1);
  }
}