@charset "UTF-8";
/* Импортные CSS / SCSS файлы, плагины, модули */
/* Обнуление стилей */
/*! 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 {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
.news{height:5px;background:linear-gradient(180deg, #760493 0%, #d517e0 100%);}
span{
   display:block;
   width:100% /*or whatever width you want the effect of <hr>*/
   border-top: 1px solid #ccc
}
/**
 * 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 */
  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 {
  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'] {
  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;
}

/* Анимации */
/* Choises: select */
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  direction: inherit;
  position: absolute;
  overflow: hidden;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}

.simplebar-content:after,
.simplebar-content:before {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: #000;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition-delay: 0s;
  transition-duration: 0s;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}

[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}

.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Slider: swiper */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA')
    format('woff');
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-lock {
  display: none;
}

/* Переменные */
/* Миксины */
/*
  @include Layout((( 'large',
    (
      font-size: 24,
      line-height: 32,
      margin-left: 19
    )),
  ));
*/
/* Резиновая верстка (авторасчет vw) */
/*
  @include Layout-boxshadow(0, -5, 15, rgba(#000, .25), all);
*/
/* Адаптивный box-shadow */
/*
  @include adaptive(
    (
      (
        1440px,
        (
          font-size: 24px,
          line-height: 32px
        )
      ),
      (
        992px,
        (
          font-size: 24px,
          line-height: 32px
        )
      )
    )
  );
*/
/* Адаптивность */
/* Подключение шрифта вручную */
/* Работа с типографией */
/* Удобная Сетка */
/* Обнуление стилей */
*,
*:before,
*:after {
  box-sizing: border-box;
}

html {
  font-size: 0.0520833333vw;
}
@media (max-width: 1600px) {
  html {
    font-size: 0.0625vw;
  }
}
@media (max-width: 1440px) {
  html {
    font-size: 0.0694444444vw;
  }
}
@media (max-width: 992px) {
  html {
    font-size: 0.1302083333vw;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 0.3125vw;
  }
}

html,
body {
  background: #f4f4f4;
}

body {
  overflow-y: scroll;
  scroll-behavior: smooth;
  font-family: Panton;
  font-style: normal;
  color: #363535;
  font-weight: 400;
  font-size: 18rem;
}
@media (max-width: 992px) {
  body {
    font-size: 18rem;
  }
}
@media (max-width: 768px) {
  body {
    font-size: 16rem;
  }
}

.img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

dl,
a,
p,
span,
div,
img,
nav,
header,
footer,
button,
input,
h1,
h2,
h3,
h4,
h5,
h6,
textarea {
  margin: 0;
  padding: 0;
}

input,
textarea,
button {
  box-sizing: border-box;
  border: none;
  outline: none;
  background: none;
  display: block;
}
input::placehloder,
textarea::placehloder,
button::placehloder {
  box-sizing: border-box;
}

textarea {
  resize: none;
}

/* Шрифты */
@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: Akrobat;
  font-display: swap;
  src: url('../fonts/Akrobat-Regular.woff2') format('woff2'),
    url('../fonts/Akrobat-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Panton;
  font-display: swap;
  src: url('../fonts/Panton-Bold.woff2') format('woff2'),
    url('../fonts/Panton-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Akrobat;
  font-display: swap;
  src: url('../fonts/Akrobat-Bold.woff2') format('woff2'),
    url('../fonts/Akrobat-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Panton;
  font-display: swap;
  src: url('../fonts/Panton-Light.woff2') format('woff2'),
    url('../fonts/Panton-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Panton;
  font-display: swap;
  src: url('../fonts/Panton-SemiBold.woff2') format('woff2'),
    url('../fonts/Panton-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: Panton;
  font-display: swap;
  src: url('../fonts/Panton-Regular.woff2') format('woff2'),
    url('../fonts/Panton-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
/* Типографика */
.main-title h1 {
  font-size: 54rem;
  line-height: 62rem;
  font-weight: 700;
}
@media (max-width: 1600px) {
  .main-title h1 {
    font-size: 3vw;
    line-height: 3.5vw;
  }
}
@media (max-width: 992px) {
  .main-title h1 {
    font-size: 44rem;
    line-height: 52rem;
  }
}
@media (max-width: 768px) {
  .main-title h1 {
    font-size: 35rem;
    line-height: 40rem;
  }
}
.main-title h1 span {
  color: #c615d4;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  font-family: inherit;
  display: block;
}

h1 {
  font-weight: 700;
}

h1,
h2 {
  font-size: 64rem;
  line-height: 72rem;
}
@media (max-width: 992px) {
  h1,
  h2 {
    font-size: 48rem;
    line-height: 56rem;
  }
}
@media (max-width: 768px) {
  h1,
  h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}

h2 {
  color: #760493;
  font-weight: 600;
}

h3,
h4,
h5,
h6 {
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 600;
}
@media (max-width: 992px) {
  h3,
  h4,
  h5,
  h6 {
    font-size: 20rem;
    line-height: 28rem;
  }
}

p,
span {
  font-weight: 400;
}

p,
span,
strong,
li,
b,
a {
  font-size: 18rem;
  line-height: 26rem;
  font-family: Inter;
}
@media (max-width: 768px) {
  p,
  span,
  strong,
  li,
  b,
  a {
    font-size: 16rem;
    line-height: 24rem;
  }
}

p strong,
p br {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
}

strong,
b {
  font-weight: 600;
}

a {
  color: #760493;
  display: block;
  text-decoration: none;
  user-select: none;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
a:hover {
  color: #c615d4;
}

@media (max-width: 768px) {
  .break-mob {
    display: block;
    clear: both;
  }
}

.wrapper-desc {
  display: flex;
  flex-direction: column;
  row-gap: 24rem;
}
@media (max-width: 992px) {
  .wrapper-desc {
    row-gap: 20rem;
  }
}
@media (max-width: 768px) {
  .wrapper-desc {
    row-gap: 16rem;
  }
}

.text-violet {
  color: #760493;
}

/* Анимации */
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes modalOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Компоненты */
/* Кнопки */
/* Кнопка: перейти */
.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  transition-property: background-color, color, box-shadow, border-color;
  transition-timing-function: linear;
  transition-duration: 0.3s;
  max-width: 100%;
  width: 100%;
  outline: none;
  user-select: none;
}
.btn:hover {
  cursor: pointer;
}
.btn--transparent {
  background-color: transparent;
  border-style: solid;
  border-color: #760493;
  color: #760493;
}
.btn--transparent:hover {
  background-color: #760493;
  color: #fff;
}
.btn--transparent.btn--icon:hover .icon path {
  fill: #fff;
}
.btn--transparent.btn--icon:hover span:hover {
  color: #fff;
}
.btn--gradient {
  box-shadow: 5rem 5rem 20rem rgba(0, 0, 0, 0.25);
  background: linear-gradient(180deg, #760493 0%, #d517e0 100%);
  color: #fff;
  transition: filter 0.3s linear;
  font-family: Inter;
}
.btn--gradient:hover {
  filter: brightness(150%);
  color: #fff;
}
.btn--violet {
  background-color: #760493;
  color: #fff;
}
.btn--violet:hover {
  background-color: #c615d4;
  color: #fff;
}
.btn--white {
  background-color: #fff;
  color: #760493;
}
.btn--white:hover {
  background-color: #363535;
  color: #fff;
}
.btn--icon {
  column-gap: 10rem;
}
@media (max-width: 992px) {
  .btn--icon {
    column-gap: 8rem;
  }
}
.btn--icon span {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
.btn--oversize {
  font-family: Panton;
  font-weight: 700;
  padding-top: 20rem;
  padding-bottom: 20rem;
  padding-left: 40rem;
  padding-right: 40rem;
  border-radius: 40rem;
  min-height: 80rem;
  max-height: 80rem;
  font-size: 20rem;
  line-height: 28rem;
}
@media (max-width: 992px) {
  .btn--oversize {
    padding-top: 16rem;
    padding-bottom: 16rem;
    padding-left: 32rem;
    padding-right: 32rem;
    min-height: 64rem;
    max-height: 64rem;
    font-size: 18rem;
    line-height: 26rem;
  }
}
@media (max-width: 768px) {
  .btn--oversize {
    padding-top: 12rem;
    padding-bottom: 12rem;
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
.btn--oversize.btn--icon .icon {
  position: relative;
  top: 1rem;
}
.btn--bigsize {
  font-family: Inter;
  font-weight: 400;
  padding-top: 20rem;
  padding-bottom: 20rem;
  padding-left: 40rem;
  padding-right: 40rem;
  border-radius: 40rem;
  min-height: 66rem;
  max-height: 66rem;
  font-size: 18rem;
  line-height: 26rem;
}
@media (max-width: 992px) {
  .btn--bigsize {
    padding-top: 17rem;
    padding-bottom: 17rem;
    padding-left: 48rem;
    padding-right: 48rem;
    min-height: 56rem;
    max-height: 56rem;
  }
}
@media (max-width: 768px) {
  .btn--bigsize {
    padding-top: 12rem;
    padding-bottom: 12rem;
    padding-left: 32rem;
    padding-right: 32rem;
    min-height: 48rem;
    max-height: 48rem;
    font-size: 16rem;
    line-height: 24rem;
  }
}
.btn--minsize {
  font-size: 18rem;
  line-height: 24rem;
  padding-top: 15rem;
  padding-bottom: 15rem;
  padding-left: 30rem;
  padding-right: 30rem;
  border-radius: 40rem;
  max-height: 50rem;
}
@media (max-width: 992px) {
  .btn--minsize {
    font-size: 16rem;
    line-height: 22rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 20rem;
    padding-right: 20rem;
    max-height: 40rem;
  }
}
@media (max-width: 768px) {
  .btn--minsize {
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 16rem;
    padding-right: 16rem;
    max-height: 36rem;
  }
}

/* Иконки */
.icon {
  display: flex;
}
.icon svg,
.icon path {
  transition-property: fill, stroke;
  transition-timing-function: linear;
  transition-duration: 0.3s;
}
.icon--arrow-right svg {
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  min-height: 24rem;
}
@media (max-width: 992px) {
  .icon--arrow-right svg {
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    min-height: 20rem;
  }
}
@media (max-width: 768px) {
  .icon--arrow-right svg {
    width: 18rem;
    min-width: 18rem;
    height: 18rem;
    min-height: 18rem;
  }
}
.icon--arrow-right path {
  fill: #760493;
}
.icon--circle-arrow-right svg {
  width: 40rem;
  min-width: 40rem;
  height: 40rem;
  min-height: 40rem;
}
@media (max-width: 992px) {
  .icon--circle-arrow-right svg {
    width: 35rem;
    min-width: 35rem;
    height: 35rem;
    min-height: 35rem;
  }
}
@media (max-width: 768px) {
  .icon--circle-arrow-right svg {
    width: 30rem;
    min-width: 30rem;
    height: 30rem;
    min-height: 30rem;
  }
}
.icon--circle-arrow-right path {
  fill: #363535;
}
.icon--circle-open svg {
  width: 40rem;
  min-width: 40rem;
  height: 40rem;
  min-height: 40rem;
}
@media (max-width: 992px) {
  .icon--circle-open svg {
    width: 35rem;
    min-width: 35rem;
    height: 35rem;
    min-height: 35rem;
  }
}
@media (max-width: 768px) {
  .icon--circle-open svg {
    width: 30rem;
    min-width: 30rem;
    height: 30rem;
    min-height: 30rem;
  }
}
.icon--circle-open path {
  fill: #777777;
}
.icon--exclamatory svg {
  width: 36rem;
  min-width: 36rem;
  height: 36rem;
  min-height: 36rem;
}
@media (max-width: 992px) {
  .icon--exclamatory svg {
    width: 32rem;
    min-width: 32rem;
    height: 32rem;
    min-height: 32rem;
  }
}
@media (max-width: 768px) {
  .icon--exclamatory svg {
    width: 24rem;
    min-width: 24rem;
    height: 24rem;
    min-height: 24rem;
  }
}
.icon--exclamatory path {
  fill: #760493;
}
.icon--benefit1 svg {
  width: 98.46rem;
  min-width: 98.46rem;
  height: 85.46rem;
  min-height: 85.46rem;
}
@media (max-width: 992px) {
  .icon--benefit1 svg {
    width: 98.46rem;
    min-width: 98.46rem;
    height: 85.46rem;
    min-height: 85.46rem;
  }
}
@media (max-width: 768px) {
  .icon--benefit1 svg {
    width: 75.73rem;
    min-width: 75.73rem;
    height: 65.73rem;
    min-height: 65.73rem;
  }
}
.icon--benefit2 svg {
  width: 74rem;
  min-width: 74rem;
  height: 74rem;
  min-height: 74rem;
}
.icon--benefit3 svg {
  width: 100.73rem;
  min-width: 100.73rem;
  height: 88rem;
  min-height: 88rem;
}
@media (max-width: 992px) {
  .icon--benefit3 svg {
    width: 100.73rem;
    min-width: 100.73rem;
    height: 88rem;
    min-height: 88rem;
  }
}
@media (max-width: 768px) {
  .icon--benefit3 svg {
    width: 77.48rem;
    min-width: 77.48rem;
    height: 67.69rem;
    min-height: 67.69rem;
  }
}
.icon--benefit4 svg {
  width: 74rem;
  min-width: 74rem;
  height: 74rem;
  min-height: 74rem;
}
.icon--benefit5 svg {
  width: 64rem;
  min-width: 64rem;
  height: 64rem;
  min-height: 64rem;
}
.icon--benefit6 svg {
  width: 64rem;
  min-width: 64rem;
  height: 64rem;
  min-height: 64rem;
}
.icon--arrowslide-right svg,
.icon--arrowslide-left svg {
  width: 66rem;
  min-width: 66rem;
  height: 24rem;
  min-height: 24rem;
}
@media (max-width: 992px) {
  .icon--arrowslide-right svg,
  .icon--arrowslide-left svg {
    width: 60rem;
    min-width: 60rem;
    height: 21.81rem;
    min-height: 21.81rem;
  }
}
@media (max-width: 768px) {
  .icon--arrowslide-right svg,
  .icon--arrowslide-left svg {
    width: 30rem;
    min-width: 30rem;
    height: 15.38rem;
    min-height: 15.38rem;
  }
}
.icon--arrowslide-right path,
.icon--arrowslide-left path {
  fill: #363535;
}
.icon--arrowslide-left svg {
  transform: rotate(180deg);
}
.icon--date svg,
.icon--clock svg,
.icon--shared svg {
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  min-height: 24rem;
}
.icon--date path,
.icon--clock path,
.icon--shared path {
  fill: #777;
}
.icon--arrow-right-line svg {
  fill: #333;
}
@media (max-width: 992px) {
  .icon--arrow-right-line svg {
    width: 48rem;
    min-width: 48rem;
    height: 48rem;
    min-height: 48rem;
  }
}
@media (max-width: 768px) {
  .icon--arrow-right-line svg {
    width: 32rem;
    min-width: 32rem;
    height: 32rem;
    min-height: 32rem;
  }
}
.icon--download svg {
  width: 48rem;
  min-width: 48rem;
  height: 48rem;
  min-height: 48rem;
}
@media (max-width: 992px) {
  .icon--download svg {
    width: 40rem;
    min-width: 40rem;
    height: 40rem;
    min-height: 40rem;
  }
}
@media (max-width: 768px) {
  .icon--download svg {
    width: 32rem;
    min-width: 32rem;
    height: 32rem;
    min-height: 32rem;
  }
}
.icon--download path {
  fill: #fff;
}

/* Container */
.container {
  padding-left: 160rem;
  padding-right: 160rem;
}
@media (max-width: 1600px) {
  .container {
    padding-left: 8.75vw;
    padding-right: 8.75vw;
  }
}
@media (max-width: 1440px) {
  .container {
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
  }
}
@media (max-width: 992px) {
  .container {
    padding-left: 40rem;
    padding-right: 40rem;
  }
}
@media (max-width: 768px) {
  .container {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}

/* Modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  transition-property: top, opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.modal__dialog {
  position: relative;
  margin: 0 auto;
  z-index: 9998;
}
.modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  outline: 0;
}

.modal--thunks {
  height: 100vh;
  display: flex;
  z-index: 10001;
}
.modal--thunks .modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.modal--thunks .modal__dialog {
  position: relative;
  margin: auto;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .modal--thunks .modal__dialog {
    height: 100%;
  }
}
.modal--thunks .modal__content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  align-items: center;
  justify-content: center;
  width: 560rem;
  height: 320rem;
  border-radius: 8rem;
}
@media (max-width: 992px) {
  .modal--thunks .modal__content {
    width: 62.5vw;
    height: 41.6666666667vw;
    border-radius: 1.0416666667vw;
  }
}
@media (max-width: 768px) {
  .modal--thunks .modal__content {
    width: 100%;
    height: 100%;
    border-radius: unset;
  }
}
.modal--thunks .modal__close {
  position: absolute;
  z-index: 10;
  right: 16rem;
  top: 16rem;
}
.modal--thunks .modal__close:hover {
  cursor: pointer;
}
.modal--thunks .modal__icon--close svg {
  stroke: #000;
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  min-height: 24rem;
}
.modal--thunks .modal__content {
  padding-left: 24rem;
  padding-right: 24rem;
}
@media (max-width: 992px) {
  .modal--thunks .modal__content {
    padding-left: 20rem;
    padding-right: 20rem;
  }
}
@media (max-width: 768px) {
  .modal--thunks .modal__content {
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
.modal--thunks .modal__message {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.modal--thunks .modal__message h3 {
  margin-bottom: 8rem;
}
@media (max-width: 992px) {
  .modal--thunks .modal__message h3 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 768px) {
  .modal--thunks .modal__message h3 {
    font-size: 20rem;
    line-height: 28rem;
  }
}
.modal--thunks.modal--visible {
  opacity: 1;
  pointer-events: all;
}

.modal--warning {
  height: 100vh;
  display: flex;
  z-index: 10002;
}
.modal--warning .modal__overlay-dialog {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.modal--warning .modal__dialog {
  position: relative;
  margin: auto;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  .modal--warning .modal__dialog {
    height: 100%;
  }
}
.modal--warning .modal__content {
  background-color: #fff;
  padding-top: 32rem;
  padding-bottom: 48rem;
  padding-left: 24rem;
  padding-right: 24rem;
  max-width: 624rem;
}
@media (max-width: 992px) {
  .modal--warning .modal__content {
    padding-top: 4.1666666667vw;
    padding-bottom: 5.2083333333vw;
    padding-left: 3.125vw;
    padding-right: 3.125vw;
    max-width: 81.25vw;
  }
}
@media (max-width: 768px) {
  .modal--warning .modal__content {
    max-width: 100%;
    width: 100%;
    height: 100%;
    justify-content: center;
  }
}
.modal--warning .modal__wrapper-text {
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
  row-gap: 16rem;
  margin-bottom: 24rem;
}
@media (max-width: 992px) {
  .modal--warning .modal__wrapper-text {
    row-gap: 14rem;
    margin-bottom: 20rem;
  }
}
@media (max-width: 768px) {
  .modal--warning .modal__wrapper-text {
    row-gap: 12rem;
    margin-bottom: 16rem;
  }
}
.modal--warning .modal__wrapper-text h2 {
  color: #760493;
}
@media (max-width: 768px) {
  .modal--warning .modal__wrapper-text br {
    display: none;
  }
}
.modal--warning .modal__wrapper-text strong {
  font-weight: 600;
}
.modal--warning .modal__wrapper-buttons {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 16rem;
}
@media (max-width: 992px) {
  .modal--warning .modal__wrapper-buttons {
    column-gap: 14rem;
  }
}
@media (max-width: 768px) {
  .modal--warning .modal__wrapper-buttons {
    flex-direction: column;
    column-gap: unset;
  }
}
@media (max-width: 768px) {
  .modal--warning .modal__wrapper-buttons {
    row-gap: 14rem;
  }
}
@media (max-width: 768px) {
  .modal--warning .modal__wrapper-button {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .modal--warning .modal__wrapper-button .btn {
    width: 100%;
  }
}
.modal--warning.modal--visible {
  opacity: 1;
  pointer-events: all;
}

.modal--addmenu {
  background-color: #fff;
  z-index: 1000;
  left: -100vw;
  transition-property: opacity, left, top;
  transition-timing-function: ease-in;
}
.modal--addmenu .modal__dialog {
  width: 100%;
  position: relative;
  z-index: 100;
}
@media (max-width: 768px) {
  .modal--addmenu .modal__dialog {
    height: auto;
    max-height: 100vh;
    overflow-y: scroll;
  }
}
.modal--addmenu .modal__dialog,
.modal--addmenu .modal__content,
.modal--addmenu .modal__container,
.modal--addmenu .modal__wrap-content {
  height: 100%;
}
.modal--addmenu .modal__wrap-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  row-gap: 40rem;
  padding-top: 40rem;
  padding-bottom: 40rem;
}
@media (max-width: 768px) {
  .modal--addmenu .modal__wrap-content {
    row-gap: 32rem;
    padding-top: 32rem;
    padding-bottom: 32rem;
  }
}
.modal--addmenu .modal__menu {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 24rem;
}
@media (max-width: 992px) {
  .modal--addmenu .modal__menu {
    row-gap: 20rem;
  }
}
@media (max-width: 768px) {
  .modal--addmenu .modal__menu {
    row-gap: 16rem;
  }
}
.modal--addmenu .modal__menu a {
  font-size: 24rem;
  line-height: 32rem;
}
@media (max-width: 992px) {
  .modal--addmenu .modal__menu a {
    font-size: 22rem;
    line-height: 30rem;
  }
}
@media (max-width: 768px) {
  .modal--addmenu .modal__menu a {
    font-size: 20rem;
    line-height: 28rem;
  }
}
.modal--addmenu.modal--fadeTop {
  opacity: 1;
  pointer-events: auto;
  left: 0;
}

/* Breadcrumbs */
.breadcrumbs {
  font-size: 18rem;
  line-height: 24rem;
  font-weight: 400;
  color: #363535;
  column-gap: 6rem;
  margin-bottom: 12rem;
}
@media (max-width: 992px) {
  .breadcrumbs {
    font-size: 16rem;
    line-height: 20rem;
  }
}
@media (max-width: 992px) {
  .breadcrumbs {
    column-gap: 6rem;
    margin-bottom: 8rem;
  }
}
@media (max-width: 768px) {
  .breadcrumbs {
    column-gap: 4rem;
  }
}
.breadcrumbs a {
  transition: opacity 0.3s linear;
  text-decoration: underline;
  display: inline-block;
}
.breadcrumbs a:hover {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .breadcrumbs a {
    position: relative;
  }
}
.breadcrumbs a,
.breadcrumbs span {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.breadcrumbs a {
  font-weight: inherit;
}
.breadcrumbs span {
  font-weight: 600;
}

/* Resizer module */
.target-left {
  transition-property: width, min-width, padding-right;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}

.resizer {
  position: absolute;
  z-index: 1;
  transition-property: right;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  transform: translateY(-50%);
  top: 50%;
  right: -33rem;
}
@media (max-width: 992px) {
  .resizer {
    right: -3.515625vw;
  }
}
@media (max-width: 1200px) {
  .resizer {
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
}
@media (max-width: 768px) {
  .resizer {
    display: none;
  }
}
.resizer:hover {
  cursor: pointer;
}
.resizer button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64rem;
  min-width: 64rem;
  height: 64rem;
  min-height: 64rem;
  border-radius: 50%;
  background-color: #fff;
  transition-property: transform;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
}
@media (max-width: 992px) {
  .resizer button {
    width: 7.2916666667vw;
    min-width: 7.2916666667vw;
    height: 7.2916666667vw;
    min-height: 7.2916666667vw;
  }
}
.resizer button:hover {
  opacity: 1;
  cursor: pointer;
}
.resizer.revert {
  right: 40rem;
}
@media (max-width: 1600px) {
  .resizer.revert {
    right: 0.375vw;
  }
}
@media (max-width: 992px) {
  .resizer.revert {
    right: 1.3020833333vw;
  }
}
.resizer.revert button {
  transform: rotate(180deg);
}

/* Checkbox */
.wrapper-checkbox {
  position: relative;
}
.wrapper-checkbox input + label::before {
  transition-property: background-color, color, box-shadow, border-color;
  transition-timing-function: linear;
  transition-duration: 0.3s;
  content: '';
  display: inline-block;
  flex-shrink: 0;
  flex-grow: 0;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  min-height: 24rem;
  margin-right: 11rem;
  border-radius: 4rem;
}
.wrapper-checkbox input + label::before:hover {
  cursor: pointer;
}
.wrapper-checkbox input:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(118, 4, 147, 0.25);
}
.wrapper-checkbox input:focus:not(:checked) + label::before {
  box-shadow: 0 0 0 0.2rem rgba(118, 4, 147, 0.25);
}
.wrapper-checkbox input:checked + label::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.15789 7.14286L12.5263 0L14 1.42857L5.15789 10L0 5L1.47368 3.57143L5.15789 7.14286Z' fill='black'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16rem;
}
.wrapper-checkbox input:disabled + label::before {
  background-color: #e3e2de;
}
.wrapper-checkbox label {
  font-family: Inter;
  font-size: 16rem;
  line-height: 24rem;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 992px) {
  .wrapper-checkbox label {
    font-size: 14rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .wrapper-checkbox label {
    font-size: 12rem;
    line-height: 16rem;
  }
}
.wrapper-checkbox label a,
.wrapper-checkbox label span {
  display: inline;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
}
.wrapper-checkbox label a {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.wrapper-checkbox label a:hover {
  opacity: 0.7;
}
.wrapper-checkbox label span {
  text-decoration: none;
}
.wrapper-checkbox input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.wrapper-checkbox input:hover {
  cursor: pointer;
}
.wrapper-checkbox input + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.wrapper-checkbox input + label:hover {
  cursor: pointer;
}

.wrapper-checkbox.checkbox-error input + label::before {
  border-style: solid;
  border-color: red;
  border-width: 2rem;
}

/* Input */
.wrapper-input {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .wrapper-input {
    flex-direction: column;
    align-items: flex-start;
  }
}
.wrapper-input label {
  display: block;
  margin: 0;
  padding: 0;
  font-family: Inter;
  font-size: 18rem;
  line-height: 26rem;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 992px) {
  .wrapper-input label {
    font-size: 16rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .wrapper-input label {
    font-size: 14rem;
    line-height: 18rem;
  }
}
.wrapper-input input {
  transition-property: background-color, color, box-shadow, border-color;
  transition-timing-function: linear;
  transition-duration: 0.3s;
  max-width: 100%;
  width: 100%;
  border-bottom-style: solid;
  font-size: 16rem;
  line-height: 20rem;
  font-weight: 500;
  border-bottom-width: 2rem;
  padding-bottom: 13rem;
  padding-left: 24rem;
  padding-right: 24rem;
}
@media (max-width: 992px) {
  .wrapper-input input {
    font-size: 14rem;
    line-height: 18rem;
  }
}
@media (max-width: 992px) {
  .wrapper-input input {
    padding-bottom: 12rem;
    padding-left: 20rem;
    padding-right: 20rem;
  }
}
@media (max-width: 768px) {
  .wrapper-input input {
    padding-bottom: 10rem;
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.wrapper-input input::placeholder {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: inherit;
}
.wrapper-input--black label {
  color: #363535;
}
.wrapper-input--black input {
  border-bottom-color: #d9d9d9;
  color: #363535;
}
.wrapper-input--black input::placeholder {
  color: #e3e2de;
}
.wrapper-input--white label {
  color: #ececec;
}
.wrapper-input--white input {
  border-bottom-color: #d9d9d9;
  color: #ececec;
}
.wrapper-input--white input::placeholder {
  color: #ececec;
}
.wrapper-input--white.wrapper-input--message input::placeholder {
  font-weight: 400;
}
.wrapper-input--vertical {
  flex-direction: column;
  align-items: flex-start;
}
.wrapper-input--vertical label {
  padding-bottom: 0;
  margin-bottom: 20rem;
}
@media (max-width: 992px) {
  .wrapper-input--vertical label {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .wrapper-input--vertical label {
    padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  .wrapper-input--vertical label {
    margin-bottom: 16rem;
  }
}
@media (max-width: 768px) {
  .wrapper-input--vertical label {
    margin-bottom: 12rem;
  }
}

input.input-error {
  border-color: red;
}

/* Nav mob */
.nav-mob__wrapper-button {
  display: none;
}
.nav-mob__content {
  transition-property: right;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}

@media (max-width: 768px) {
  .nav-mob--mobile {
    position: relative;
    z-index: 9999;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__content {
    position: fixed !important;
    top: 50% !important;
    left: unset !important;
    transform: translateY(-50%);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    transition-property: right;
    transition-duration: 0.3s;
    transition-timing-function: linear;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__content {
    right: -320rem;
    border-top-left-radius: 16rem;
    border-bottom-left-radius: 16rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__wrapper-content {
    background-color: #363535;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__wrapper-content {
    width: 280rem;
    padding-top: 32rem;
    padding-bottom: 32rem;
    padding-left: 16rem;
    padding-right: 16rem;
    border-top-left-radius: 16rem;
    border-bottom-left-radius: 16rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__wrapper-button {
    width: 40rem;
    min-width: 40rem;
    height: 48rem;
    min-height: 48rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__wrapper-button {
    border-top-left-radius: 8rem;
    border-bottom-left-radius: 8rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__wrapper-button {
    background-color: #363535;
    display: flex;
    align-items: center;
    position: absolute;
    left: -40px;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__wrapper-button button {
    outline: none;
    border: unset;
    position: relative;
    transition-property: top, left;
    transition-duration: 0.3s;
    transition-timing-function: linear;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__wrapper-button button {
    top: 0.5rem;
    left: 2rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--mobile .nav-mob__wrapper-button .icon svg {
    transform: rotate(180deg);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: linear;
  }
}

@media (max-width: 992px) {
  .nav-mob--large {
    position: relative;
    z-index: 9999;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__content {
    position: fixed !important;
    top: 50% !important;
    left: unset !important;
    transform: translateY(-50%);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__content {
    right: -460rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--large .nav-mob__content {
    right: -320rem;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__wrapper-content {
    background-color: #fff;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__wrapper-content {
    width: 460rem;
    max-width: 460rem;
    padding-top: 48rem;
    padding-bottom: 48rem;
    padding-left: 32rem;
    padding-right: 32rem;
    border-top-left-radius: 32rem;
    border-bottom-left-radius: 32rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--large .nav-mob__wrapper-content {
    width: 320rem;
    max-width: 320rem;
    padding-top: 32rem;
    padding-bottom: 32rem;
    padding-left: 16rem;
    padding-right: 16rem;
    border-top-left-radius: 16rem;
    border-bottom-left-radius: 16rem;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__wrapper-button {
    width: 40rem;
    min-width: 40rem;
    height: 64rem;
    min-height: 64rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--large .nav-mob__wrapper-button {
    width: 32rem;
    min-width: 32rem;
    height: 48rem;
    min-height: 48rem;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__wrapper-button {
    border-top-left-radius: 8rem;
    border-bottom-left-radius: 8rem;
    left: -40rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--large .nav-mob__wrapper-button {
    left: -32rem;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__wrapper-button {
    background-color: #fff;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    z-index: 1000;
    transform: translateY(-50%);
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__wrapper-button button {
    outline: none;
    border: unset;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: top, left;
    transition-duration: 0.3s;
    transition-timing-function: linear;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__wrapper-button button {
    top: 1rem;
    left: -4rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--large .nav-mob__wrapper-button button {
    left: 0;
    top: 0;
  }
}
@media (max-width: 992px) {
  .nav-mob--large .nav-mob__wrapper-button .icon svg {
    transform: rotate(180deg);
    transition-property: transform;
    transition-duration: 0.3s;
    transition-timing-function: linear;
  }
}

@media (max-width: 992px) {
  .nav-mob--active .nav-mob__content {
    right: -15vw;
  }
}
@media (max-width: 768px) {
  .nav-mob--active .nav-mob__content {
    right: -15vw;
  }
}
@media (max-width: 992px) {
  .nav-mob--active .nav-mob__wrapper-button button {
    left: -1rem;
  }
}
@media (max-width: 768px) {
  .nav-mob--active .nav-mob__wrapper-button button {
    left: 2rem;
  }
}
@media (max-width: 992px) {
  .nav-mob--active .nav-mob__wrapper-button .icon svg {
    transform: rotate(0deg);
  }
}
@media (max-width: 768px) {
  .nav-mob--active .nav-mob__wrapper-button .icon svg {
    transform: rotate(0deg);
  }
}

/* Section circle */
.section-circle {
  position: relative;
}
.section-circle::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 2;
  border-radius: 50%;
  /* opacity: 0.4;
  background-color: #e96ef0;
  filter: blur(156px); */
  background: url(../img/cirlce-decor.png) center center no-repeat;
  background-size: 100%;
  transform: scale(2);

  pointer-events: none;
  width: 505rem;
  min-width: 505rem;
  height: 481rem;
  min-height: 481rem;
  top: -241rem;
  left: -247rem;
}
@media (max-width: 992px) {
  .section-circle::before {
    width: 336.66rem;
    min-width: 336.66rem;
    height: 320.66rem;
    min-height: 320.66rem;
  }
}
@media (max-width: 768px) {
  .section-circle::before {
    width: 258.96rem;
    min-width: 258.96rem;
    height: 246.66rem;
    min-height: 246.66rem;
  }
}
@media (max-width: 992px) {
  .section-circle::before {
    /* filter: blur(120px);
    opacity: 0.5; */
  }
}
@media (max-width: 992px) {
  .section-circle::before {
    top: -160rem;
    left: -160rem;
  }
}
@media (max-width: 768px) {
  .section-circle::before {
    /* filter: blur(150px); */
  }
}
@media (max-width: 768px) {
  .section-circle::before {
    top: -90rem;
    left: -90rem;
  }
}

/* Animation main */
.animation-main {
  position: relative;
  width: 100%;
  height: 100%;
}

@media (max-width: 768px) {
  .animation-main--ios-mobile {
    will-change: transform;
  }
  .animation-main img {
    position: absolute;
    bottom: 25%;
  }
}
@media (max-width: 480px) {
  .animation-main img {
    position: absolute;
    bottom: 10%;
  }
}

/* Arrow */
.arrow {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  pointer-events: all;
}
.arrow:hover {
  opacity: 0.8;
}
.arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}

/* Textarea */
.wrapper-textarea {
  display: flex;
  flex-direction: column;
  position: relative;
}
.wrapper-textarea label {
  display: block;
  margin: 0;
  padding: 0;
  font-family: Inter;
  font-size: 18rem;
  line-height: 26rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 16rem;
}
@media (max-width: 992px) {
  .wrapper-textarea label {
    font-size: 16rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .wrapper-textarea label {
    font-size: 14rem;
    line-height: 18rem;
  }
}
@media (max-width: 992px) {
  .wrapper-textarea label {
    margin-bottom: 12rem;
  }
}
.wrapper-textarea textarea {
  transition-property: background-color, color, box-shadow, border-color;
  transition-timing-function: linear;
  transition-duration: 0.3s;
  background-color: #ececec;
  font-family: Inter;
  color: #a381a5;
  font-size: 18rem;
  line-height: 26rem;
  font-weight: 400;
  border-radius: 5rem;
  min-height: 116rem;
  padding-top: 16rem;
  padding-bottom: 16rem;
  padding-left: 32rem;
  padding-right: 32rem;
}
@media (max-width: 992px) {
  .wrapper-textarea textarea {
    font-size: 16rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .wrapper-textarea textarea {
    font-size: 14rem;
    line-height: 18rem;
  }
}
.wrapper-textarea textarea::placeholder {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: inherit;
  font-family: Inter;
}
.wrapper-textarea textarea.input-error {
  border-color: red;
  border-style: solid;
  border-width: 2rem;
}

/* Radio */
.wrapper-radio {
  position: relative;
}
.wrapper-radio input + label::before {
  transition-property: background-color, color, box-shadow, border-color;
  transition-timing-function: linear;
  transition-duration: 0.3s;
  content: '';
  display: inline-block;
  flex-shrink: 0;
  flex-grow: 0;
  border-style: solid;
  border-color: #e3e2de;
  background-color: #fff;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  min-height: 24rem;
  border-width: 1rem;
  margin-right: 19rem;
}
@media (max-width: 992px) {
  .wrapper-radio input + label::before {
    margin-right: 16rem;
  }
}
@media (max-width: 768px) {
  .wrapper-radio input + label::before {
    margin-right: 12rem;
  }
}
.wrapper-radio input + label::before:hover {
  cursor: pointer;
}
.wrapper-radio input:focus + label::before {
  box-shadow: 0 0 0 0.2rem rgba(118, 4, 147, 0.25);
}
.wrapper-radio input:focus:not(:checked) + label::before {
  box-shadow: 0 0 0 0.2rem rgba(118, 4, 147, 0.25);
}
.wrapper-radio input:checked + label::after {
  content: '';
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  background: linear-gradient(180deg, #760493 0%, #d517e0 100%);
  width: 12rem;
  min-width: 12rem;
  height: 12rem;
  min-height: 12rem;
  left: 6rem;
}
@media (max-width: 992px) {
  .wrapper-radio input:checked + label::after {
    left: 6.75rem;
  }
}
@media (max-width: 768px) {
  .wrapper-radio input:checked + label::after {
    left: 6rem;
  }
}
.wrapper-radio input:disabled + label::before {
  background-color: #e3e2de;
}
.wrapper-radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.wrapper-radio input:hover {
  cursor: pointer;
}
.wrapper-radio input + label {
  display: inline-flex;
  align-items: center;
  user-select: none;
}
.wrapper-radio input + label:hover {
  cursor: pointer;
}
.wrapper-radio label {
  font-family: Inter;
  font-size: 18rem;
  line-height: 26rem;
  font-weight: 400;
}
@media (max-width: 992px) {
  .wrapper-radio label {
    font-size: 16rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .wrapper-radio label {
    font-size: 14rem;
    line-height: 18rem;
  }
}

/* Preview offset */
.preview-offset {
  padding-top: 104rem;
}
@media (max-width: 992px) {
  .preview-offset {
    padding-top: 72rem;
  }
}
@media (max-width: 768px) {
  .preview-offset {
    padding-top: 60rem;
  }
}

/* Блоки */
/* Шапка сайта */
.header {
  transition-property: background-color, padding-top, padding-bottom, box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  z-index: 1001;
  padding-top: 32rem;
  padding-bottom: 32rem;
}
@media (max-width: 992px) {
  .header {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media (max-width: 768px) {
  .header {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
.header__container {
  display: flex;
  align-items: center;
  position: relative;
}
.header__hamburger {
  transition: opacity 0.3s linear;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  width: 47rem;
  min-width: 47rem;
  row-gap: 11.5rem;
  left: 64rem;
}
@media (max-width: 992px) {
  .header__hamburger {
    position: relative;
    left: 0;
  }
}
@media (max-width: 992px) {
  .header__hamburger {
    margin-right: 24rem;
    width: 40rem;
    min-width: 40rem;
    row-gap: 10rem;
  }
}
@media (max-width: 768px) {
  .header__hamburger {
    width: 35rem;
    min-width: 35rem;
    row-gap: 8rem;
    margin-right: 12rem;
  }
}
.header__hamburger:hover {
  cursor: pointer;
  opacity: 0.7;
}
.header__hamburger::before,
.header__hamburger::after {
  content: '';
  position: relative;
  top: 0;
  left: 0;
  transition-property: top, left, transform;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.header__hamburger::before,
.header__hamburger::after,
.header__hamburger span {
  display: block;
  width: 100%;
  border-bottom-color: #760493;
  border-bottom-style: solid;
  border-bottom-width: 4rem;
  border-radius: 8rem;
}
@media (max-width: 768px) {
  .header__hamburger::before,
  .header__hamburger::after,
  .header__hamburger span {
    border-bottom-width: 3rem;
    border-radius: 8rem;
  }
}
.header__hamburger span {
  opacity: 1;
  transition: opacity 0.3s linear;
}
.header__hamburger--close {
  transition: transform 0.3s linear;
}
.header__hamburger--close:hover {
  transform: rotate(-90deg);
  opacity: 1;
}
.header__hamburger--close span {
  opacity: 0;
}
.header__hamburger--close::before {
  transform: rotate(-45deg);
  top: 15.5rem;
}
@media (max-width: 992px) {
  .header__hamburger--close::before {
    top: 13.5rem;
  }
}
@media (max-width: 768px) {
  .header__hamburger--close::before {
    top: 10rem;
  }
}
.header__hamburger--close::after {
  transform: rotate(45deg);
  top: -15.5rem;
}
@media (max-width: 992px) {
  .header__hamburger--close::after {
    top: -14rem;
  }
}
@media (max-width: 768px) {
  .header__hamburger--close::after {
    top: -10.5rem;
  }
}
.header__logo {
  font-size: 36rem;
  line-height: 40rem;
  font-weight: 600;
  color: #000;
  font-family: Panton;
}
@media (max-width: 992px) {
  .header__logo {
    font-size: 32rem;
    line-height: 36rem;
  }
}
@media (max-width: 768px) {
  .header__logo {
    font-size: 24rem;
    line-height: 30rem;
  }
}
.header__menu {
  display: flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: auto;
  column-gap: 40rem;
  padding-right: 56rem;
}
@media (max-width: 1440px) {
  .header__menu {
    column-gap: 20rem;
    padding-right: 30rem;
  }
}
@media (max-width: 992px) {
  .header__menu {
    display: none;
  }
}
.header__wrapper-button {
  /* display: none; */
}
@media (max-width: 992px) {
  .header__wrapper-button {
    display: block;
    margin-left: auto;
  }
}
.header__wrapper-button .btn {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .header__wrapper-button .btn {
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
@media (max-width: 768px) {
  .header__wrapper-button .btn {
    font-size: 14rem;
    line-height: 18rem;
    padding-left: 12rem;
    padding-right: 12rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    max-height: 36rem;
    min-height: 36rem;
  }
}

.header--fixed {
  box-shadow: 0rem 0rem 30rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
  position: fixed;
  padding-top: 24rem;
  padding-bottom: 24rem;
}
@media (max-width: 992px) {
  .header--fixed {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
@media (max-width: 768px) {
  .header--fixed {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}

/* Подвал сайта */
.footer {
  background-color: #fff;
  padding-top: 80rem;
  padding-bottom: 80rem;
}
@media (max-width: 1440px) {
  .footer {
    padding-top: 4.1666666667vw;
    padding-bottom: 4.1666666667vw;
  }
}
@media (max-width: 992px) {
  .footer {
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .footer {
    padding-top: 32rem;
    padding-bottom: 32rem;
  }
}
.footer__container {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .footer__container {
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .footer__container {
    row-gap: 16rem;
  }
}
.footer__wrapper-copy {
  margin-right: 320rem;
}
@media (max-width: 992px) {
  .footer__wrapper-copy {
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  .footer__wrapper-copy {
    margin-right: 0;
  }
}
.footer__wrapper-links {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
}
.footer__wrapper-links li a {
  font-weight: 400;
  color: #000;
  transition: color 0.3s linear;
}
@media (max-width: 992px) {
  .footer__wrapper-links li a {
    text-align: center;
  }
}
.footer__wrapper-links li a:hover {
  color: #760493;
}
.footer__author {
  margin-left: auto;
  font-size: 14rem;
  line-height: 20rem;
  text-align: right;
}
@media (max-width: 992px) {
  .footer__author {
    width: 240rem;
  }
}
@media (max-width: 768px) {
  .footer__author {
    margin-left: 0;
    text-align: center;
    width: auto;
  }
}
@media (max-width: 992px) {
  .footer a {
    font-size: 14rem;
    line-height: 20rem;
  }
}

/* Форма */
.form-block {
  display: flex;
  justify-content: center;
  position: sticky;
}
@media (max-width: 1440px) {
  .form-block {
    align-items: center;
  }
}
.form-block__wrapper-form {
  height: intrinsic;
  height: -moz-max-content;
  height: -webkit-max-content;
  position: sticky;
  left: 0;
  top: 24rem;
}
@media (max-width: 992px) {
  .form-block__wrapper-form {
    top: 16rem;
  }
}
@media (max-width: 768px) {
  .form-block__wrapper-form {
    position: relative;
    top: 0;
    height: auto;
  }
}
.form-block__form {
  display: flex;
  flex-direction: column;
  row-gap: 20rem;
}
@media (max-width: 992px) {
  .form-block__form {
    row-gap: 16rem;
  }
}
@media (max-width: 768px) {
  .form-block__form {
    row-gap: 24rem;
  }
}
.form-block__wrapper-checkbox {
  margin-top: 7rem;
  margin-bottom: 12rem;
}
@media (max-width: 768px) {
  .form-block__wrapper-checkbox {
    margin-top: 4rem;
    margin-bottom: 9rem;
  }
}
.form-block h3 {
  font-size: 36rem;
  line-height: 40rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 32rem;
}
@media (max-width: 992px) {
  .form-block h3 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
@media (max-width: 992px) {
  .form-block h3 {
    margin-bottom: 24rem;
  }
}
@media (max-width: 768px) {
  .form-block h3 {
    font-size: 30rem;
    line-height: 38rem;
  }
}
.form-block__wrapper-button {
  display: flex;
  align-items: center;
  column-gap: 21rem;
}
@media (max-width: 992px) {
  .form-block__wrapper-button {
    column-gap: 12rem;
  }
}
.form-block__wrapper-button .btn {
  font-weight: 400;
  max-width: 172rem;
  font-size: 18rem;
  line-height: 26rem;
}
@media (max-width: 992px) {
  .form-block__wrapper-button .btn {
    max-width: 130rem;
    font-size: 16rem;
    max-height: 48rem;
    min-height: 48rem;
  }
}
@media (max-width: 768px) {
  .form-block__wrapper-button .btn {
    max-width: 130rem;
    max-height: 40rem;
    min-height: 40rem;
  }
}
.form-block__wrapper-button span {
  font-size: 16rem;
  line-height: 26rem;
  font-weight: 400;
  font-family: Inter;
  color: #f4f4f4;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .form-block__wrapper-button span {
    font-size: 12rem;
    line-height: 14rem;
  }
}
@media (max-width: 768px) {
  .form-block__wrapper-button span {
    white-space: wrap;
  }
}

/* Предупреждение */
/* Предупреждение */
.block-warning {
  bottom: 0;
  left: 0;
  background-color: #f6f6f6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  max-width: 100%;
  width: 100%;
  pointer-events: all;
  z-index: 9999;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  padding-top: 14rem;
  padding-bottom: 14rem;
  column-gap: 40rem;
  padding-left: 16rem;
  padding-right: 16rem;
}
@media (max-width: 1600px) {
  .block-warning {
    column-gap: 1.5vw;
  }
}
@media (max-width: 1440px) {
  .block-warning {
    column-gap: 1.1111111111vw;
  }
}
@media (max-width: 992px) {
  .block-warning {
    padding-top: 8rem;
    padding-bottom: 8rem;
    column-gap: 12rem;
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (max-width: 768px) {
  .block-warning {
    padding-top: 4rem;
    padding-bottom: 4rem;
    column-gap: 8rem;
    padding-left: 8rem;
    padding-right: 8rem;
  }
}
.block-warning span {
  display: block;
  max-width: 100%;
  width: 100%;
}
.block-warning span svg {
  width: 100%;
}

.block-warning--fixed {
  position: fixed;
  opacity: 1;
}

.block-warning--hidden {
  opacity: 0;
  position: absolute;
  pointer-events: none;
  left: -100vw;
}

.block-warning-fix-height--hidden {
  display: none;
}

/* Tab items */
.tab-items {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 24rem;
}
@media (max-width: 992px) {
  .tab-items {
    row-gap: 20rem;
  }
}

.tab-item {
  overflow: hidden;
  background-color: #fff;
  box-shadow: 5rem 5rem 40rem rgba(0, 0, 0, 0.25);
  border-radius: 40rem;
}
@media (max-width: 768px) {
  .tab-item {
    border-radius: 20rem;
  }
}
.tab-item__wrapper-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14rem;
  padding-left: 40rem;
  padding-right: 40rem;
  padding-top: 14rem;
  column-gap: 4rem;
  border-radius: 40rem;
}
@media (max-width: 992px) {
  .tab-item__wrapper-title {
    padding-bottom: 12rem;
    padding-top: 12rem;
    padding-left: 32rem;
    padding-right: 20rem;
  }
}
@media (max-width: 768px) {
  .tab-item__wrapper-title {
    padding-bottom: 16rem;
    padding-top: 16rem;
    padding-left: 16rem;
    padding-right: 16rem;
    border-radius: 20rem;
  }
}
.tab-item__wrapper-title:hover {
  cursor: pointer;
}
.tab-item__wrapper-title h3 {
  color: #760493;
}
.tab-item__wrapper-icon i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.tab-item__wrapper-icon i svg {
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.tab-item__wrapper-content {
  position: relative;
  opacity: 0;
  height: 0;
  pointer-events: none;
  padding-top: 0;
  padding-bottom: 0;
  transition-property: opacity, height, padding-top, padding-bottom, top,
    border-top-color;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  top: -5vw;
  display: flex;
  border-top-color: #fff;
  border-top-style: solid;
  flex-direction: column;
  border-top-width: 1rem;
  padding-left: 40rem;
  padding-right: 40rem;
  row-gap: 20rem;
}
@media (max-width: 992px) {
  .tab-item__wrapper-content {
    padding-left: 32rem;
    padding-right: 32rem;
    row-gap: 16rem;
  }
}
@media (max-width: 768px) {
  .tab-item__wrapper-content {
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
.tab-item__content-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 64rem;
  row-gap: 40rem;
  margin-bottom: 8rem;
}
@media (max-width: 992px) {
  .tab-item__content-column {
    column-gap: 24rem;
    row-gap: 32rem;
  }
}
@media (max-width: 768px) {
  .tab-item__content-column {
    row-gap: 16rem;
  }
}
@media (max-width: 768px) {
  .tab-item__content-column {
    display: flex;
    flex-direction: column;
    column-gap: unset;
  }
}
.tab-item--active .tab-item__wrapper-content {
  border-top-color: rgba(0, 0, 0, 0.25);
  opacity: 1;
  top: 0;
  pointer-events: all;
  padding-top: 20rem;
  padding-bottom: 20rem;
  padding-top: 20rem;
}
@media (max-width: 992px) {
  .tab-item--active .tab-item__wrapper-content {
    padding-bottom: 16rem;
    padding-top: 16rem;
  }
}
@media (max-width: 768px) {
  .tab-item--active .tab-item__wrapper-content {
    padding-bottom: 12rem;
    padding-top: 12rem;
  }
}
.tab-item--active .tab-item__wrapper-icon i svg {
  transform: rotate(-45deg);
}

/* Section Wherebuy */
.sc-wherebuy__container {
  position: relative;
  z-index: 3;
}
.sc-wherebuy__container--flex {
  /* display: flex;
  align-items: center;
  column-gap: 160rem; */
}
@media (max-width: 1440px) {
  .sc-wherebuy__container--flex {
    column-gap: 5.5555555556vw;
  }
}
@media (max-width: 992px) {
  .sc-wherebuy__container--flex {
    flex-direction: column;
    align-items: flex-start;
    column-gap: unset;
  }
}
.sc-wherebuy__container--flex .sc-wherebuy__wrapper-title {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .sc-wherebuy__container--flex .sc-wherebuy__wrapper-title {
    margin-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-wherebuy__container--flex .sc-wherebuy__wrapper-title {
    margin-bottom: 32rem;
  }
}
.sc-wherebuy__container--flex .wherebuy-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: 600rem;
}
@media (max-width: 992px) {
  .sc-wherebuy__container--flex .wherebuy-items {
    grid-template-columns: repeat(3, 1fr);
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .sc-wherebuy__container--flex .wherebuy-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
.sc-wherebuy__container--flex .wherebuy-items__item {
  height: 200rem;
}
@media (max-width: 992px) {
  .sc-wherebuy__container--flex .wherebuy-items__item {
    height: 150rem;
  }
}
@media (max-width: 768px) {
  .sc-wherebuy__container--flex .wherebuy-items__item {
    height: 120rem;
  }
}
@media (max-width: 768px) {
  .sc-wherebuy__container--flex .wherebuy-items__item img {
    width: 100%;
    object-fit: fill;
  }
}
.sc-wherebuy__wrapper-title {
  display: flex;
  flex-direction: column;
  margin-bottom: 70rem;
  row-gap: 32rem;
}
@media (max-width: 992px) {
  .sc-wherebuy__wrapper-title {
    margin-bottom: 56rem;
    row-gap: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-wherebuy__wrapper-title {
    margin-bottom: 32rem;
    row-gap: 16rem;
  }
}

.sc-wherebuy--mainpage {
  overflow: hidden;
  padding-top: 152rem;
  padding-bottom: 143rem;
}
@media (max-width: 992px) {
  .sc-wherebuy--mainpage {
    padding-top: 80rem;
    padding-bottom: 80rem;
  }
}
@media (max-width: 768px) {
  .sc-wherebuy--mainpage {
    padding-top: 40rem;
    padding-bottom: 48rem;
  }
}

.sc-wherebuy--page {
  padding-top: 64rem;
  padding-bottom: 96rem;
}
@media (max-width: 992px) {
  .sc-wherebuy--page {
    padding-top: 48rem;
    padding-bottom: 72rem;
  }
}
@media (max-width: 768px) {
  .sc-wherebuy--page {
    padding-top: 32rem;
    padding-bottom: 48rem;
  }
}
.sc-wherebuy--page h1 {
  color: #760493;
}

/* Wherebuy items */
.wherebuy-items {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 37rem;
  row-gap: 43rem;
}
@media (max-width: 992px) {
  .wherebuy-items {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 992px) {
  .wherebuy-items {
    column-gap: 24rem;
    row-gap: 24rem;
  }
}
@media (max-width: 768px) {
  .wherebuy-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .wherebuy-items {
    column-gap: 10rem;
    row-gap: 10rem;
  }
}
.wherebuy-items__item {
  box-shadow: 5rem 4rem 40rem rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background-color: #fff;
  transition-property: box-shadow;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  box-sizing: border-box;
  overflow: hidden;
  height: 160rem;
  padding-left: 20rem;
  padding-right: 20rem;
}
@media (max-width: 992px) {
  .wherebuy-items__item {
    height: 120rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
@media (max-width: 768px) {
  .wherebuy-items__item {
    height: 80rem;
    padding-left: 10rem;
    padding-right: 10rem;
  }
}
.wherebuy-items__item:hover {
  opacity: 1;
  box-shadow: 5rem 4rem 40rem rgba(0, 0, 0, 0.4);
}
.wherebuy-items__item:hover img {
  filter: saturate(1);
}
.wherebuy-items__item--fill {
  padding-left: 0rem;
  padding-right: 0rem;
}
@media (max-width: 992px) {
  .wherebuy-items__item--fill {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
@media (max-width: 768px) {
  .wherebuy-items__item--fill {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
.wherebuy-items__item img {
  width: 100%;
  object-fit: contain;
  position: relative;
  filter: saturate(0);
  transition-property: filter;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
@media (max-width: 768px) {
  .wherebuy-items__item img {
    width: 100%;
    filter: saturate(1);
  }
}

/* Статьи */
.article-items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 200rem;
  row-gap: 80rem;
}
@media (max-width: 1600px) {
  .article-items {
    column-gap: 7.5vw;
  }
}
@media (max-width: 992px) {
  .article-items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .article-items {
    column-gap: 40rem;
    row-gap: 32rem;
  }
}
@media (max-width: 768px) {
  .article-items {
    grid-template-columns: repeat(1, 1fr);
    column-gap: unset;
  }
}
@media (max-width: 768px) {
  .article-items {
    row-gap: 40rem;
  }
}

.article-card {
  display: flex;
  flex-direction: column;
}
.article-card__wrapper-img {
  margin-bottom: 61rem;
}
@media (max-width: 992px) {
  .article-card__wrapper-img {
    margin-bottom: 24rem;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-img {
    margin-bottom: 12rem;
  }
}
.article-card__wrapper-img img {
  height: 340rem;
}
@media (max-width: 1600px) {
  .article-card__wrapper-img img {
    height: 290rem;
  }
}
@media (max-width: 992px) {
  .article-card__wrapper-img img {
    height: 180rem;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-img img {
    height: 160rem;
  }
}
.article-card__wrapper-title a,
.article-card__wrapper-desc a {
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
}
.article-card__wrapper-title h3,
.article-card__wrapper-title p,
.article-card__wrapper-desc h3,
.article-card__wrapper-desc p {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.article-card__wrapper-title h3:hover,
.article-card__wrapper-title p:hover,
.article-card__wrapper-desc h3:hover,
.article-card__wrapper-desc p:hover {
  opacity: 0.75;
}
.article-card__wrapper-title {
  margin-bottom: 24rem;
}
@media (max-width: 992px) {
  .article-card__wrapper-title {
    margin-bottom: 16rem;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-title {
    margin-bottom: 12rem;
  }
}
.article-card__wrapper-title::after {
  content: '';
  display: block;
  border-bottom-style: solid;
  border-bottom-color: #760493;
  border-bottom-width: 4rem;
  width: 82rem;
  min-width: 82rem;
}
@media (max-width: 992px) {
  .article-card__wrapper-title::after {
    border-bottom-width: 3rem;
    width: 64rem;
    min-width: 64rem;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-title::after {
    width: 40rem;
    min-width: 40rem;
  }
}
.article-card__wrapper-title h3 {
  color: #760493;
  margin-bottom: 24rem;
}
@media (max-width: 992px) {
  .article-card__wrapper-title h3 {
    margin-bottom: 16rem;
    font-size: 18rem;
    line-height: 22rem;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-title h3 {
    margin-bottom: 12rem;
    font-size: 16rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-desc {
    overflow: hidden;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-desc {
    max-height: 89rem;
  }
}
.article-card__wrapper-desc p {
  font-size: 16rem;
  line-height: 24rem;
  color: #363535;
}
@media (max-width: 992px) {
  .article-card__wrapper-desc p {
    font-size: 14rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-desc p {
    font-size: 14rem;
    line-height: 18rem;
  }
}
@media (max-width: 768px) {
  .article-card__wrapper-desc p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
}

/* Блок способы применения */
.block-way {
  display: flex;
  width: 100%;
  margin: 0 auto;
  border-radius: 30rem;
  min-height: 178rem;
  max-width: 1440rem;
}
@media (max-width: 992px) {
  .block-way {
    max-width: unset;
    min-height: unset;
  }
}
@media (max-width: 768px) {
  .block-way {
    flex-direction: column;
    border-radius: 0;
  }
}
@media (max-width: 768px) {
  .block-way {
    row-gap: 32rem;
  }
}
.block-way__content-left {
  display: flex;
  align-items: center;
  position: relative;
  width: 561rem;
  padding-left: 81rem;
}
@media (max-width: 992px) {
  .block-way__content-left {
    width: 280rem;
    padding-left: 16rem;
  }
}
@media (max-width: 768px) {
  .block-way__content-left {
    width: auto;
    padding-left: 0;
  }
}
.block-way__content-left::after,
.block-way__content-left::before {
  content: '';
  display: block;
  position: absolute;
}
.block-way__content-left::before {
  background: linear-gradient(90deg, #d9d9d9 8.34%, #e8bdeb 87.79%);
  width: 100%;
  height: 100%;
  z-index: 0;
  left: 0;
  top: 0;
  border-top-left-radius: 30rem;
  border-bottom-left-radius: 30rem;
}
@media (max-width: 768px) {
  .block-way__content-left::before {
    display: none;
  }
}
.block-way__content-left::after {
  top: 0;
  z-index: 1;
  opacity: 0.3;
  background: linear-gradient(
    270deg,
    rgba(0, 0, 0, 0) 0%,
    #000 50%,
    rgba(0, 0, 0, 0) 100%
  );
  pointer-events: none;
  right: 0;
  height: 100%;
  width: 160rem;
  min-width: 160rem;
}
@media (max-width: 992px) {
  .block-way__content-left::after {
    width: 80rem;
    min-width: 80rem;
  }
}
@media (max-width: 768px) {
  .block-way__content-left::after {
    opacity: 0.1;
  }
}
@media (max-width: 768px) {
  .block-way__content-left::after {
    width: 60rem;
    min-width: 60rem;
    right: 30rem;
    top: -18rem;
    height: 130rem;
  }
}
.block-way__content-left h3 {
  font-size: 36rem;
  line-height: 44rem;
  color: #760493;
  text-align: right;
  text-transform: uppercase;
  position: relative;
  z-index: 2;
  max-width: 324rem;
}
@media (max-width: 992px) {
  .block-way__content-left h3 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 768px) {
  .block-way__content-left h3 {
    font-size: 32rem;
    line-height: 40rem;
    font-weight: 600;
  }
}
@media (max-width: 768px) {
  .block-way__content-left h3 {
    text-align: left;
    max-width: unset;
  }
}
.block-way__wrapper-img {
  position: absolute;
  z-index: 2;
  right: 0;
  top: -108rem;
  right: -64rem;
}
@media (max-width: 992px) {
  .block-way__wrapper-img {
    top: -68rem;
    right: -72rem;
  }
}
@media (max-width: 768px) {
  .block-way__wrapper-img {
    top: -56rem;
    right: -40rem;
  }
}
@media (max-width: 992px) {
  .block-way__wrapper-img img {
    width: 80%;
  }
}
@media (max-width: 768px) {
  .block-way__wrapper-img img {
    width: 70%;
  }
}
.block-way__content-right {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding-right: 63rem;
}
@media (max-width: 992px) {
  .block-way__content-right {
    padding-right: 24rem;
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
@media (max-width: 768px) {
  .block-way__content-right {
    padding-left: 16rem;
    padding-right: 16rem;
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
}
.block-way__content-right::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: linear-gradient(90deg, #d9d9d9 8.34%, #e8bdeb 87.79%);
  z-index: 0;
  border-top-right-radius: 30rem;
  border-bottom-right-radius: 30rem;
}
@media (max-width: 768px) {
  .block-way__content-right::after {
    border-radius: 30rem;
  }
}
@media (max-width: 768px) {
  .block-way__content-right::after {
    left: 0;
  }
}
.block-way__wrapper-desc {
  position: relative;
  z-index: 1;
  max-width: 704rem;
  padding-left: 36rem;
}
@media (max-width: 992px) {
  .block-way__wrapper-desc {
    max-width: 350rem;
    padding-left: 32rem;
  }
}
@media (max-width: 768px) {
  .block-way__wrapper-desc {
    max-width: unset;
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .block-way__wrapper-desc p {
    font-size: 16rem;
    line-height: 20rem;
  }
}
.block-way__wrapper-icon {
  position: relative;
  z-index: 1;
}

/* Категории статей */
.article-categories {
  background-color: #efefef;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 18rem;
  padding-right: 18rem;
  border-radius: 30rem;
  column-gap: 60rem;
  row-gap: 20rem;
}
@media (max-width: 992px) {
  .article-categories {
    padding-left: 16rem;
    padding-right: 16rem;
    column-gap: 40rem;
    row-gap: 16rem;
  }
}
@media (max-width: 768px) {
  .article-categories {
    padding-left: 8rem;
    padding-right: 8rem;
    padding-top: 8rem;
    padding-bottom: 8rem;
    column-gap: 20rem;
    row-gap: 8rem;
  }
}
.article-categories a {
  color: #a381a5;
  background-color: #efefef;
  transition-property: box-shadow, background-color, font-weight, color;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  font-size: 24rem;
  line-height: 26rem;
  font-weight: 400;
  padding-top: 12rem;
  padding-bottom: 12rem;
  max-height: 50rem;
  padding-left: 20rem;
  padding-right: 20rem;
  border-radius: 30rem;
}
@media (max-width: 992px) {
  .article-categories a {
    font-size: 20rem;
    line-height: 22rem;
  }
}
@media (max-width: 768px) {
  .article-categories a {
    font-size: 16rem;
    line-height: 18rem;
  }
}
@media (max-width: 992px) {
  .article-categories a {
    padding-top: 8rem;
    padding-bottom: 8rem;
    max-height: 42rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
@media (max-width: 768px) {
  .article-categories a {
    padding-top: 6rem;
    padding-bottom: 6rem;
    max-height: 36rem;
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
.article-categories a:hover {
  color: #363535;
}
.article-categories a.active {
  box-shadow: 4rem 4rem 20rem rgba(0, 0, 0, 0.25);
  background-color: #fff;
  font-weight: 600;
  color: #363535;
}

/* Слайдер статьи */
.articles-swiper {
  position: relative;
}
.articles-swiper .swiper-slide {
  height: auto;
}
.articles-swiper__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
@media (max-width: 992px) {
  .articles-swiper__arrow {
    display: none;
  }
}
.articles-swiper__arrow:hover {
  cursor: pointer;
}
.articles-swiper__arrow.arrow--prev {
  left: -4.1666666667vw;
}
@media (max-width: 1600px) {
  .articles-swiper__arrow.arrow--prev {
    left: -5vw;
  }
}
@media (max-width: 1440px) {
  .articles-swiper__arrow.arrow--prev {
    left: -5.5555555556vw;
  }
}
.articles-swiper__arrow.arrow--next {
  right: -4.1666666667vw;
}
@media (max-width: 1600px) {
  .articles-swiper__arrow.arrow--next {
    right: -5vw;
  }
}
@media (max-width: 1440px) {
  .articles-swiper__arrow.arrow--next {
    right: -5.5555555556vw;
  }
}

/* Страницы */
/* Страница: Главная */
.sc-main-page {
  height: 100vh;
  background-color: #ececec;
  position: relative;
  overflow: hidden;
}
.sc-main-page::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  /* border-radius: 50%;
  opacity: 0.5;
  background: #e96ef0;
  filter: blur(195px); */
  background: url(../img/cirlce-decor.png) center center no-repeat;
  background-size: 100%;
  transform: scale(2);

  width: 505rem;
  min-width: 505rem;
  height: 481rem;
  min-height: 481rem;
  top: -241rem;
  left: -247rem;
}
@media (max-width: 992px) {
  .sc-main-page::before {
    width: 336.66rem;
    min-width: 336.66rem;
    height: 320.66rem;
    min-height: 320.66rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page::before {
    width: 258.96rem;
    min-width: 258.96rem;
    height: 246.66rem;
    min-height: 246.66rem;
  }
}
@media (max-width: 992px) {
  .sc-main-page::before {
    /* filter: blur(90px); */
  }
}
@media (max-width: 992px) {
  .sc-main-page::before {
    top: -160rem;
    left: -160rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page::before {
    /* filter: blur(100px);
    opacity: 0.35; */
  }
}
@media (max-width: 768px) {
  .sc-main-page::before {
    top: -90rem;
    left: -90rem;
  }
}
.sc-main-page::after {
  content: '';
  position: absolute;
  /* background-color: #a381a5;
  opacity: 0.5;
  filter: blur(199.5px); */
  background: url(../img/cirlce-decor.png) center center no-repeat;
  background-size: 100%;
  transform: scale(3);
  opacity: 0.3;

  z-index: 2;
  pointer-events: none;
  bottom: 70rem;
  right: 160rem;
  width: 801rem;
  height: 409rem;
}
@media (max-width: 1600px) {
  .sc-main-page::after {
    right: 7.5vw;
    bottom: 6.25vw;
  }
}
@media (max-width: 1440px) {
  .sc-main-page::after {
    right: 5.5555555556vw;
    bottom: 11.1111111111vw;
  }
}
@media (max-width: 1300px) {
  .sc-main-page::after {
    bottom: 16.9230769231vw;
  }
}
@media (max-width: 1100px) {
  .sc-main-page::after {
    bottom: 23.6363636364vw;
    background-size: 70%;
    transform: scale(6);
  }
}
@media (max-width: 992px) {
  .sc-main-page::after {
    bottom: 280rem;
    right: 40rem;
    width: 538rem;
    height: 272.66rem;
  }
}
@media (max-width: 992px) {
  .sc-main-page::after {
    /* filter: blur(140px); */
    opacity: 0.6;
  }
}
@media (max-width: 768px) {
  .sc-main-page::after {
    bottom: 140rem;
    right: 40rem;
    width: 307.42rem;
    height: 155.8rem;
    transform: scale(4);
  }
}
@media (max-width: 768px) {
  .sc-main-page::after {
    /* filter: blur(90px); */
    opacity: 0.3;
  }
}
.sc-main-page__container {
  position: relative;
  z-index: 4;
  display: flex;
  height: 100%;
}
@media (max-width: 768px) {
  .sc-main-page__container {
    flex-direction: column;
  }
}
.sc-main-page__content-left {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 5;
  max-width: 858rem;
  padding-bottom: 82rem;
}
@media (max-width: 1200px) {
  .sc-main-page__content-left {
    padding-top: 1.6666666667vw;
  }
}
@media (max-width: 1100px) {
  .sc-main-page__content-left {
    padding-top: 5.8181818182vw;
  }
}
@media (max-width: 992px) {
  .sc-main-page__content-left {
    padding-bottom: 82rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__content-left {
    max-width: unset;
    padding-bottom: 0;
    height: 100%;
    position: relative;
    z-index: 2;
  }
}
.sc-main-page__content-right {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding-top: 122rem;
}
@media (max-width: 1200px) {
  .sc-main-page__content-right {
    padding-top: 13.3333333333vw;
  }
}
@media (max-width: 1100px) {
  .sc-main-page__content-right {
    padding-top: 19.0909090909vw;
  }
}
@media (max-width: 992px) {
  .sc-main-page__content-right {
    padding-top: 0;
  }
}
@media (max-width: 992px) {
  .sc-main-page__content-right {
    top: 200rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__content-right {
    top: unset;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
/* @media (max-width: 768px) {
  .sc-main-page__content-right {
    bottom: -10rem;
    right: -20rem;
  }
} */
.sc-main-page__wrapper-content {
  padding-top: 186rem;
}
@media (max-width: 992px) {
  .sc-main-page__wrapper-content {
    padding-top: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__wrapper-content {
    padding-top: 0;
  }
}
.sc-main-page__wrapper-title {
  margin-bottom: 64rem;
}
@media (max-width: 992px) {
  .sc-main-page__wrapper-title {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__wrapper-title {
    margin-bottom: 16rem;
  }
}
.sc-main-page__wrapper-button {
  max-width: 214rem;
}
@media (max-width: 992px) {
  .sc-main-page__wrapper-button {
    max-width: 196rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__wrapper-button {
    max-width: 180rem;
  }
}
.sc-main-page__benefits {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
  position: relative;
  z-index: 5;
  column-gap: 47rem;
  padding-bottom: 16rem;
}
@media (max-width: 992px) {
  .sc-main-page__benefits {
    padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  .sc-main-page__benefits {
    column-gap: 64rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__benefits {
    flex-direction: column;
    justify-content: flex-start;
    column-gap: unset;
  }
}
@media (max-width: 768px) {
  .sc-main-page__benefits {
    row-gap: 12rem;
    padding-bottom: 16rem;
  }
}
.sc-main-page__benefit {
  display: flex;
  align-items: center;
  column-gap: 17rem;
}
@media (max-width: 992px) {
  .sc-main-page__benefit {
    flex-direction: column;
    column-gap: unset;
    align-items: flex-start;
  }
}
@media (max-width: 992px) {
  .sc-main-page__benefit {
    row-gap: 8rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__benefit {
    flex-direction: row;
    row-gap: unset;
    align-items: center;
    position: relative;
  }
}
@media (max-width: 768px) {
  .sc-main-page__benefit {
    column-gap: 2rem;
  }
}
.sc-main-page__benefit:nth-child(2) {
  margin-right: 47rem;
}
@media (max-width: 992px) {
  .sc-main-page__benefit:nth-child(2) {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .sc-main-page__benefit::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(255, 255, 255, 0.8);
    filter: blur(24px); */
    z-index: 0;
  }
}
@media (max-width: 768px) {
  .sc-main-page__benefit-image {
    position: relative;
    z-index: 1;
  }
}
.sc-main-page__benefit-image img {
  width: auto;
}
@media (max-width: 768px) {
  .sc-main-page__benefit-image img {
    width: 80%;
  }
}
.sc-main-page__benefit p {
  white-space: nowrap;
}
@media (max-width: 992px) {
  .sc-main-page__benefit p {
    font-size: 16rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__benefit p {
    font-size: 14rem;
    line-height: 18rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__benefit p {
    position: relative;
    z-index: 1;
  }
}
.sc-main-page__animation {
  position: absolute;
  z-index: 4;
  pointer-events: none;
  right: -10vw;
  width: 45.77125vw;
  height: 45.75vw;
  top: -13%;
}

@media (max-width: 1600px) {
  .sc-main-page__animation {
    right: -10vw;
    width: 45.77125vw;
    height: 45.75vw;
    top: -13%;
  }
}
@media (max-width: 1440px) {
  .sc-main-page__animation {
    right: -8.3333333333vw;
    width: 45.9375vw;
    height: 45.4375vw;
    top: -13%;
  }
}
@media (max-width: 1300px) {
  .sc-main-page__animation {
    top: -13%;
    right: -9.2307692308vw;
    width: 45.7461538462vw;
    height: 45.9153846154vw;
  }
}
@media (max-width: 1200px) {
  .sc-main-page__animation {
    top: -10%;
  }
}
@media (max-width: 1100px) {
  .sc-main-page__animation {
    top: -10%;
    right: -9.0909090909vw;
  }
}
@media (max-width: 1000px) {
  .sc-main-page__animation {
    top: -10%;
    right: -10vw;
  }
}
@media (max-width: 992px) {
  .sc-main-page__animation {
    top: auto;
    right: -33%;
    width: 90vw;
    height: 769.15rem;
  }
}
@media (max-width: 768px) {
  .sc-main-page__animation {
    bottom: 0;
    right: 0vw;
    width: 90vw;
    height: 72vh;
  }
}

.sc-action {
  position: relative;
  background: linear-gradient(107deg, #760493 -5.3%, #a381a5 68.8%);
  padding-bottom: 32rem;
}
@media (max-width: 992px) {
  .sc-action {
    padding-top: 72rem;
  }
}
@media (max-width: 992px) {
  .sc-action {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .sc-action {
    padding-top: 48rem;
    padding-bottom: 48rem;
  }
}
.sc-action::after {
  content: '';
  position: absolute;
  width: 100%;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg width='1920' height='1053' viewBox='0 0 1920 1053' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_621_178)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M-5.82476 5.16809C-16.8342 5.18275 -27.8427 5.19741 -38.8491 5.19741C-38.8491 7.60825 -39.3366 9.89827 -39.8302 12.2172C-40.3365 14.5954 -40.8493 17.0041 -40.8493 19.6046C-40.8493 20.8268 -40.8869 22.0518 -40.9246 23.2775C-41 25.7315 -41.0754 28.1886 -40.8493 30.6324C-40.6972 32.275 -24.631 32.6989 -8 32.7229V1053H1928V38.5015C1935.52 37.0846 1941.19 34.7499 1943.09 30.9436C1943.77 29.5987 1946.98 27.0919 1950.58 24.2912C1958.12 18.4234 1967.31 11.2655 1958.21 10.8002C1934.56 9.59216 1910.09 10.2312 1885.82 10.8649C1871.7 11.2336 1857.64 11.6006 1843.86 11.6006C1830.26 11.6006 1817.17 12.4185 1804.07 13.2373C1793.97 13.8678 1783.87 14.4989 1773.52 14.7578C1751.23 15.3154 1727.43 14.1272 1705.74 12.2676C1690.88 10.9933 1676.2 9.00314 1661.5 7.00982C1640.53 4.16648 1619.51 1.31665 1597.84 0.528406C1577.09 -0.226467 1555.69 -0.0125523 1534.52 0.199022C1524.7 0.297266 1514.92 0.395006 1505.28 0.395006C1482.32 0.395006 1460.69 1.1502 1437.94 2.39601C1434.04 2.60943 1429.58 2.71249 1424.91 2.82048C1412.7 3.10246 1399.04 3.41806 1390.16 5.81995C1385.56 7.06314 1381.89 7.30122 1377.35 7.59582C1375.81 7.69527 1374.18 7.80117 1372.38 7.95435C1349.35 9.91281 1326.27 9.99982 1302.82 9.99982C1298.72 9.99982 1294.59 9.96997 1290.45 9.94001C1276.36 9.83818 1262.12 9.73518 1248.37 10.8002C1239.79 11.4649 1231.41 12.4483 1223.04 13.4315C1213.07 14.6016 1203.11 15.7713 1192.81 16.403C1171.13 17.7324 1148.24 17.7701 1125.74 17.8071C1114.91 17.8249 1104.17 17.8425 1093.69 18.0038C1052.19 18.6426 1011.42 16.4262 971.012 12.6678C961.033 11.7395 951.097 10.7239 941.16 9.70816C924.736 8.02925 908.307 6.34995 891.672 5.06401C886.172 4.63877 881.508 4.28345 876.116 4.79721C874.62 4.93969 873.103 5.09062 871.572 5.24302C864.705 5.92625 857.54 6.63918 850.669 6.75375C842.969 6.88213 835.344 6.91178 827.751 6.9413C813.991 6.9948 800.34 7.04787 786.553 7.68755C771.341 8.39332 756.706 9.72143 742.167 11.0408C721.344 12.9305 700.718 14.8022 678.877 14.8022H592.314C583.505 14.8022 574.725 14.8233 565.97 14.8444C523.123 14.9475 480.84 15.0492 438.302 12.6678C397.41 10.3787 357.929 10.2373 317.321 10.092C307.499 10.0568 297.612 10.0214 287.622 9.95535C279.749 9.90327 176.529 0.526772 184 -0.469742C197.899 -1.84162 211.886 -3.34372 225.868 -4.84525C273.177 -9.92594 320.424 -15 364 -15C386.372 -15 317.999 -41.7455 287.622 -23L184 -0.469742C149.121 2.97293 114.794 5.5955 82.4943 5.33081C53.0656 5.08966 23.6173 5.12888 -5.82476 5.16809Z' fill='url(%23paint0_linear_621_178)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_621_178' x1='4.99999' y1='1.17977' x2='1611.11' y2='55.6489' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237B1294'/%3E%3Cstop offset='1' stop-color='%23A381A5'/%3E%3C/linearGradient%3E%3CclipPath id='clip0_621_178'%3E%3Crect width='1920' height='1053' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  z-index: 0;
  height: calc(100% + 1.041vw);
  top: -20rem;
}
@media (max-width: 1600px) {
  .sc-action::after {
    height: calc(100% + 1.25vw);
  }
}
@media (max-width: 1440px) {
  .sc-action::after {
    height: calc(100% + 1.388vw);
  }
}
@media (max-width: 992px) {
  .sc-action::after {
    height: calc(100% + 2.5vw);
  }
}
@media (max-width: 768px) {
  .sc-action::after {
    height: calc(100% + 6.25vw);
    background-position-x: 800px;
  }
}
.sc-action h2,
.sc-action h3,
.sc-action p {
  color: #fff;
}
.sc-action__container {
  display: flex;
  height: 100%;
  position: relative;
  z-index: 1;
  column-gap: 77rem;
  padding-right: 100rem;
  top: -40rem;
}
@media (max-width: 992px) {
  .sc-action__container {
    flex-direction: column;
    column-gap: unset;
    top: 0;
  }
}
@media (max-width: 992px) {
  .sc-action__container {
    padding-right: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-action__container {
    padding-right: 15rem;
    row-gap: 40rem;
  }
}
.sc-action__content-left {
  margin-top: auto;
  max-width: 592rem;
  padding-bottom: 120rem;
}
@media (max-width: 1600px) {
  .sc-action__content-left {
    max-width: 28.75vw;
  }
}
@media (max-width: 1440px) {
  .sc-action__content-left {
    max-width: 32.6388888889vw;
  }
}
@media (max-width: 992px) {
  .sc-action__content-left {
    margin-top: 0;
    padding-bottom: 0;
    max-width: unset;
  }
}
.sc-action__wrapper-content h2 {
  max-width: 485rem;
  margin-bottom: 64rem;
}
@media (max-width: 992px) {
  .sc-action__wrapper-content h2 {
    max-width: 512rem;
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-action__wrapper-content h2 {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .sc-action__wrapper-content h2 {
    margin-bottom: 24rem;
  }
}
.sc-action__wrapper-content p {
  font-family: Panton;
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 600;
}
@media (max-width: 1440px) {
  .sc-action__wrapper-content p {
    font-size: 1.3888888889vw;
  }
}
@media (max-width: 992px) {
  .sc-action__wrapper-content p {
    font-size: 20rem;
    line-height: 28rem;
  }
}
@media (max-width: 768px) {
  .sc-action__wrapper-content p {
    font-size: 17rem;
    line-height: 25rem;
  }
}
.sc-action__content-right {
  display: flex;
  column-gap: 124rem;
}
@media (max-width: 1440px) {
  .sc-action__content-right {
    column-gap: 0;
  }
}
@media (max-width: 992px) {
  .sc-action__content-right {
    position: relative;
  }
}
@media (max-width: 992px) {
  .sc-action__content-right {
    column-gap: 80rem;
  }
}
@media (max-width: 768px) {
  .sc-action__content-right {
    column-gap: unset;
    flex-direction: column;
  }
}
.sc-action__actions {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  padding-bottom: 154rem;
}
@media (max-width: 1440px) {
  .sc-action__actions {
    padding-bottom: 10.4166666667vw;
  }
}
@media (max-width: 992px) {
  .sc-action__actions {
    padding-bottom: 170rem;
  }
}
@media (max-width: 768px) {
  .sc-action__actions {
    margin-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .sc-action__actions {
    row-gap: 24rem;
  }
}
.sc-action__action {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 24rem;
}
@media (max-width: 1600px) {
  .sc-action__action {
    row-gap: 0;
  }
}
@media (max-width: 768px) {
  .sc-action__action {
    row-gap: 12rem;
  }
}
.sc-action__action::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  border-bottom-style: solid;
  border-bottom-color: #fff;
  border-bottom-width: 1rem;
  width: 240rem;
  left: -262rem;
  top: 12rem;
}
@media (max-width: 1440px) {
  .sc-action__action::before {
    width: 11.8055555556vw;
    left: -13.1944444444vw;
    top: 0.8333333333vw;
  }
}
@media (max-width: 992px) {
  .sc-action__action::before {
    width: 176rem;
    left: -198rem;
    top: 12rem;
  }
}
@media (max-width: 768px) {
  .sc-action__action::before {
    display: none;
  }
}
.sc-action__action:nth-child(1) {
  margin-bottom: 100rem;
}
@media (max-width: 1600px) {
  .sc-action__action:nth-child(1) {
    margin-bottom: 4.125vw;
  }
}
@media (max-width: 1440px) {
  .sc-action__action:nth-child(1) {
    margin-bottom: 4.5833333333vw;
  }
}
@media (max-width: 992px) {
  .sc-action__action:nth-child(1) {
    margin-bottom: 34rem;
  }
}
@media (max-width: 768px) {
  .sc-action__action:nth-child(1) {
    margin-bottom: 0;
  }
}
.sc-action__action:nth-child(2) {
  margin-bottom: 93rem;
}
@media (max-width: 1600px) {
  .sc-action__action:nth-child(2) {
    margin-bottom: 5.625vw;
  }
}
@media (max-width: 1440px) {
  .sc-action__action:nth-child(2) {
    margin-bottom: 6.4583333333vw;
  }
}
@media (max-width: 992px) {
  .sc-action__action:nth-child(2) {
    margin-bottom: 59rem;
  }
}
@media (max-width: 768px) {
  .sc-action__action:nth-child(2) {
    margin-bottom: 0;
  }
}
.sc-action__wrapper-icon {
  position: relative;
  width: 320rem;
  min-width: 320rem;
  height: 1068rem;
  min-height: 1068rem;
  top: 66rem;
}
@media (max-width: 992px) {
  .sc-action__wrapper-icon {
    width: 266rem;
    min-width: 266rem;
    height: 890rem;
    min-height: 890rem;
  }
}
@media (max-width: 768px) {
  .sc-action__wrapper-icon {
    width: 212.8rem;
    min-width: 212.8rem;
    height: 712rem;
    min-height: 712rem;
  }
}
@media (max-width: 1440px) {
  .sc-action__wrapper-icon {
    left: -3.3333333333vw;
  }
}
@media (max-width: 992px) {
  .sc-action__wrapper-icon {
    left: unset;
    top: unset;
  }
}
@media (max-width: 768px) {
  .sc-action__wrapper-icon {
    position: absolute;
    z-index: 0;
    opacity: 0.4;
  }
}
@media (max-width: 768px) {
  .sc-action__wrapper-icon {
    bottom: -72rem;
    left: 32rem;
  }
}

.sc-benefits {
  padding-top: 136rem;
  padding-bottom: 144rem;
}
@media (max-width: 1600px) {
  .sc-benefits {
    padding-bottom: 6.25vw;
  }
}
@media (max-width: 1440px) {
  .sc-benefits {
    padding-bottom: 5vw;
  }
}
@media (max-width: 992px) {
  .sc-benefits {
    padding-top: 72rem;
    padding-bottom: 64rem;
  }
}
@media (max-width: 768px) {
  .sc-benefits {
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
}
.sc-benefits__wrapper-title {
  margin-bottom: 72rem;
}
@media (max-width: 992px) {
  .sc-benefits__wrapper-title {
    margin-bottom: 56rem;
  }
}
@media (max-width: 768px) {
  .sc-benefits__wrapper-title {
    margin-bottom: 40rem;
  }
}
.sc-benefits__benefits {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 320rem;
  row-gap: 148rem;
}
@media (max-width: 1600px) {
  .sc-benefits__benefits {
    column-gap: 11.25vw;
  }
}
@media (max-width: 992px) {
  .sc-benefits__benefits {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .sc-benefits__benefits {
    column-gap: 60rem;
    row-gap: 80rem;
  }
}
@media (max-width: 768px) {
  .sc-benefits__benefits {
    grid-template-columns: repeat(1, 1fr);
    column-gap: unset;
  }
}
@media (max-width: 768px) {
  .sc-benefits__benefits {
    row-gap: 24rem;
  }
}
.sc-benefits__benefit {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  row-gap: 10rem;
}
@media (max-width: 992px) {
  .sc-benefits__benefit {
    row-gap: 8rem;
  }
}
@media (max-width: 768px) {
  .sc-benefits__benefit {
    text-align: left;
    flex-direction: row;
    row-gap: unset;
  }
}
@media (max-width: 768px) {
  .sc-benefits__benefit {
    column-gap: 16rem;
  }
}
.sc-benefits__benefit::before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  /* background-color: #e96ef0;
  opacity: 0.65;
  filter: blur(100px);
  backdrop-filter: blur(100px); */
  background: url(../img/cirlce-decor.png) center center no-repeat;
  opacity: 0.7;
  background-size: 100%;
  transform: translateX(-50%) scale(3);

  pointer-events: none;
  z-index: 0;
  top: -46rem;
  width: 163rem;
  min-width: 163rem;
  height: 158rem;
  min-height: 158rem;
}
@media (max-width: 992px) {
  .sc-benefits__benefit::before {
    width: 108.66rem;
    min-width: 108.66rem;
    height: 105.33rem;
    min-height: 105.33rem;
  }
}
@media (max-width: 992px) {
  .sc-benefits__benefit::before {
    /* filter: blur(80px);
    backdrop-filter: blur(80px); */
    opacity: 1;
  }
}
@media (max-width: 992px) {
  .sc-benefits__benefit::before {
    top: -4.1666666667vw;
  }
}
.sc-benefits__wrapper-icon,
.sc-benefits__benefit p {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .sc-benefits__benefit p {
    font-size: 15rem;
    line-height: 23rem;
  }
}
.sc-benefits__wrapper-icon {
  display: flex;
  align-items: center;
  min-height: 88rem;
}
@media (max-width: 992px) {
  .sc-benefits__wrapper-icon {
    min-height: 88rem;
  }
}
@media (max-width: 768px) {
  .sc-benefits__wrapper-icon {
    min-height: unset;
    justify-content: flex-end;
  }
}
@media (max-width: 768px) {
  .sc-benefits__wrapper-icon {
    min-width: 77.48rem;
  }
}

.sc-readings {
  overflow: hidden;
  padding-top: 144rem;
  padding-bottom: 174rem;
}
@media (max-width: 992px) {
  .sc-readings {
    padding-top: 48rem;
    padding-bottom: 96rem;
  }
}
@media (max-width: 768px) {
  .sc-readings {
    padding-top: 28rem;
    padding-bottom: 48rem;
  }
}
.sc-readings::before {
  opacity: 1;
  top: 140rem;
}
@media (max-width: 992px) {
  .sc-readings::before {
    top: 120rem;
  }
}
@media (max-width: 768px) {
  .sc-readings::before {
    top: 90rem;
  }
}
.sc-readings::after {
  content: '';
  display: block;
  position: absolute;
  /* background-color: #e96ef0;
  filter: blur(120px);
  opacity: 0.4; */
  background: url(../img/cirlce-decor.png) center center no-repeat;
  background-size: 100%;
  transform: scale(3);

  width: 370rem;
  min-width: 370rem;
  height: 391rem;
  min-height: 391rem;
  bottom: 143rem;
  right: -244rem;
}
@media (max-width: 992px) {
  .sc-readings::after {
    width: 246.66rem;
    min-width: 246.66rem;
    height: 260.66rem;
    min-height: 260.66rem;
  }
}
@media (max-width: 768px) {
  .sc-readings::after {
    width: 197.32rem;
    min-width: 197.32rem;
    height: 208.52rem;
    min-height: 208.52rem;
  }
}
@media (max-width: 992px) {
  .sc-readings::after {
    bottom: 80rem;
    right: -92rem;
  }
}
@media (max-width: 768px) {
  .sc-readings::after {
    bottom: 60rem;
    right: -46rem;
  }
}
@media (max-width: 768px) {
  .sc-readings::after {
    /* filter: blur(60px); */
  }
}
.sc-readings__container {
  position: relative;
  z-index: 4;
}
.sc-readings__wrapper-title {
  margin-bottom: 24rem;
}
@media (max-width: 992px) {
  .sc-readings__wrapper-title {
    margin-bottom: 24rem;
  }
}
@media (max-width: 768px) {
  .sc-readings__wrapper-title {
    margin-bottom: 32rem;
  }
}
.sc-readings__readings {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 62.63rem;
  margin-bottom: 199rem;
}
@media (max-width: 1600px) {
  .sc-readings__readings {
    margin-bottom: 10vw;
  }
}
@media (max-width: 1440px) {
  .sc-readings__readings {
    margin-bottom: 8.3333333333vw;
  }
}
@media (max-width: 992px) {
  .sc-readings__readings {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .sc-readings__readings {
    column-gap: 60rem;
    margin-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-readings__readings {
    grid-template-columns: repeat(1, 1fr);
    column-gap: unset;
  }
}
@media (max-width: 768px) {
  .sc-readings__readings {
    margin-bottom: 40rem;
  }
}
.sc-readings__wrapper-img {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.sc-readings__wrapper-img:hover img {
  transform: scale(1.05);
}
.sc-readings__wrapper-img img {
  transition: transform 0.3s linear;
  height: 341rem;
}
@media (max-width: 1600px) {
  .sc-readings__wrapper-img img {
    height: 19.375vw;
  }
}
@media (max-width: 1440px) {
  .sc-readings__wrapper-img img {
    height: 20.1388888889vw;
  }
}
@media (max-width: 992px) {
  .sc-readings__wrapper-img img {
    height: 280rem;
  }
}
@media (max-width: 768px) {
  .sc-readings__wrapper-img img {
    height: 220rem;
  }
}
.sc-readings__wrapper-content {
  position: relative;
  z-index: 1;
  padding-top: 23rem;
  padding-bottom: 23rem;
  padding-left: 25rem;
  padding-right: 25rem;
  border-radius: 30rem;
  top: -33rem;
  left: 39rem;
}
@media (max-width: 1600px) {
  .sc-readings__wrapper-content {
    padding-left: 0.9375vw;
    padding-right: 0.3125vw;
    left: 1.75vw;
  }
}
@media (max-width: 992px) {
  .sc-readings__wrapper-content {
    padding-top: 16rem;
    padding-bottom: 16rem;
    padding-left: 16rem;
    padding-right: 16rem;
    top: -40rem;
    left: 24rem;
  }
}
@media (max-width: 768px) {
  .sc-readings__wrapper-content {
    padding-top: 12rem;
    padding-bottom: 12rem;
    padding-left: 12rem;
    padding-right: 30rem;
    left: 8rem;
  }
}
.sc-readings__wrapper-content::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f4f4f4;
  width: 100%;
  z-index: 0;
  pointer-events: none;
  border-radius: 30rem;
  height: 67rem;
}
@media (max-width: 992px) {
  .sc-readings__wrapper-content::before {
    height: 90rem;
  }
}
@media (max-width: 768px) {
  .sc-readings__wrapper-content::before {
    height: 100%;
  }
}
.sc-readings__wrapper-content::after {
  content: '';
  display: block;
  position: relative;
  border-bottom-color: #760493;
  border-bottom-style: solid;
  border-bottom-width: 4rem;
  width: 70rem;
  min-width: 70rem;
  bottom: 23rem;
}
@media (max-width: 992px) {
  .sc-readings__wrapper-content::after {
    display: none;
  }
}
.sc-readings__wrapper-content h3 {
  color: #760493;
  display: block;
  position: relative;
  z-index: 1;
  min-height: 120rem;
  line-height: 28rem;
  margin-bottom: 43rem;
}
@media (max-width: 1600px) {
  .sc-readings__wrapper-content h3 {
    font-size: 1.375vw;
  }
}
@media (max-width: 992px) {
  .sc-readings__wrapper-content h3 {
    margin-bottom: 0;
  }
}
@media (max-width: 992px) {
  .sc-readings__wrapper-content h3 {
    font-size: 20rem;
    line-height: 24rem;
    min-height: 75rem;
  }
}
@media (max-width: 768px) {
  .sc-readings__wrapper-content h3 {
    font-size: 18rem;
    line-height: 22rem;
  }
}
@media (max-width: 768px) {
  .sc-readings__wrapper-content h3 {
    min-height: unset;
  }
}

.sc-main-faq {
  background-color: #ececec;
  overflow: hidden;
  transition: height 0.3s linear;
}
@media (max-width: 768px) {
  .sc-main-faq {
    height: auto;
  }
}
@media (max-width: 768px) {
  .sc-main-faq {
    padding-top: 40rem;
  }
}
.sc-main-faq__wrapper-flex {
  display: flex;
  position: relative;
  width: 100%;
}
@media (max-width: 768px) {
  .sc-main-faq__wrapper-flex {
    height: auto;
    flex-direction: column;
  }
}
.sc-main-faq__content-left h2 {
  hyphens: none;
  margin-bottom: 64rem;
}
@media (max-width: 768px) {
  .sc-main-faq__content-left h2 {
    hyphens: auto;
  }
}
@media (max-width: 1440px) {
  .sc-main-faq__content-left h2 {
    font-size: 3.8888888889vw;
    line-height: 4.4444444444vw;
  }
}
@media (max-width: 992px) {
  .sc-main-faq__content-left h2 {
    font-size: 40rem;
    line-height: 48rem;
  }
}
@media (max-width: 992px) {
  .sc-main-faq__content-left h2 {
    margin-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-main-faq__content-left h2 {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-main-faq__content-left h2 {
    font-size: 30rem;
    line-height: 38rem;
  }
}
.sc-main-faq__content-left {
  display: flex;
  flex-direction: column;
  position: relative;
  left: 0;
  top: 0;
  background-color: #ececec;
  z-index: 1;
  padding-top: 88rem;
  padding-bottom: 60rem;
  padding-left: 160rem;
  padding-right: 60rem;
  min-width: 1280rem;
  width: 1280rem;
  min-height: 860rem;
}
@media (max-width: 1600px) {
  .sc-main-faq__content-left {
    padding-left: 8.75vw;
    padding-right: 5vw;
    min-width: 61.25vw;
    width: 61.25vw;
  }
}
@media (max-width: 1440px) {
  .sc-main-faq__content-left {
    width: 55.5555555556vw;
    min-width: 55.5555555556vw;
    padding-left: 8.3333333333vw;
    padding-right: 6.9444444444vw;
  }
}
@media (max-width: 1200px) {
  .sc-main-faq__content-left {
    width: 58.3333333333vw;
    min-width: 58.3333333333vw;
    padding-left: 10vw;
    padding-right: 5vw;
  }
}
@media (max-width: 992px) {
  .sc-main-faq__content-left {
    padding-top: 72rem;
    padding-bottom: 72rem;
    padding-left: 40rem;
    padding-right: 40rem;
    min-width: 430rem;
    width: 430rem;
    min-height: 400rem;
  }
}
@media (max-width: 768px) {
  .sc-main-faq__content-left {
    padding-left: 15rem;
    padding-right: 15rem;
    margin-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-main-faq__content-left {
    min-width: unset;
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 0;
    min-height: unset;
    padding-bottom: 0;
  }
}
.sc-main-faq__content-left.revert {
  padding-right: 160rem;
}
@media (max-width: 1600px) {
  .sc-main-faq__content-left.revert {
    padding-right: 8.75vw;
  }
}
@media (max-width: 1440px) {
  .sc-main-faq__content-left.revert {
    padding-right: 8.3333333333vw;
  }
}
@media (max-width: 992px) {
  .sc-main-faq__content-left.revert {
    padding-right: 10.4166666667vw;
  }
}
.sc-main-faq__content-right {
  position: absolute;
  z-index: 0;
  height: 100%;
  right: 0;
  display: flex;
  align-items: center;
  background: linear-gradient(330deg, #a381a5 29.55%, #b748bd 95.1%);
  top: 0;
  padding-bottom: 160rem;
  padding-top: 110rem;
  padding-left: 125rem;
  padding-right: 104rem;
  width: 640rem;
}
@media (max-width: 992px) {
  .sc-main-faq__content-right {
    padding-bottom: 80rem;
    padding-top: 120rem;
    padding-left: 40rem;
    padding-right: 40rem;
    width: 340rem;
  }
}
@media (max-width: 768px) {
  .sc-main-faq__content-right {
    padding-top: 40rem;
    padding-bottom: 48rem;
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
@media (max-width: 768px) {
  .sc-main-faq__content-right {
    width: 100%;
    height: auto;
    position: relative;
  }
}
.sc-main-faq__wrapper-form {
  position: sticky;
  top: 40px;
  left: 0;
  max-width: 424rem;
}
@media (max-width: 992px) {
  .sc-main-faq__wrapper-form {
    max-width: unset;
  }
}
.sc-main-faq__wrapper-faq {
  margin-bottom: 64rem;
}
@media (max-width: 992px) {
  .sc-main-faq__wrapper-faq {
    margin-bottom: 36rem;
  }
}
@media (max-width: 768px) {
  .sc-main-faq__wrapper-faq {
    margin-bottom: 32rem;
  }
}
.sc-main-faq__wrapper-button {
  margin: 0 auto;
}
.sc-main-faq__wrapper-button .btn {
  width: 260rem;
}
@media (max-width: 992px) {
  .sc-main-faq__wrapper-button .btn {
    width: 240rem;
    min-height: 64rem;
    max-height: 64rem;
    padding-left: 40rem;
    padding-right: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-main-faq__wrapper-button .btn {
    width: 196rem;
    min-height: 56rem;
    max-height: 56rem;
    padding-left: 24rem;
    padding-right: 24rem;
  }
}

.sc-articles {
  background: linear-gradient(92deg, #f4f4f4 1.95%, #fff 121.32%);
  padding-top: 70rem;
  padding-bottom: 80rem;
}
@media (max-width: 992px) {
  .sc-articles {
    padding-top: 56rem;
    padding-bottom: 64rem;
  }
}
@media (max-width: 768px) {
  .sc-articles {
    padding-top: 32rem;
    padding-bottom: 48rem;
  }
}
.sc-articles__wrapper-title {
  margin-bottom: 40rem;
}
@media (max-width: 992px) {
  .sc-articles__wrapper-title {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-articles__wrapper-title {
    margin-bottom: 24rem;
  }
}
.sc-articles__categories {
  margin-bottom: 64rem;
}
@media (max-width: 992px) {
  .sc-articles__categories {
    margin-bottom: 40rem;
  }
}

.sc-about-production {
  background-color: #ececec;
  padding-top: 95rem;
  padding-bottom: 108rem;
}
@media (max-width: 992px) {
  .sc-about-production {
    padding-top: 56rem;
    padding-bottom: 64rem;
  }
}
@media (max-width: 768px) {
  .sc-about-production {
    padding-top: 40rem;
    padding-bottom: 48rem;
  }
}
.sc-about-production__container {
  position: relative;
}
.sc-about-production__wrapper-flex {
  display: flex;
  column-gap: 160rem;
}
@media (max-width: 1600px) {
  .sc-about-production__wrapper-flex {
    column-gap: 5vw;
  }
}
@media (max-width: 1440px) {
  .sc-about-production__wrapper-flex {
    column-gap: unset;
  }
}
@media (max-width: 992px) {
  .sc-about-production__wrapper-flex {
    flex-direction: column;
  }
}
.sc-about-production__wrapper-title--main {
  margin-bottom: 64rem;
}
@media (max-width: 992px) {
  .sc-about-production__wrapper-title--main {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-about-production__wrapper-title--main {
    margin-bottom: 24rem;
  }
}
.sc-about-production__content-left {
  width: 640rem;
  min-width: 640rem;
}
@media (max-width: 992px) {
  .sc-about-production__content-left {
    min-width: unset;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .sc-about-production__content-left {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-about-production__content-left {
    margin-bottom: 24rem;
  }
}
.sc-about-production__content-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  height: 386rem;
}
@media (max-width: 1600px) {
  .sc-about-production__content-right {
    height: 25vw;
  }
}
@media (max-width: 1440px) {
  .sc-about-production__content-right {
    height: 28.75vw;
  }
}
@media (max-width: 992px) {
  .sc-about-production__content-right {
    height: auto;
  }
}
.sc-about-production__content-right .sc-about-production__wrapper-title {
  display: flex;
  flex-direction: column;
  row-gap: 44rem;
  margin-bottom: 46rem;
}
@media (max-width: 1600px) {
  .sc-about-production__content-right .sc-about-production__wrapper-title {
    row-gap: 2.25vw;
    margin-bottom: 2.25vw;
  }
}
@media (max-width: 1440px) {
  .sc-about-production__content-right .sc-about-production__wrapper-title {
    row-gap: 2.0833333333vw;
    margin-bottom: 2.0833333333vw;
  }
}
@media (max-width: 992px) {
  .sc-about-production__content-right .sc-about-production__wrapper-title {
    row-gap: 24rem;
    margin-bottom: 24rem;
  }
}
@media (max-width: 768px) {
  .sc-about-production__content-right .sc-about-production__wrapper-title {
    row-gap: 16rem;
    margin-bottom: 16rem;
  }
}
.sc-about-production__content-right .sc-about-production__wrapper-title::after {
  content: '';
  display: block;
  border-bottom-style: solid;
  border-bottom-color: #760493;
  border-bottom-width: 4rem;
  width: 82rem;
  min-width: 82rem;
}
@media (max-width: 992px) {
  .sc-about-production__content-right
    .sc-about-production__wrapper-title::after {
    border-bottom-width: 3rem;
    width: 64rem;
    min-width: 64rem;
  }
}
@media (max-width: 768px) {
  .sc-about-production__content-right
    .sc-about-production__wrapper-title::after {
    width: 40rem;
    min-width: 40rem;
  }
}
.sc-about-production__wrapper-img {
  position: absolute;
  left: 0;
  bottom: 0;
}
@media (max-width: 992px) {
  .sc-about-production__wrapper-img {
    position: relative;
  }
}
@media (max-width: 1440px) {
  .sc-about-production__wrapper-img {
    left: -12.5vw;
  }
}
@media (max-width: 992px) {
  .sc-about-production__wrapper-img {
    left: -40rem;
  }
}
@media (max-width: 768px) {
  .sc-about-production__wrapper-img {
    left: -15rem;
  }
}
.sc-about-production__wrapper-img img {
  width: 800rem;
  min-width: 800rem;
  height: 386rem;
  min-height: 386rem;
}
@media (max-width: 1600px) {
  .sc-about-production__wrapper-img img {
    height: 25vw;
  }
}
@media (max-width: 1440px) {
  .sc-about-production__wrapper-img img {
    width: 62.5vw;
    height: 28.75vw;
  }
}
@media (max-width: 992px) {
  .sc-about-production__wrapper-img img {
    width: 615.38rem;
    min-width: 615.38rem;
    height: 296.92rem;
    min-height: 296.92rem;
  }
}
@media (max-width: 768px) {
  .sc-about-production__wrapper-img img {
    min-height: unset;
    min-width: unset;
    width: 100%;
    height: auto;
  }
}
.sc-about-production h3,
.sc-about-production p {
  color: #363535;
}
.sc-about-production__wrapper-content {
  display: flex;
  flex-direction: column;
}
.sc-about-production__wrapper-desc {
  max-width: 641rem;
  margin-bottom: 32rem;
}
@media (max-width: 992px) {
  .sc-about-production__wrapper-desc {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .sc-about-production__wrapper-desc {
    margin-bottom: 24rem;
  }
}
.sc-about-production__wrapper-button {
  max-width: 214rem;
}
@media (max-width: 992px) {
  .sc-about-production__wrapper-button {
    max-width: 196rem;
  }
}
@media (max-width: 768px) {
  .sc-about-production__wrapper-button {
    max-width: 180rem;
  }
}

/* Страница: Общая */
.sc-infoblock {
  position: relative;
  padding-top: 60rem;
  padding-bottom: 96rem;
}
@media (max-width: 992px) {
  .sc-infoblock {
    padding-top: 48rem;
    padding-bottom: 64rem;
  }
}
@media (max-width: 768px) {
  .sc-infoblock {
    padding-top: 24rem;
    padding-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-infoblock h1 {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
  }
}
.sc-infoblock::after {
  content: '';
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(159deg, #f2f1f1 0%, #feecff 100%);
  height: 340rem;
}
@media (max-width: 992px) {
  .sc-infoblock::after {
    height: 298rem;
  }
}
@media (max-width: 768px) {
  .sc-infoblock::after {
    height: 280rem;
  }
}
.sc-infoblock__breadcrumbs {
  margin-bottom: 8rem;
}
.sc-infoblock__main-part {
  padding-bottom: 80rem;
}
@media (max-width: 992px) {
  .sc-infoblock__main-part {
    padding-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-infoblock__main-part {
    padding-bottom: 32rem;
  }
}
.sc-infoblock__main-part,
.sc-infoblock__content-part {
  position: relative;
  z-index: 1;
}
.sc-infoblock__content-part {
  padding-top: 40rem;
}
@media (max-width: 992px) {
  .sc-infoblock__content-part {
    padding-top: 32rem;
  }
}

/* Страница: Шаблон статьи */
.sc-main-article {
  background: linear-gradient(159deg, #f2f1f1 0%, #feecff 100%);
  padding-top: 64rem;
  padding-bottom: 67rem;
}
@media (max-width: 1600px) {
  .sc-main-article {
    padding-top: 3.5vw;
  }
}
@media (max-width: 1440px) {
  .sc-main-article {
    padding-top: 3.3333333333vw;
  }
}
@media (max-width: 992px) {
  .sc-main-article {
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article {
    padding-top: 12rem;
    padding-bottom: 32rem;
  }
}
.sc-main-article__container {
  display: grid;
  grid-template-columns: 48.95vw 1fr;
}
@media (max-width: 1600px) {
  .sc-main-article__container {
    grid-template-columns: 56.62vw 1fr;
  }
}
@media (max-width: 1440px) {
  .sc-main-article__container {
    grid-template-columns: 58vw 1fr;
  }
}
@media (max-width: 992px) {
  .sc-main-article__container {
    grid-template-columns: 1fr 1fr;
  }
}
.sc-main-article__container--full .sc-main-article__content-left {
  grid-column: span 2;
}
.sc-main-article__container--full .sc-main-article__wrap-content,
.sc-main-article__container--full .sc-main-article__wrapper-desc {
  max-width: unset;
}
.sc-main-article__content-left {
  grid-column: 1;
  position: relative;
  z-index: 1;
}
@media (max-width: 992px) {
  .sc-main-article__content-left {
    grid-column: span 2;
  }
}
.sc-main-article__content-left--row1 {
  grid-row: 1;
}
.sc-main-article__content-left--row2 {
  grid-row: 2;
}
@media (max-width: 992px) {
  .sc-main-article__content-left--row2 {
    grid-row: 3;
  }
}
.sc-main-article__wrap-content {
  max-width: 756rem;
}
@media (max-width: 1440px) {
  .sc-main-article__wrap-content {
    max-width: 44.4444444444vw;
  }
}
@media (max-width: 992px) {
  .sc-main-article__wrap-content {
    max-width: unset;
  }
}
.sc-main-article__content-right {
  grid-column: 2;
  grid-row: span 2;
  position: relative;
  width: 783rem;
  min-width: 783rem;
  height: 548rem;
  min-height: 548rem;
  top: 0;
  left: -156rem;
}
@media (max-width: 1600px) {
  .sc-main-article__content-right {
    width: 37.64375vw;
    min-width: 37.64375vw;
    height: 26.345625vw;
    min-height: 26.345625vw;
    left: -7.5vw;
  }
}
@media (max-width: 1440px) {
  .sc-main-article__content-right {
    width: 40.2777777778vw;
    min-width: 40.2777777778vw;
    height: 29.1666666667vw;
    min-height: 29.1666666667vw;
    left: -8.3333333333vw;
  }
}
@media (max-width: 992px) {
  .sc-main-article__content-right {
    grid-column: span 2;
    grid-row: 2;
    position: relative;
    top: unset;
    min-height: unset;
    min-width: unset;
    height: auto;
    width: 80%;
  }
}
@media (max-width: 992px) {
  .sc-main-article__content-right {
    margin-bottom: 24rem;
    left: -16rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article__content-right {
    margin-bottom: 20rem;
    left: -8rem;
  }
}
@media (max-width: 992px) {
  .sc-main-article__content-right {
    width: 100%;
  }
}
.sc-main-article__breadcrumbs {
  margin-bottom: 12rem;
}
@media (max-width: 768px) {
  .sc-main-article__breadcrumbs {
    margin-bottom: 10rem;
  }
}
.sc-main-article__wrapper-title {
  margin-bottom: 17rem;
}
@media (max-width: 992px) {
  .sc-main-article__wrapper-title {
    margin-bottom: 16rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article__wrapper-title {
    margin-bottom: 12rem;
  }
}
.sc-main-article__title {
  font-family: Panton;
  color: #760493;
  font-size: 56rem;
  line-height: 64rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  .sc-main-article__title {
    font-size: 48rem;
    line-height: 56rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article__title {
    font-size: 32rem;
    line-height: 40rem;
  }
}
.sc-main-article__wrapper-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28rem;
  max-width: 640rem;
}
@media (max-width: 1600px) {
  .sc-main-article__wrapper-info {
    max-width: 42.5vw;
  }
}
@media (max-width: 1440px) {
  .sc-main-article__wrapper-info {
    max-width: 47.2222222222vw;
  }
}
@media (max-width: 992px) {
  .sc-main-article__wrapper-info {
    column-gap: 16rem;
    margin-bottom: 20rem;
    max-width: 560rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article__wrapper-info {
    row-gap: 2rem;
    margin-bottom: 16rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article__wrapper-info {
    max-width: unset;
    column-gap: unset;
    align-items: center;
    flex-wrap: wrap;
  }
}
.sc-main-article__block-info {
  display: flex;
  align-items: center;
  column-gap: 16rem;
}
@media (max-width: 992px) {
  .sc-main-article__block-info {
    column-gap: 12rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article__block-info {
    column-gap: 4rem;
  }
}
.sc-main-article__block-info span {
  font-size: 18rem;
  line-height: 28rem;
  font-weight: 400;
  color: #828282;
}
@media (max-width: 992px) {
  .sc-main-article__block-info span {
    font-size: 16rem;
    line-height: 26rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article__block-info span {
    font-size: 12rem;
    line-height: 18rem;
  }
}
.sc-main-article__block-info i {
  position: relative;
}
.sc-main-article__block-info--black {
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  opacity: 1;
  column-gap: 6rem;
}
@media (max-width: 768px) {
  .sc-main-article__block-info--black {
    column-gap: 4rem;
  }
}
.sc-main-article__block-info--black span {
  font-weight: 600;
  color: #363535;
}
@media (max-width: 768px) {
  .sc-main-article__block-info--black span {
    order: 1;
  }
}
@media (max-width: 768px) {
  .sc-main-article__block-info--black i {
    order: 0;
  }
}
.sc-main-article__block-info--black:hover {
  cursor: pointer;
  opacity: 0.8;
}
.sc-main-article__block-white {
  background-color: #fff;
  top: 0;
  box-shadow: 5rem 5rem 40rem rgba(0, 0, 0, 0.15);
  padding-left: 48rem;
  padding-right: 71rem;
  padding-top: 55rem;
  padding-bottom: 44rem;
  width: 940rem;
  min-width: 940rem;
  margin-bottom: 45rem;
}
@media (max-width: 1440px) {
  .sc-main-article__block-white {
    width: 56.9444444444vw;
    min-width: 56.9444444444vw;
    padding-top: 2.2222222222vw;
    padding-bottom: 2.2222222222vw;
    padding-left: 1.6666666667vw;
    padding-right: 5.5555555556vw;
    margin-bottom: 2.2222222222vw;
  }
}
@media (max-width: 992px) {
  .sc-main-article__block-white {
    min-width: unset;
    max-width: 95%;
    width: 95%;
    position: relative;
  }
}
@media (max-width: 992px) {
  .sc-main-article__block-white {
    padding-top: 32rem;
    padding-bottom: 32rem;
    padding-left: 32rem;
    padding-right: 32rem;
    margin-bottom: 24rem;
    margin-top: -80rem;
  }
}
@media (max-width: 768px) {
  .sc-main-article__block-white {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .sc-main-article__block-white {
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 20rem;
    padding-right: 20rem;
    margin-top: -48rem;
  }
}
.sc-main-article__wrapper-desc {
  max-width: 722rem;
}
@media (max-width: 992px) {
  .sc-main-article__wrapper-desc {
    max-width: unset;
  }
}
.sc-main-article__wrapper-img,
.sc-main-article__wrapper-img img {
  height: 100%;
  width: 100%;
}
@media (max-width: 768px) {
  .sc-main-article__wrapper-img,
  .sc-main-article__wrapper-img img {
    height: auto;
  }
}

.article-content {
  position: relative;
  z-index: 4;
}
.article-content__container {
  display: flex;
  padding-left: 160rem;
  padding-right: 160rem;
  column-gap: 160rem;
}
@media (max-width: 1600px) {
  .article-content__container {
    padding-left: 10vw;
    padding-right: 5vw;
    column-gap: 5vw;
  }
}
@media (max-width: 1440px) {
  .article-content__container {
    padding-left: 8.3333333333vw;
    padding-right: 4.1666666667vw;
    column-gap: 4.1666666667vw;
  }
}
@media (max-width: 992px) {
  .article-content__container {
    column-gap: unset;
    flex-direction: column;
  }
}
@media (max-width: 992px) {
  .article-content__container {
    padding-left: 40rem;
    padding-right: 40rem;
  }
}
@media (max-width: 768px) {
  .article-content__container {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
.article-content__container--full {
  padding-left: 180rem;
  padding-right: 180rem;
}
@media (max-width: 1600px) {
  .article-content__container--full {
    padding-left: 10vw;
    padding-right: 1.25vw;
  }
}
@media (max-width: 1440px) {
  .article-content__container--full {
    padding-left: 8.3333333333vw;
    padding-right: 8.3333333333vw;
  }
}
@media (max-width: 992px) {
  .article-content__container--full {
    padding-left: 5.2083333333vw;
    padding-right: 5.2083333333vw;
  }
}
.article-content__content-left {
  flex: 1;
}
.article-content__content-right {
  position: relative;
  border-radius: 1.5625vw;
  width: 16.6666666667vw;
  top: 2.0833333333vw;
}
@media (max-width: 1600px) {
  .article-content__content-right {
    border-radius: 1.875vw;
    width: 20vw;
    top: 2.5vw;
  }
}
@media (max-width: 1440px) {
  .article-content__content-right {
    border-radius: 2.0833333333vw;
    width: 22.2222222222vw;
    top: 2.7777777778vw;
  }
}
@media (max-width: 992px) {
  .article-content__content-right {
    width: auto;
    min-width: unset;
    top: unset;
    left: unset;
  }
}
@media (max-width: 768px) {
  .article-content__content-right {
    width: 100%;
    min-width: unset;
  }
}
.article-content__content-right--hidden {
  display: none;
}
.article-content__navigation {
  left: 0;
  top: 32rem;
}
@media (max-width: 992px) {
  .article-content__navigation {
    top: 24rem;
  }
}
@media (max-width: 768px) {
  .article-content__navigation {
    top: unset;
  }
}

.article-content--full .article-content__content-right {
  top: 20rem;
}
@media (max-width: 992px) {
  .article-content--full .article-content__content-right {
    top: 2.6041666667vw;
  }
}

.sc-content {
  position: relative;
  padding-top: 48rem;
  padding-bottom: 48rem;
}
@media (max-width: 992px) {
  .sc-content {
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-content {
    padding-top: 32rem;
    padding-bottom: 32rem;
  }
}
.sc-content::after {
  content: '';
  display: block;
  width: calc(100vw - 18px);
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
  left: -160rem;
}
@media (max-width: 1600px) {
  .sc-content::after {
    left: -10vw;
  }
}
@media (max-width: 1440px) {
  .sc-content::after {
    left: -8.3333333333vw;
  }
}
@media (max-width: 992px) {
  .sc-content::after {
    left: -40rem;
  }
}
@media (max-width: 992px) {
  .sc-content::after {
    width: 100vw;
  }
}
@media (max-width: 768px) {
  .sc-content::after {
    left: -15rem;
  }
}
@media (max-width: 768px) {
  .sc-content::after {
    width: calc(100% + 9.375vw);
  }
}
.sc-content__container {
  position: relative;
  z-index: 1;
}
.sc-content--white::after {
  background-color: #fff;
}
.sc-content--gray::after {
  background-color: #d9d9d9;
}

.navigation-posts {
  box-shadow: 5rem 5rem 20rem rgba(0, 0, 0, 0.25);
  max-width: 100%;
  width: 100%;
  background-color: #fff;
  position: sticky;
  z-index: 100;
  border-radius: 30rem;
  width: 320rem;
  min-width: 320rem;
}
@media (max-width: 992px) {
  .navigation-posts {
    width: auto;
    min-width: unset;
    top: unset;
    left: unset;
    border-radius: unset;
    box-shadow: unset;
    background-color: unset;
  }
}
@media (max-width: 992px) {
  .navigation-posts {
    border-radius: 30rem;
  }
}
.navigation-posts__container-content {
  position: relative;
}
.navigation-posts__wrapper-content {
  height: auto;
  padding-top: 48rem;
  padding-bottom: 45rem;
  padding-right: 24rem;
  padding-left: 55rem;
  max-height: 646rem;
}
@media (max-width: 992px) {
  .navigation-posts__wrapper-content {
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-width: inherit;
    max-height: unset;
    height: auto;
  }
}
@media (max-width: 992px) {
  .navigation-posts__wrapper-content {
    padding-left: 20rem;
  }
}
@media (max-width: 768px) {
  .navigation-posts__wrapper-content {
    padding-left: 20rem;
  }
}
.navigation-posts__wrapper-menu {
  max-height: 546rem;
}
@media (max-width: 992px) {
  .navigation-posts__wrapper-menu {
    max-height: unset;
  }
}
@media (max-width: 992px) {
  .navigation-posts__wrapper-menu {
    height: 260rem;
    max-width: 320rem;
  }
}
@media (max-width: 768px) {
  .navigation-posts__wrapper-menu {
    height: 220rem;
    max-width: 210rem;
  }
}
.navigation-posts__wrapper-menu ul,
.navigation-posts__wrapper-menu li {
  margin: 0;
  padding: 0;
}
.navigation-posts__wrapper-menu ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 24rem;
}
@media (max-width: 992px) {
  .navigation-posts__wrapper-menu ul {
    row-gap: 16rem;
  }
}
@media (max-width: 768px) {
  .navigation-posts__wrapper-menu ul {
    row-gap: 12rem;
  }
}
.navigation-posts__wrapper-menu li a,
.navigation-posts__title {
  color: #363535;
}
.navigation-posts__wrapper-menu li a {
  text-decoration: none;
  font-size: 18rem;
  line-height: 24rem;
  font-weight: 400;
  font-family: Inter;
  transition-property: color;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
@media (max-width: 992px) {
  .navigation-posts__wrapper-menu li a {
    font-size: 16rem;
    line-height: 22rem;
  }
}
@media (max-width: 768px) {
  .navigation-posts__wrapper-menu li a {
    font-size: 14rem;
    line-height: 20rem;
  }
}
.navigation-posts__wrapper-menu li a:hover {
  opacity: 1;
  color: #760493;
}
.navigation-posts .simplebar-track {
  right: unset;
  background-color: #ececec;
  pointer-events: all;
  left: -25rem;
}
.navigation-posts .simplebar-track:hover {
  cursor: pointer;
}
@media (max-width: 768px) {
  .navigation-posts .simplebar-track {
    left: -18rem;
  }
}
.navigation-posts .simplebar-track.simplebar-vertical {
  width: 6rem;
  min-width: 6rem;
}
.navigation-posts .simplebar-scrollbar:before {
  opacity: 1;
  transition: unset;
  width: 100%;
  background-color: #760493;
  left: 0;
  right: unset;
  top: 0;
  border-radius: 16rem;
}

.posts-content {
  display: flex;
  flex-direction: column;
  row-gap: 24rem;
  /* TYPOGRAPHY */
  /* TEXT BLOCK */
  /* COLUMNS */
  /* HEIGHTS */
  /* IMAGE */
  /* BUTTONS */
}
@media (max-width: 992px) {
  .posts-content {
    row-gap: 20rem;
  }
}
@media (max-width: 768px) {
  .posts-content {
    row-gap: 16rem;
  }
}
.posts-content h2 {
  font-size: 28rem;
  line-height: 36rem;
  font-weight: 700;
}
@media (max-width: 992px) {
  .posts-content h2 {
    font-size: 20rem;
    line-height: 28rem;
  }
}
.posts-content h4 {
  font-size: 20rem;
  line-height: 28rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .posts-content h4 {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.posts-content h5 {
  font-size: 18rem;
  line-height: 26rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .posts-content h5 {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.posts-content h2,
.posts-content h3,
.posts-content h4,
.posts-content h5 {
  color: #760493;
  font-family: Panton;
}
.posts-content p,
.posts-content li,
.posts-content span,
.posts-content strong,
.posts-content b {
  color: #363535;
}
.posts-content__wrapper-text--nogap {
  row-gap: 0;
}
.posts-content__wrapper-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20rem;
  row-gap: 20rem;
}
@media (max-width: 992px) {
  .posts-content__wrapper-column {
    column-gap: 10rem;
  }
}
@media (max-width: 768px) {
  .posts-content__wrapper-column {
    grid-template-columns: 1fr;
    column-gap: unset;
  }
}
@media (max-width: 768px) {
  .posts-content__wrapper-column {
    row-gap: 16rem;
  }
}
.posts-content__column {
  grid-column: span 1;
}
.posts-content__height {
  display: block;
  opacity: 0;
  pointer-events: none;
}
.posts-content__height--var8 {
  min-height: 8rem;
  max-height: 8rem;
}
@media (max-width: 992px) {
  .posts-content__height--var8 {
    min-height: 6rem;
    max-height: 6rem;
  }
}
@media (max-width: 768px) {
  .posts-content__height--var8 {
    min-height: 4rem;
    max-height: 4rem;
  }
}
.posts-content__height--var16 {
  min-height: 16rem;
  max-height: 16rem;
}
@media (max-width: 992px) {
  .posts-content__height--var16 {
    min-height: 14rem;
    max-height: 14rem;
  }
}
@media (max-width: 768px) {
  .posts-content__height--var16 {
    min-height: 12rem;
    max-height: 12rem;
  }
}
.posts-content__height--var24 {
  min-height: 24rem;
  max-height: 24rem;
}
@media (max-width: 992px) {
  .posts-content__height--var24 {
    min-height: 20rem;
    max-height: 20rem;
  }
}
@media (max-width: 768px) {
  .posts-content__height--var24 {
    min-height: 16rem;
    max-height: 16rem;
  }
}
.posts-content__height--var32 {
  min-height: 32rem;
  max-height: 32rem;
}
@media (max-width: 992px) {
  .posts-content__height--var32 {
    min-height: 24rem;
    max-height: 24rem;
  }
}
@media (max-width: 768px) {
  .posts-content__height--var32 {
    min-height: 16rem;
    max-height: 16rem;
  }
}
.posts-content__height--var40 {
  min-height: 40rem;
  max-height: 40rem;
}
@media (max-width: 992px) {
  .posts-content__height--var40 {
    min-height: 30rem;
    max-height: 30rem;
  }
}
@media (max-width: 768px) {
  .posts-content__height--var40 {
    min-height: 20rem;
    max-height: 20rem;
  }
}
.posts-content__height--var48 {
  min-height: 48rem;
  max-height: 48rem;
}
@media (max-width: 992px) {
  .posts-content__height--var48 {
    min-height: 34rem;
    max-height: 34rem;
  }
}
@media (max-width: 768px) {
  .posts-content__height--var48 {
    min-height: 24rem;
    max-height: 24rem;
  }
}
.posts-content__height--var56 {
  min-height: 56rem;
  max-height: 56rem;
}
@media (max-width: 992px) {
  .posts-content__height--var56 {
    min-height: 42rem;
    max-height: 42rem;
  }
}
@media (max-width: 768px) {
  .posts-content__height--var56 {
    min-height: 28rem;
    max-height: 28rem;
  }
}
.posts-content__height--var64 {
  min-height: 64rem;
  max-height: 64rem;
}
@media (max-width: 992px) {
  .posts-content__height--var64 {
    min-height: 48rem;
    max-height: 48rem;
  }
}
@media (max-width: 768px) {
  .posts-content__height--var64 {
    min-height: 32rem;
    max-height: 32rem;
  }
}
.posts-content__wrapper-img {
  margin: 0 auto;
}
.posts-content__wrapper-img--size100 {
  max-width: 100%;
  width: 100%;
}
.posts-content__wrapper-img--size90 {
  max-width: 90%;
  width: 90%;
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size90 {
    max-width: 100%;
    width: 100%;
  }
}
.posts-content__wrapper-img--size80 {
  max-width: 80%;
  width: 80%;
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size80 {
    max-width: 90%;
    width: 90%;
  }
}
.posts-content__wrapper-img--size70 {
  max-width: 70%;
  width: 70%;
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size70 {
    max-width: 85%;
    width: 85%;
  }
}
.posts-content__wrapper-img--size60 {
  max-width: 60%;
  width: 60%;
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size60 {
    max-width: 80%;
    width: 80%;
  }
}
.posts-content__wrapper-img--size50 {
  max-width: 50%;
  width: 50%;
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size50 {
    max-width: 80%;
    width: 80%;
  }
}
.posts-content__wrapper-img--size40 {
  max-width: 40%;
  width: 40%;
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size40 {
    max-width: 80%;
    width: 80%;
  }
}
.posts-content__wrapper-img--size30 {
  max-width: 30%;
  width: 30%;
}
@media (max-width: 992px) {
  .posts-content__wrapper-img--size30 {
    max-width: 40%;
    width: 40%;
  }
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size30 {
    max-width: 80%;
    width: 80%;
  }
}
.posts-content__wrapper-img--size20 {
  max-width: 20%;
  width: 20%;
}
@media (max-width: 992px) {
  .posts-content__wrapper-img--size20 {
    max-width: 30%;
    width: 30%;
  }
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size20 {
    max-width: 80%;
    width: 80%;
  }
}
.posts-content__wrapper-img--size10 {
  max-width: 10%;
  width: 10%;
}
@media (max-width: 992px) {
  .posts-content__wrapper-img--size10 {
    max-width: 30%;
    width: 30%;
  }
}
@media (max-width: 768px) {
  .posts-content__wrapper-img--size10 {
    max-width: 80%;
    width: 80%;
  }
}
.posts-content__wrapper-buttons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 24rem;
  row-gap: 20rem;
}
@media (max-width: 992px) {
  .posts-content__wrapper-buttons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 992px) {
  .posts-content__wrapper-buttons {
    column-gap: 10rem;
    row-gap: 20rem;
  }
}
@media (max-width: 768px) {
  .posts-content__wrapper-buttons {
    grid-template-columns: 1fr;
    column-gap: unset;
  }
}
@media (max-width: 768px) {
  .posts-content__wrapper-buttons {
    row-gap: 12rem;
  }
}
.posts-content__wrapper-button {
  grid-column: span 1;
}
@media (max-width: 768px) {
  .posts-content__wrapper-button {
    max-width: 240rem;
  }
}
@media (max-width: 768px) {
  .posts-content__wrapper-button {
    margin: 0 auto;
    width: 100%;
  }
}
.posts-content table {
  border: 1px solid #333;
  border-spacing: 0;
  display: flex;
  max-width: 100%;
  width: 100%;
  overflow: auto;
}
.posts-content table tbody {
  border-spacing: 0;
  display: flex;
  flex-direction: column;
  min-width: 800px;
  width: 100%;
}
.posts-content table tr {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
.posts-content table tr:first-child {
  border-bottom: 1px solid #333;
}
.posts-content table tr:last-child td {
  border-bottom: none;
}
.posts-content table tr th {
  font-weight: 600;
}
.posts-content table tr td {
  border-bottom: 1px solid #333;
}
.posts-content table tr th,
.posts-content table tr td {
  display: block;
  border-right: 1px solid #333;
  hyphens: auto;
  padding: 8rem;
}
.posts-content table tr th:last-child,
.posts-content table tr td:last-child {
  border-right: 0;
}

.article-content__container--full .posts-content__wrapper-img--size100 {
  max-width: 80%;
  width: 80%;
}
@media (max-width: 992px) {
  .article-content__container--full .posts-content__wrapper-img--size100 {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .article-content__container--full .posts-content__wrapper-img--size100 {
    max-width: 100%;
    width: 100%;
  }
}
.article-content__container--full .posts-content__wrapper-img--size90 {
  max-width: 80%;
  width: 80%;
}
@media (max-width: 992px) {
  .article-content__container--full .posts-content__wrapper-img--size90 {
    max-width: 90%;
    width: 90%;
  }
}
@media (max-width: 768px) {
  .article-content__container--full .posts-content__wrapper-img--size90 {
    max-width: 100%;
    width: 100%;
  }
}
.article-content__container--full .posts-content__wrapper-img--size80 {
  max-width: 70%;
  width: 70%;
}
@media (max-width: 992px) {
  .article-content__container--full .posts-content__wrapper-img--size80 {
    max-width: 85%;
    width: 85%;
  }
}
@media (max-width: 768px) {
  .article-content__container--full .posts-content__wrapper-img--size80 {
    max-width: 85%;
    width: 85%;
  }
}
.article-content__container--full .posts-content__wrapper-img--size70 {
  max-width: 60%;
  width: 60%;
}
@media (max-width: 992px) {
  .article-content__container--full .posts-content__wrapper-img--size70 {
    max-width: 75%;
    width: 75%;
  }
}
@media (max-width: 768px) {
  .article-content__container--full .posts-content__wrapper-img--size70 {
    max-width: 80%;
    width: 80%;
  }
}
.article-content__container--full .posts-content__wrapper-img--size60 {
  max-width: 50%;
  width: 50%;
}
@media (max-width: 992px) {
  .article-content__container--full .posts-content__wrapper-img--size60 {
    max-width: 65%;
    width: 65%;
  }
}
@media (max-width: 768px) {
  .article-content__container--full .posts-content__wrapper-img--size60 {
    max-width: 80%;
    width: 80%;
  }
}
.article-content__container--full .posts-content__wrapper-buttons {
  max-width: 1024rem;
}
@media (max-width: 992px) {
  .article-content__container--full .posts-content__wrapper-buttons {
    max-width: 480rem;
  }
}
@media (max-width: 768px) {
  .article-content__container--full .posts-content__wrapper-buttons {
    max-width: unset;
  }
}

.wrapper-lists ul,
.wrapper-lists ol,
.wrapper-lists li {
  margin: 0;
  padding: 0;
}
.wrapper-lists ul,
.wrapper-lists ol {
  list-style: none;
  display: flex;
  flex-direction: column;
  row-gap: 8rem;
}
@media (max-width: 768px) {
  .wrapper-lists ul,
  .wrapper-lists ol {
    row-gap: 6rem;
  }
}
.wrapper-lists ul li,
.wrapper-lists ol li {
  padding-left: 28rem;
}
@media (max-width: 992px) {
  .wrapper-lists ul li,
  .wrapper-lists ol li {
    padding-left: 24rem;
  }
}
@media (max-width: 768px) {
  .wrapper-lists ul li,
  .wrapper-lists ol li {
    padding-left: 16rem;
  }
}
.wrapper-lists li::before {
  display: block;
}
.wrapper-lists ul li {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 16rem;
}
@media (max-width: 992px) {
  .wrapper-lists ul li {
    row-gap: 14rem;
  }
}
@media (max-width: 768px) {
  .wrapper-lists ul li {
    row-gap: 12rem;
  }
}
.wrapper-lists ul li::before {
  content: '';
  width: 6rem;
  min-width: 6rem;
  height: 6rem;
  min-height: 6rem;
  background-color: #363535;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10rem;
}
@media (max-width: 992px) {
  .wrapper-lists ul li::before {
    top: 11rem;
  }
}
@media (max-width: 768px) {
  .wrapper-lists ul li::before {
    top: 10rem;
  }
}
.wrapper-lists ol {
  counter-reset: lists;
}
.wrapper-lists ol li {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 16rem;
}
@media (max-width: 992px) {
  .wrapper-lists ol li {
    row-gap: 12rem;
  }
}
@media (max-width: 768px) {
  .wrapper-lists ol li {
    row-gap: 10rem;
  }
}
.wrapper-lists ol > li::before {
  counter-increment: lists;
  content: ' ' counter(lists) '. ';
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
  position: absolute;
  left: 0;
  top: 0;
}

.sc-litlist {
  position: relative;
  z-index: 10;
  padding-bottom: 40rem;
  padding-top: 40rem;
}
@media (max-width: 992px) {
  .sc-litlist {
    padding-bottom: 32rem;
    padding-top: 32rem;
  }
}
.sc-litlist__title,
.sc-litlist__wrapper-content li {
  color: #363535;
}
.sc-litlist__wrapper-content,
.sc-litlist__wrapper-content ol {
  max-width: 100%;
  width: 100%;
}
.sc-litlist__title {
  font-size: 18rem;
  line-height: 28rem;
  font-weight: 600;
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  .sc-litlist__title {
    font-size: 20rem;
    line-height: 28rem;
  }
}
.sc-litlist__wrapper-content li {
  hyphens: auto;
  font-size: 17.5rem;
}
.sc-litlist__wrapper-content li * {
  display: inline-block;
  hyphens: auto;
}
@media (max-width: 992px) {
  .sc-litlist__wrapper-content li {
    font-size: 16rem;
  }
}
@media (max-width: 768px) {
  .sc-litlist__wrapper-content li {
    font-size: 13rem;
    line-height: 23rem;
  }
}

.article-banner {
  display: flex;
  align-items: center;
  column-gap: 48rem;
  padding: 32rem;
  background-color: #f6f6f6;
}
.article-banner .btn {
  width: fit-content;
}
@media (max-width: 992px) {
  .article-banner {
    column-gap: 24rem;
    padding: 24rem;
  }
}
@media (max-width: 768px) {
  .article-banner {
    row-gap: 16rem;
    padding: 16rem;
    flex-direction: column;
    align-items: flex-start;
  }
}
.article-banner__content {
  display: flex;
  flex-direction: column;
  row-gap: 32rem;
}
@media (max-width: 992px) {
  .article-banner__content {
    row-gap: 24rem;
  }
}
@media (max-width: 768px) {
  .article-banner__content {
    row-gap: 20rem;
    width: 100%;
  }
}
.article-banner__content h3 {
  font-size: 24rem;
  line-height: 32rem;
}
@media (max-width: 992px) {
  .article-banner__content h3 {
    font-size: 20rem;
    line-height: 28rem;
  }
}
@media (max-width: 768px) {
  .article-banner__content h3 {
    font-size: 16rem;
    line-height: 24rem;
  }
}
.article-banner__content h3 a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media (max-width: 768px) {
  .article-banner__content .btn {
    width: 100%;
  }
}
.article-banner__content .btn span {
  color: inherit;
}
@media (max-width: 768px) {
  .article-banner__wrap-img {
    width: 100%;
  }
}
.article-banner__wrap-img img {
  max-height: 240rem;
}
@media (max-width: 768px) {
  .article-banner__wrap-img img {
    height: 180rem;
  }
}

/* Страница: Вопросы и ответы */
.sc-faq--page {
  min-height: 100vh;
  position: relative;
  z-index: 4;
  padding-top: 60rem;
  padding-bottom: 50rem;
}
@media (max-width: 992px) {
  .sc-faq--page {
    min-height: unset;
  }
}
@media (max-width: 992px) {
  .sc-faq--page {
    padding-top: 40rem;
    padding-bottom: 88rem;
  }
}
@media (max-width: 768px) {
  .sc-faq--page {
    padding-top: 16rem;
    padding-bottom: 48rem;
  }
}
.sc-faq--page .sc-faq__title {
  color: #760493;
  margin-bottom: 80rem;
}
@media (max-width: 992px) {
  .sc-faq--page .sc-faq__title {
    margin-bottom: 72rem;
  }
}
@media (max-width: 768px) {
  .sc-faq--page .sc-faq__title {
    margin-bottom: 32rem;
  }
}
.sc-faq--page .sc-faq__wrapper-items {
  margin-bottom: 36rem;
}
@media (max-width: 992px) {
  .sc-faq--page .sc-faq__wrapper-items {
    margin-bottom: 32rem;
  }
}
.sc-faq--page .sc-faq__wrapper-button {
  display: flex;
  justify-content: center;
}
.sc-faq--page .sc-faq__wrapper-button .btn {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
}

/* Страница: Инструкция */
.sc-main-instruct {
  position: relative;
  z-index: 4;
  background: linear-gradient(159deg, #f2f1f1 0%, #feecff 100%);
  padding-top: 58rem;
  padding-bottom: 58rem;
}
@media (max-width: 992px) {
  .sc-main-instruct {
    padding-top: 48rem;
    padding-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct {
    padding-bottom: 40rem;
  }
}
.sc-main-instruct__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  padding-right: 54rem;
}
@media (max-width: 1600px) {
  .sc-main-instruct__container {
    padding-right: 3.375vw;
  }
}
@media (max-width: 1440px) {
  .sc-main-instruct__container {
    padding-right: 3.75vw;
  }
}
@media (max-width: 992px) {
  .sc-main-instruct__container {
    padding-right: 12rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__container {
    padding-right: 15rem;
    row-gap: 32rem;
  }
}
@media (max-width: 992px) {
  .sc-main-instruct__container {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.sc-main-instruct__content-left {
  flex: 1;
}
.sc-main-instruct__wrapper-title {
  margin-bottom: 40rem;
}
@media (max-width: 992px) {
  .sc-main-instruct__wrapper-title {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__wrapper-title {
    margin-bottom: 16rem;
  }
}
.sc-main-instruct__wrapper-title h1 {
  color: #760493;
}
@media (max-width: 992px) {
  .sc-main-instruct__wrapper-title h1 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__wrapper-title h1 {
    font-size: 22rem;
    line-height: 30rem;
  }
}
.sc-main-instruct__content-right {
  position: relative;
  width: 580rem;
  padding-top: 64rem;
}
@media (max-width: 1600px) {
  .sc-main-instruct__content-right {
    width: 35vw;
  }
}
@media (max-width: 992px) {
  .sc-main-instruct__content-right {
    width: 54.6875vw;
  }
}
.sc-main-instruct__wrap-right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 1600px) {
  .sc-main-instruct__wrap-right {
    position: sticky;
    left: 0;
    top: 0;
  }
}
@media (max-width: 1600px) {
  .sc-main-instruct__wrap-right {
    top: 7.5vw;
  }
}
@media (max-width: 992px) {
  .sc-main-instruct__wrap-right {
    top: 100rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__wrap-right {
    top: unset;
    left: unset;
    position: static;
  }
}
.sc-main-instruct__wrapper-img {
  width: 25vw;
  min-width: 25vw;
  margin-bottom: 0.5729166667vw;
}
@media (max-width: 1600px) {
  .sc-main-instruct__wrapper-img {
    width: 30vw;
    min-width: 30vw;
    margin-bottom: 0.6875vw;
  }
}
@media (max-width: 1440px) {
  .sc-main-instruct__wrapper-img {
    width: 33.3333333333vw;
    min-width: 33.3333333333vw;
    margin-bottom: 0.7638888889vw;
  }
}
@media (max-width: 1600px) {
  .sc-main-instruct__wrapper-img {
    width: 26.25vw;
    min-width: 26.25vw;
  }
}
@media (max-width: 992px) {
  .sc-main-instruct__wrapper-img {
    width: 291rem;
    min-width: 291rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__wrapper-img {
    min-width: unset;
    width: 100%;
  }
}
.sc-main-instruct__wrapper-img img {
  height: 692rem;
  min-height: 692rem;
}
@media (max-width: 1600px) {
  .sc-main-instruct__wrapper-img img {
    height: 36.04125vw;
    min-height: 36.04125vw;
  }
}
@media (max-width: 992px) {
  .sc-main-instruct__wrapper-img img {
    height: 346rem;
    min-height: 346rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__wrapper-img img {
    min-height: unset;
    height: auto;
  }
}
.sc-main-instruct__wrapper-button {
  position: relative;
  margin: 0 auto;
  max-width: 206rem;
  left: -32rem;
}
@media (max-width: 1600px) {
  .sc-main-instruct__wrapper-button {
    left: -1.5vw;
  }
}
@media (max-width: 992px) {
  .sc-main-instruct__wrapper-button {
    max-width: 180rem;
    left: -16rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__wrapper-button {
    left: unset;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__wrapper-button {
    max-width: 164rem;
  }
}
.sc-main-instruct__wrapper-button .btn {
  white-space: nowrap;
}
.sc-main-instruct__wrapper-content p,
.sc-main-instruct__wrapper-content strong {
  color: #363535;
}
.sc-main-instruct__wrapper-content strong {
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 600;
}
@media (max-width: 992px) {
  .sc-main-instruct__wrapper-content strong {
    font-size: 20rem;
    line-height: 28rem;
  }
}
@media (max-width: 768px) {
  .sc-main-instruct__wrapper-content strong {
    font-size: 18rem;
    line-height: 26rem;
  }
}

.sc-instruction {
  padding-top: 51rem;
  padding-bottom: 77rem;
}
@media (max-width: 992px) {
  .sc-instruction {
    padding-top: 48rem;
    padding-bottom: 64rem;
  }
}
@media (max-width: 768px) {
  .sc-instruction {
    padding-top: 32rem;
    padding-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-instruction {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 768px) {
  .sc-instruction__tab-item .tab-item__wrapper-title {
    width: 340rem;
    max-width: 340rem;
  }
}
.sc-instruction__tabs-items {
  margin-bottom: 64rem;
}
@media (max-width: 992px) {
  .sc-instruction__tabs-items {
    margin-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-instruction__tabs-items {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-instruction__tabs-items {
    max-width: 100%;
    width: 100%;
  }
}
.sc-instruction__tabs-items .tab-item__wrapper-title h3 {
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 600;
}
@media (max-width: 992px) {
  .sc-instruction__tabs-items .tab-item__wrapper-title h3 {
    font-size: 20rem;
    line-height: 28rem;
  }
}
@media (max-width: 768px) {
  .sc-instruction__tabs-items .tab-item__wrapper-title h3 {
    font-size: 18rem;
    line-height: 26rem;
  }
}
@media (max-width: 768px) {
  .sc-instruction__tabs-items .tab-item__wrapper-title h3 {
    max-width: 240rem;
    width: 240rem;
  }
}
@media (max-width: 768px) {
  .sc-instruction__tabs-items .tab-item__wrapper-title h3 {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    white-space: unset;
  }
}
.sc-instruction__wrapper-button {
  margin: 0 auto;
  max-width: 304rem;
}
@media (max-width: 992px) {
  .sc-instruction__wrapper-button {
    max-width: 272rem;
  }
}
@media (max-width: 768px) {
  .sc-instruction__wrapper-button {
    max-width: 232rem;
  }
}

/* Страница: Статьи */
.sc-page-articles {
  position: relative;
  z-index: 4;
  padding-top: 80rem;
  padding-bottom: 76rem;
}
@media (max-width: 1440px) {
  .sc-page-articles {
    padding-top: 5vw;
  }
}
@media (max-width: 992px) {
  .sc-page-articles {
    padding-top: 48rem;
    padding-bottom: 56rem;
  }
}
@media (max-width: 768px) {
  .sc-page-articles {
    padding-top: 16rem;
    padding-bottom: 48rem;
  }
}
.sc-page-articles__container {
  position: relative;
  z-index: 1;
}
.sc-page-articles__title {
  color: #760493;
  margin-bottom: 40rem;
}
@media (max-width: 992px) {
  .sc-page-articles__title {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-page-articles__title {
    margin-bottom: 16rem;
  }
}
.sc-page-articles__categories {
  margin-bottom: 64rem;
}
@media (max-width: 992px) {
  .sc-page-articles__categories {
    margin-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-page-articles__categories {
    margin-bottom: 40rem;
  }
}
.sc-page-articles__wrapper-items {
  margin-bottom: 64rem;
}
@media (max-width: 992px) {
  .sc-page-articles__wrapper-items {
    margin-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-page-articles__wrapper-items {
    margin-bottom: 32rem;
  }
}
.sc-page-articles__wrapper-button {
  display: flex;
  justify-content: center;
}
.sc-page-articles__wrapper-button .btn {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
}
.sc-page-articles.section-circle::after {
  z-index: 1;
}
.sc-page-articles.section-circle h1,
.sc-page-articles.section-circle h2,
.sc-page-articles.section-circle .container {
  z-index: 2;
}

/* Страница: О препарате */
.article-content--about-product {
  background-color: #ececec;
  padding-top: 90rem;
  padding-bottom: 60rem;
}
@media (max-width: 992px) {
  .article-content--about-product {
    padding-top: 56rem;
    padding-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product.section-circle::before {
    top: -140rem;
    left: -140rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product.section-circle::before {
    /* filter: blur(160px); */
    background: url(../img/cirlce-decor.png) center center no-repeat;
    background-size: 100%;
    transform: scale(2);
  }
}
.article-content--about-product .article-content__container {
  position: relative;
}
.article-content--about-product .sc-content--violet::after {
  background-color: #760493;
}
.article-content--about-product .sc-content--violet * {
  color: #fff;
}
.article-content--about-product .sc-content--white::after {
  background-color: #ececec;
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content__wrapper-title {
    margin-bottom: 12rem;
  }
}
.article-content--about-product .sc-content__wrapper-title h1 {
  font-size: 64rem;
  line-height: 72rem;
  font-weight: 400;
  color: #760493;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content__wrapper-title h1 {
    font-size: 48rem;
    line-height: 56rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content__wrapper-title h1 {
    font-size: 40rem;
    line-height: 48rem;
    font-weight: 600;
  }
}
.article-content--about-product .sc-content--product-main {
  padding-top: 0;
  padding-bottom: 18rem;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content--product-main {
    padding-bottom: 20rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content--product-main {
    padding-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content--product-main {
    position: relative;
  }
}
.article-content--about-product .sc-content--product-main h2 {
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 600;
  font-family: Panton;
  color: #760493;
  margin-bottom: 8rem;
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content--product-main h2 {
    font-size: 20rem;
    line-height: 28rem;
  }
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content--product-main h2 {
    margin-bottom: 6rem;
  }
}
.article-content--about-product
  .sc-content--product-main
  .sc-content__wrapper-content {
  max-width: 800rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__wrapper-content {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__content-left {
    position: absolute;
  }
}
@media (max-width: 768px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__content-left {
    top: 240rem;
    left: 32rem;
  }
}
.article-content--about-product
  .sc-content--product-main
  .sc-content__content-right {
  display: flex;
  flex-direction: column;
  position: relative;
  padding-top: 32rem;
  row-gap: 64rem;
  left: -12rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__content-right {
    left: unset;
  }
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__content-right {
    padding-top: 24rem;
    row-gap: 24rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__content-right {
    padding-top: 0;
  }
}
@media (max-width: 768px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__content-right {
    row-gap: 300rem;
  }
}
.article-content--about-product
  .sc-content--product-main
  .sc-content__wrapper-bottom {
  display: flex;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__wrapper-bottom {
    align-items: center;
  }
}
@media (max-width: 768px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__wrapper-bottom {
    flex-direction: column;
    align-items: flex-start;
  }
}
.article-content--about-product
  .sc-content--product-main
  .sc-content__wrapper-img {
  position: relative;
  top: -12rem;
  left: -40rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__wrapper-img {
    top: 16rem;
    left: -24rem;
  }
}
.article-content--about-product
  .sc-content--product-main
  .sc-content__wrapper-img
  img {
  width: 319rem;
  min-width: 319rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__wrapper-img
    img {
    width: 260rem;
    min-width: 260rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product
    .sc-content--product-main
    .sc-content__wrapper-img
    img {
    min-width: unset;
    width: 80%;
  }
}
.article-content--about-product .navigation-posts {
  background-color: #f4f4f4;
}
.article-content--about-product
  .navigation-posts
  .navigation-posts__wrapper-content {
  height: 646rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .navigation-posts
    .navigation-posts__wrapper-content {
    height: auto;
  }
}
.article-content--about-product
  .navigation-posts
  .navigation-posts__wrapper-menu {
  height: 546rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .navigation-posts
    .navigation-posts__wrapper-menu {
    height: 260rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product
    .navigation-posts
    .navigation-posts__wrapper-menu {
    height: 220rem;
  }
}
.article-content--about-product .sc-content--about h2,
.article-content--about-product .sc-content--about-history h2 {
  font-size: 24rem;
  line-height: 32rem;
  font-weight: 600;
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content--about h2,
  .article-content--about-product .sc-content--about-history h2 {
    font-size: 20rem;
    line-height: 28rem;
  }
}
.article-content--about-product .sc-content--about-history {
  padding-top: 60rem;
  padding-bottom: 153rem;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content--about-history {
    padding-top: 40rem;
    padding-bottom: 120rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content--about-history {
    padding-bottom: 40rem;
  }
}
.article-content--about-product .sc-content--about-history h2 {
  margin-bottom: 40rem;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content--about-history h2 {
    margin-bottom: 32rem;
  }
}
.article-content--about-product
  .sc-content--about-history
  .sc-content__history {
  margin-bottom: 51rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--about-history
    .sc-content__history {
    margin-bottom: 38rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product
    .sc-content--about-history
    .sc-content__history {
    margin-bottom: 32rem;
  }
}
.article-content--about-product
  .sc-content--about-history
  .sc-content__wrapper-desc {
  max-width: 1022rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--about-history
    .sc-content__wrapper-desc {
    max-width: unset;
  }
}
.article-content--about-product .sc-content__block-violet-light {
  background-color: #ff50d8;
  position: absolute;
  left: 0;
  width: 100%;
  padding-top: 44rem;
  padding-bottom: 44rem;
  padding-left: 36rem;
  padding-right: 36rem;
  min-height: 190rem;
  border-radius: 30rem;
  top: -234rem;
  max-width: 1121rem;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content__block-violet-light {
    padding-top: 32rem;
    padding-bottom: 32rem;
    padding-left: 16rem;
    padding-right: 16rem;
    min-height: 160rem;
    top: -230rem;
  }
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content__block-violet-light {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content__block-violet-light {
    padding-top: 24rem;
    padding-bottom: 24rem;
    min-height: 140rem;
    margin-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content__block-violet-light {
    top: unset;
    position: relative;
  }
}
.article-content--about-product .sc-content__block-violet-light p {
  color: #fff;
  font-weight: 600;
}
.article-content--about-product .sc-content__block-violet-light .wrapper-desc {
  max-width: 1022rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content__block-violet-light
    .wrapper-desc {
    max-width: unset;
  }
}
.article-content--about-product .sc-content--about {
  padding-top: 20rem;
  padding-bottom: 20rem;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content--about {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
.article-content--about-product .sc-content--first-about {
  padding-top: 144rem;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content--first-about {
    padding-top: 140rem;
  }
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content--first-about {
    padding-top: 40rem;
  }
}
.article-content--about-product .sc-content--colorblock {
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content--colorblock {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
  .article-content--about-product .sc-content--colorblock {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.article-content--about-product .sc-content--colorblock.sc-content--blockfirst {
  padding-top: 20rem;
}
@media (max-width: 992px) {
  .article-content--about-product
    .sc-content--colorblock.sc-content--blockfirst {
    padding-top: 16rem;
  }
}
.article-content--about-product
  .sc-content--colorblock.sc-content--blockfirst
  .about-colorblock {
  border-top-left-radius: 30rem;
  border-top-right-radius: 30rem;
}
.article-content--about-product .sc-content--colorblock.sc-content--blockend {
  padding-bottom: 20rem;
}
@media (max-width: 992px) {
  .article-content--about-product .sc-content--colorblock.sc-content--blockend {
    padding-bottom: 16rem;
  }
}
.article-content--about-product
  .sc-content--colorblock.sc-content--blockend
  .about-colorblock {
  border-bottom-left-radius: 30rem;
  border-bottom-right-radius: 30rem;
}

.about-history {
  position: relative;
}
.about-history::before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  z-index: 0;
  left: 0;
  /* background-color: #d93fff; */
  /* filter: blur(50px); */
  background: url(../img/about-history.png) center center no-repeat;
  background-size: 100% 100%;
  transform: scaleY(3) scaleX(1.4);
  height: 52rem;
  min-height: 52rem;
  top: 64rem;
}
@media (max-width: 992px) {
  .about-history::before {
    height: 38rem;
    min-height: 38rem;
    top: 40rem;
  }
}
@media (max-width: 768px) {
  .about-history::before {
    display: none;
  }
}
.about-history__line {
  position: absolute;
  background-color: #dadada;
  width: 100%;
  z-index: 1;
  left: 0;
  height: 10rem;
  min-height: 10rem;
  border-radius: 30rem;
  top: 86rem;
}
@media (max-width: 992px) {
  .about-history__line {
    height: 8rem;
    min-height: 8rem;
    top: 64rem;
  }
}
@media (max-width: 768px) {
  .about-history__line {
    display: none;
  }
}
.about-history__wrapper-dates {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  position: relative;
  z-index: 1;
  column-gap: 74rem;
  padding-left: 36rem;
  padding-right: 45rem;
}
@media (max-width: 1600px) {
  .about-history__wrapper-dates {
    column-gap: 2.5vw;
    padding-left: 2vw;
    padding-right: 2.5vw;
  }
}
@media (max-width: 1440px) {
  .about-history__wrapper-dates {
    column-gap: 1.1111111111vw;
    padding-left: 1.6666666667vw;
    padding-right: 2.2222222222vw;
  }
}
@media (max-width: 992px) {
  .about-history__wrapper-dates {
    column-gap: 24rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
@media (max-width: 768px) {
  .about-history__wrapper-dates {
    grid-template-columns: repeat(1, 1fr);
    padding-right: 0;
    padding-left: 0;
    column-gap: unset;
  }
}
@media (max-width: 768px) {
  .about-history__wrapper-dates {
    row-gap: 16rem;
  }
}
.about-history__date {
  position: relative;
  left: 8rem;
}
@media (max-width: 992px) {
  .about-history__date {
    left: 4rem;
    top: -4rem;
  }
}
@media (max-width: 768px) {
  .about-history__date {
    top: unset;
    left: unset;
  }
}
@media (max-width: 992px) {
  .about-history__date {
    font-size: 16rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .about-history__date {
    font-size: 20rem;
    line-height: 24rem;
    font-weight: 500;
  }
}
.about-history__wrapper-date {
  display: flex;
  flex-direction: column;
  position: relative;
  row-gap: 108rem;
}
@media (max-width: 992px) {
  .about-history__wrapper-date {
    row-gap: 80rem;
  }
}
@media (max-width: 768px) {
  .about-history__wrapper-date {
    row-gap: 16rem;
  }
}
.about-history__wrapper-date:nth-child(1) .about-history__date {
  left: -24rem;
}
@media (max-width: 992px) {
  .about-history__wrapper-date:nth-child(1) .about-history__date {
    left: -20rem;
  }
}
@media (max-width: 768px) {
  .about-history__wrapper-date:nth-child(1) .about-history__date {
    left: unset;
  }
}
.about-history__wrapper-date::before {
  content: '';
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg width='64' height='97' viewBox='0 0 64 97' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.6464 70.3536C31.8417 70.5488 32.1583 70.5488 32.3536 70.3536L35.5355 67.1716C35.7308 66.9763 35.7308 66.6597 35.5355 66.4645C35.3403 66.2692 35.0237 66.2692 34.8284 66.4645L32 69.2929L29.1716 66.4645C28.9763 66.2692 28.6597 66.2692 28.4645 66.4645C28.2692 66.6597 28.2692 66.9763 28.4645 67.1716L31.6464 70.3536ZM32 12.6667C33.4728 12.6667 34.6667 11.4728 34.6667 10C34.6667 8.52724 33.4728 7.33334 32 7.33334C30.5272 7.33334 29.3333 8.52724 29.3333 10C29.3333 11.4728 30.5272 12.6667 32 12.6667ZM32.5 70C32.5 46.5685 32.5 25 32.5 10L31.5 10C31.5 25 31.5 46.5685 31.5 70L32.5 70Z' fill='%23F4F4F4'/%3E%3Ccircle cx='32' cy='65' r='16' fill='white'/%3E%3Ccircle cx='32' cy='65' r='5.33333' fill='%23760493'/%3E%3C/svg%3E%0A");
  width: 64rem;
  min-width: 64rem;
  height: 97rem;
  min-height: 97rem;
  left: 0;
  top: 24rem;
}
@media (max-width: 992px) {
  .about-history__wrapper-date::before {
    width: 51.2rem;
    min-width: 51.2rem;
    height: 80.833rem;
    min-height: 80.833rem;
  }
}
@media (max-width: 992px) {
  .about-history__wrapper-date::before {
    top: 14rem;
  }
}
@media (max-width: 768px) {
  .about-history__wrapper-date::before {
    display: none;
  }
}
.about-history__wrapper-desc {
  max-width: 200rem;
}
@media (max-width: 992px) {
  .about-history__wrapper-desc {
    max-width: unset;
  }
}
.about-history__wrapper-desc p {
  font-size: 16rem;
  line-height: 20rem;
}
@media (max-width: 992px) {
  .about-history__wrapper-desc p {
    font-size: 13rem;
    line-height: 17rem;
  }
}
@media (max-width: 768px) {
  .about-history__wrapper-desc p {
    font-size: 16rem;
    line-height: 24rem;
  }
}

.image-flex {
  background-color: #fff;
  display: flex;
  border-radius: 30rem;
}
@media (max-width: 768px) {
  .image-flex {
    flex-direction: column;
  }
}
.image-flex__content-left {
  background-color: #f0f6f9;
  width: 367rem;
}
@media (max-width: 1600px) {
  .image-flex__content-left {
    width: 25.125vw;
  }
}
@media (max-width: 1440px) {
  .image-flex__content-left {
    width: 27.9166666667vw;
  }
}
@media (max-width: 992px) {
  .image-flex__content-left {
    width: 320rem;
  }
}
@media (max-width: 768px) {
  .image-flex__content-left {
    width: 100%;
    order: 0;
  }
}
.image-flex__content-left img {
  height: auto;
  border-top-left-radius: 30rem;
  border-bottom-left-radius: 30rem;
}
@media (max-width: 768px) {
  .image-flex__content-left img {
    border-top-left-radius: unset;
  }
}
@media (max-width: 768px) {
  .image-flex__content-left img {
    border-bottom-right-radius: 30rem;
    border-bottom-left-radius: 30rem;
    height: 280rem;
  }
}
.image-flex__content-right {
  flex: 1;
  padding-top: 40rem;
  padding-bottom: 40rem;
  padding-left: 40rem;
  padding-right: 40rem;
}
@media (max-width: 1440px) {
  .image-flex__content-right {
    padding-top: 2.2222222222vw;
    padding-bottom: 2.2222222222vw;
    padding-left: 1.6666666667vw;
    padding-right: 1.6666666667vw;
  }
}
@media (max-width: 992px) {
  .image-flex__content-right {
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
@media (max-width: 768px) {
  .image-flex__content-right {
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 16rem;
  }
}
@media (max-width: 768px) {
  .image-flex__content-right {
    order: -1;
  }
}
.image-flex__wrapper-desc {
  max-width: 678rem;
}
@media (max-width: 992px) {
  .image-flex__wrapper-desc {
    max-width: unset;
  }
}
@media (max-width: 992px) {
  .image-flex__wrapper-desc h2 {
    font-size: 20rem;
    line-height: 28rem;
  }
}
@media (max-width: 768px) {
  .image-flex__wrapper-desc h2 {
    font-size: 18rem;
    line-height: 26rem;
  }
}
@media (max-width: 992px) {
  .image-flex__wrapper-desc p {
    font-size: 14rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .image-flex__wrapper-desc p {
    font-size: 16rem;
    line-height: 24rem;
  }
}

.about-colorblock {
  box-shadow: 5rem 5rem 20rem rgba(0, 0, 0, 0.25);
  padding-top: 48rem;
  padding-bottom: 48rem;
  padding-left: 36rem;
  padding-right: 36rem;
}
@media (max-width: 992px) {
  .about-colorblock {
    padding-top: 32rem;
    padding-bottom: 32rem;
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media (max-width: 768px) {
  .about-colorblock {
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
.about-colorblock.about-colorblock--violet1 {
  background-color: #d7c0d9;
}
.about-colorblock.about-colorblock--violet2 {
  background-color: #760493;
}
.about-colorblock.about-colorblock--violet2 * {
  color: #fff;
}
.about-colorblock.about-colorblock--violet2 .wrapper-lists ul li::before {
  background-color: #fff;
}
.about-colorblock.about-colorblock--violet3 {
  background-color: #e7e7e7;
}
.about-colorblock.about-colorblock--violet4 {
  background-color: #faa4ff;
}

.block-border-violet {
  border-color: #760493;
  border-style: dashed;
  padding-top: 40rem;
  padding-bottom: 40rem;
  padding-left: 34rem;
  padding-right: 34rem;
  border-width: 2rem;
}
@media (max-width: 992px) {
  .block-border-violet {
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 24rem;
    padding-right: 24rem;
  }
}
@media (max-width: 768px) {
  .block-border-violet {
    padding-top: 16rem;
    padding-bottom: 16rem;
    padding-left: 12rem;
    padding-right: 12rem;
  }
}
@media (max-width: 768px) {
  .block-border-violet .wrapper-desc p {
    font-size: 14rem;
    line-height: 20rem;
  }
}

/* Страница: Контакты */
.sc-main-contacts {
  position: relative;
  z-index: 5;
  padding-top: 40rem;
  padding-bottom: 65rem;
}
@media (max-width: 992px) {
  .sc-main-contacts {
    padding-top: 32rem;
    padding-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-main-contacts {
    padding-top: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-main-contacts {
    padding-bottom: 0;
  }
}
.sc-main-contacts h1 {
  font-weight: 600;
  color: #760493;
}
.sc-main-contacts__container {
  position: relative;
  z-index: 3;
}
.sc-main-contacts__wrapper-content {
  position: relative;
}
.sc-main-contacts__main {
  max-width: 416rem;
}
@media (max-width: 992px) {
  .sc-main-contacts__main {
    max-width: unset;
  }
}
@media (max-width: 992px) {
  .sc-main-contacts__main {
    margin-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-main-contacts__main {
    margin-bottom: 32rem;
  }
}
.sc-main-contacts__wrapper-title {
  margin-bottom: 24rem;
}
@media (max-width: 992px) {
  .sc-main-contacts__wrapper-title {
    margin-bottom: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-main-contacts__wrapper-title {
    margin-bottom: 12rem;
  }
}
.sc-main-contacts__wrapper-desc {
  margin-bottom: 24rem;
  max-width: 380rem;
}
@media (max-width: 992px) {
  .sc-main-contacts__wrapper-desc {
    margin-bottom: 20rem;
    max-width: 380rem;
  }
}
@media (max-width: 768px) {
  .sc-main-contacts__wrapper-desc {
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .sc-main-contacts__wrapper-desc {
    margin-bottom: 16rem;
  }
}
.sc-main-contacts__contacts a {
  display: inline-block;
  text-decoration: underline;
}
.sc-main-contacts__wrapper-map {
  position: absolute;
  width: 900rem;
  min-width: 900rem;
  height: 420rem;
  min-height: 420rem;
  right: 0;
  top: 8rem;
}
@media (max-width: 1600px) {
  .sc-main-contacts__wrapper-map {
    width: 50vw;
    min-width: 50vw;
    height: 23.75vw;
    min-height: 23.75vw;
  }
}
@media (max-width: 1600px) {
  .sc-main-contacts__wrapper-map {
    top: 0;
  }
}
@media (max-width: 992px) {
  .sc-main-contacts__wrapper-map {
    position: relative;
    top: unset;
    min-width: unset;
    min-height: unset;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .sc-main-contacts__wrapper-map {
    height: 360rem;
  }
}
@media (max-width: 768px) {
  .sc-main-contacts__wrapper-map {
    height: 240rem;
    left: -15rem;
  }
}
@media (max-width: 768px) {
  .sc-main-contacts__wrapper-map {
    width: calc(100% + 9.375vw);
  }
}
.sc-main-contacts__map {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 16rem;
}

.sc-pharmacovig {
  overflow: hidden;
  position: relative;
  z-index: 4;
  background-color: #760493;
  height: 1110rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig {
    height: auto;
  }
}
.sc-pharmacovig__wrapper-flex {
  width: 100%;
  display: flex;
  position: relative;
  height: 100%;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-flex {
    display: flex;
    flex-direction: column;
    height: auto;
  }
}
.sc-pharmacovig__content-left,
.sc-pharmacovig__content-right {
  height: 100%;
}
@media (max-width: 992px) {
  .sc-pharmacovig__content-left,
  .sc-pharmacovig__content-right {
    height: auto;
  }
}
.sc-pharmacovig__content-left {
  background-color: #760493;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 1264rem;
  min-width: 1264rem;
  padding-left: 160rem;
  padding-right: 88rem;
  padding-top: 142rem;
  padding-bottom: 45rem;
}
@media (max-width: 1600px) {
  .sc-pharmacovig__content-left {
    padding-left: 10vw;
    padding-right: 4vw;
    min-width: 68.75vw;
    width: 68.75vw;
    padding-top: 5vw;
  }
}
@media (max-width: 1440px) {
  .sc-pharmacovig__content-left {
    min-width: 69.4444444444vw;
    width: 69.4444444444vw;
    padding-left: 8.3333333333vw;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__content-left {
    min-width: unset;
    width: 100%;
    position: relative;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__content-left {
    padding-left: 40rem;
    padding-right: 40rem;
    padding-top: 48rem;
    padding-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__content-left {
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
.sc-pharmacovig__content-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #a381a5;
  width: 640rem;
  min-width: 640rem;
}
@media (max-width: 1600px) {
  .sc-pharmacovig__content-right {
    min-width: 31.25vw;
    width: 31.25vw;
  }
}
@media (max-width: 1440px) {
  .sc-pharmacovig__content-right {
    min-width: 31.9444444444vw;
    width: 31.9444444444vw;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__content-right {
    min-width: unset;
    width: 100%;
    position: relative;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__content-right {
    padding-left: 40rem;
    padding-right: 40rem;
    padding-top: 40rem;
    padding-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__content-right {
    padding-left: 15rem;
    padding-right: 15rem;
    padding-bottom: 32rem;
  }
}
.sc-pharmacovig__wrapper-title h2 {
  font-size: 36rem;
  line-height: 44rem;
  font-weight: 600;
  color: #fff;
  hyphens: none;
  margin-bottom: 5rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-title h2 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-title h2 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-title h2 {
    margin-bottom: 4rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-title h2 {
    margin-bottom: 6rem;
  }
}
.sc-pharmacovig__wrapper-title p {
  color: #fff;
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-title p {
    font-size: 13rem;
    line-height: 18rem;
  }
}
.sc-pharmacovig__wrapper-title {
  margin-bottom: 32rem;
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-title {
    margin-bottom: 24rem;
  }
}
.sc-pharmacovig__wrapper-form {
  display: flex;
  flex-direction: column;
}
.sc-pharmacovig__controls {
  display: flex;
  flex-direction: column;
  row-gap: 44rem;
  margin-bottom: 11rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__controls {
    row-gap: 32rem;
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__controls {
    row-gap: 24rem;
    margin-bottom: 24rem;
  }
}
.sc-pharmacovig__wrapper-control h3 {
  font-size: 26rem;
  line-height: 34rem;
  font-weight: 600;
  color: #fff;
  margin-bottom: 32rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-control h3 {
    font-size: 24rem;
    line-height: 30rem;
    font-weight: 700;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-control h3 {
    margin-bottom: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-control h3 {
    font-size: 20rem;
    line-height: 24rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-control h3 {
    margin-bottom: 16rem;
  }
}
.sc-pharmacovig__group-column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 50rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__group-column {
    column-gap: 24rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__group-column {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__group-column {
    row-gap: 24rem;
  }
}
.sc-pharmacovig__wrapper-group {
  display: flex;
  flex-direction: column;
  row-gap: 32rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-group {
    row-gap: 24rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-group {
    row-gap: 16rem;
  }
}
.sc-pharmacovig__wrapper-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-top: 100rem;
  padding-bottom: 130rem;
  padding-left: 76rem;
  padding-right: 76rem;
}
@media (max-width: 1600px) {
  .sc-pharmacovig__wrapper-info {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media (max-width: 1440px) {
  .sc-pharmacovig__wrapper-info {
    padding-left: 2.7777777778vw;
    padding-right: 2.7777777778vw;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-info {
    padding: 0;
  }
}
.sc-pharmacovig__wrapper-input label {
  margin-top: auto;
  min-width: 91rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input label {
    margin-bottom: auto;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input label {
    min-width: 81rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input label {
    min-width: unset;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input label {
    margin-bottom: 8rem;
  }
}
.sc-pharmacovig__wrapper-input input {
  padding-left: 16rem;
  padding-bottom: 8rem;
  padding-right: 0;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input input {
    padding-left: 12rem;
    padding-bottom: 6rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input input {
    padding-left: 8rem;
  }
}
.sc-pharmacovig__wrapper-input input,
.sc-pharmacovig__wrapper-input input::placeholder {
  font-size: 18rem;
  line-height: 24rem;
  font-family: Inter;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input input,
  .sc-pharmacovig__wrapper-input input::placeholder {
    font-size: 16rem;
    line-height: 22rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input input,
  .sc-pharmacovig__wrapper-input input::placeholder {
    font-size: 14rem;
    line-height: 20rem;
  }
}
.sc-pharmacovig__wrapper-input input::placeholder {
  color: #a381a5;
}
.sc-pharmacovig__wrapper-input--minsize {
  max-width: 341rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input--minsize {
    max-width: unset;
  }
}
.sc-pharmacovig__wrapper-input--vertical {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 18rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input--vertical {
    row-gap: 16rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input--vertical {
    row-gap: 12rem;
  }
}
.sc-pharmacovig__wrapper-input--vertical label {
  min-width: unset;
  margin-right: 0;
}
.sc-pharmacovig__wrapper-input--vertical input {
  padding-left: 20rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input--vertical input {
    padding-left: 12rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input--vertical input {
    padding-left: 8rem;
  }
}
.sc-pharmacovig__wrapper-input--checkmark {
  position: relative;
}
.sc-pharmacovig__wrapper-input--checkmark::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2.4375C10.1087 2.4375 8.25991 2.99833 6.68736 4.04907C5.11482 5.09981 3.88917 6.59327 3.16541 8.34059C2.44164 10.0879 2.25227 12.0106 2.62125 13.8656C2.99022 15.7205 3.90096 17.4244 5.2383 18.7617C6.57564 20.099 8.27951 21.0098 10.1345 21.3788C11.9894 21.7477 13.9121 21.5584 15.6594 20.8346C17.4067 20.1108 18.9002 18.8852 19.9509 17.3126C21.0017 15.7401 21.5625 13.8913 21.5625 12C21.5595 9.46478 20.5511 7.03425 18.7584 5.24158C16.9658 3.44891 14.5352 2.44048 12 2.4375ZM12 20.4375C10.3312 20.4375 8.69992 19.9426 7.31238 19.0155C5.92484 18.0884 4.84338 16.7706 4.20477 15.2289C3.56616 13.6871 3.39907 11.9906 3.72463 10.3539C4.05019 8.71721 4.85379 7.21379 6.03379 6.03379C7.2138 4.85378 8.71722 4.05019 10.3539 3.72462C11.9906 3.39906 13.6871 3.56615 15.2289 4.20477C16.7706 4.84338 18.0884 5.92484 19.0155 7.31238C19.9427 8.69992 20.4375 10.3312 20.4375 12C20.435 14.237 19.5453 16.3817 17.9635 17.9635C16.3817 19.5453 14.237 20.435 12 20.4375ZM16.1475 10.1025C16.2528 10.208 16.312 10.3509 16.312 10.5C16.312 10.6491 16.2528 10.792 16.1475 10.8975L12.3975 14.6475C12.292 14.7528 12.1491 14.812 12 14.812C11.8509 14.812 11.708 14.7528 11.6025 14.6475L7.8525 10.8975C7.75314 10.7909 7.69905 10.6498 7.70162 10.5041C7.70419 10.3584 7.76323 10.2193 7.86629 10.1163C7.96935 10.0132 8.10839 9.95419 8.25411 9.95162C8.39984 9.94905 8.54087 10.0031 8.6475 10.1025L12 13.4541L15.3525 10.1025C15.458 9.99716 15.6009 9.93799 15.75 9.93799C15.8991 9.93799 16.042 9.99716 16.1475 10.1025Z' fill='%23F4F4F4'/%3E%3C/svg%3E%0A");
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  min-height: 24rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input--checkmark::before {
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    min-height: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input--checkmark::before {
    top: unset;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input--checkmark::before {
    bottom: 8rem;
  }
}
.sc-pharmacovig__textarea {
  padding-top: 4rem;
  margin-bottom: 8rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__textarea {
    margin-bottom: 6rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__textarea {
    margin-bottom: 4rem;
  }
}
.sc-pharmacovig__wrapper-input--date {
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  max-width: 270rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input--date {
    max-width: unset;
  }
}
.sc-pharmacovig__wrapper-input--date::after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  z-index: 0;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.5 3.1875H17.0625V2.25C17.0625 2.10082 17.0032 1.95774 16.8977 1.85225C16.7923 1.74676 16.6492 1.6875 16.5 1.6875C16.3508 1.6875 16.2077 1.74676 16.1023 1.85225C15.9968 1.95774 15.9375 2.10082 15.9375 2.25V3.1875H8.0625V2.25C8.0625 2.10082 8.00324 1.95774 7.89775 1.85225C7.79226 1.74676 7.64918 1.6875 7.5 1.6875C7.35082 1.6875 7.20774 1.74676 7.10225 1.85225C6.99676 1.95774 6.9375 2.10082 6.9375 2.25V3.1875H4.5C4.1519 3.1875 3.81806 3.32578 3.57192 3.57192C3.32578 3.81806 3.1875 4.1519 3.1875 4.5V19.5C3.1875 19.8481 3.32578 20.1819 3.57192 20.4281C3.81806 20.6742 4.1519 20.8125 4.5 20.8125H19.5C19.8481 20.8125 20.1819 20.6742 20.4281 20.4281C20.6742 20.1819 20.8125 19.8481 20.8125 19.5V4.5C20.8125 4.1519 20.6742 3.81806 20.4281 3.57192C20.1819 3.32578 19.8481 3.1875 19.5 3.1875ZM4.5 4.3125H6.9375V5.25C6.9375 5.39918 6.99676 5.54226 7.10225 5.64775C7.20774 5.75324 7.35082 5.8125 7.5 5.8125C7.64918 5.8125 7.79226 5.75324 7.89775 5.64775C8.00324 5.54226 8.0625 5.39918 8.0625 5.25V4.3125H15.9375V5.25C15.9375 5.39918 15.9968 5.54226 16.1023 5.64775C16.2077 5.75324 16.3508 5.8125 16.5 5.8125C16.6492 5.8125 16.7923 5.75324 16.8977 5.64775C17.0032 5.54226 17.0625 5.39918 17.0625 5.25V4.3125H19.5C19.5497 4.3125 19.5974 4.33225 19.6326 4.36742C19.6677 4.40258 19.6875 4.45027 19.6875 4.5V7.6875H4.3125V4.5C4.3125 4.45027 4.33225 4.40258 4.36742 4.36742C4.40258 4.33225 4.45027 4.3125 4.5 4.3125ZM19.5 19.6875H4.5C4.45027 19.6875 4.40258 19.6677 4.36742 19.6326C4.33225 19.5974 4.3125 19.5497 4.3125 19.5V8.8125H19.6875V19.5C19.6875 19.5497 19.6677 19.5974 19.6326 19.6326C19.5974 19.6677 19.5497 19.6875 19.5 19.6875Z' fill='%23F4F4F4'/%3E%3C/svg%3E%0A");
  width: 24rem;
  min-width: 24rem;
  height: 24rem;
  min-height: 24rem;
  bottom: 9rem;
  right: 8rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input--date::after {
    width: 20rem;
    min-width: 20rem;
    height: 20rem;
    min-height: 20rem;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-input--date::after {
    bottom: 8rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input--date::after {
    bottom: 7rem;
    right: 4rem;
  }
}
.sc-pharmacovig__wrapper-input--date
  input[type='date']::-webkit-calendar-picker-indicator {
  opacity: 0;
  display: block;
  position: relative;
  z-index: 1;
  left: -8rem;
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-input--date
    input[type='date']::-webkit-calendar-picker-indicator {
    left: -4rem;
  }
}
.sc-pharmacovig__wrapper-info * {
  color: #fff;
}
.sc-pharmacovig__wrapper-info h3 {
  font-size: 26rem;
  line-height: 32rem;
  font-weight: 600;
  margin-bottom: 40rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-info h3 {
    font-size: 28rem;
    line-height: 36rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-info h3 {
    font-size: 23rem;
    line-height: 31rem;
  }
}
.sc-pharmacovig__wrapper-info h3 span {
  display: none;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-info h3 br {
    display: none;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-info h3 {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-info h3 {
    margin-bottom: 24rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-info h3 {
    hyphens: none;
  }
}
.sc-pharmacovig__wrapper-info ul {
  max-width: 440rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-info ul {
    max-width: unset;
  }
}
.sc-pharmacovig__radio-control label {
  color: #fff;
}
.sc-pharmacovig__wrapper-radioes {
  display: flex;
  align-items: center;
  column-gap: 80rem;
  padding-left: 8rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-radioes {
    padding-left: 0;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-radioes {
    column-gap: 64rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-radioes {
    column-gap: 24rem;
  }
}
.sc-pharmacovig__radio-title {
  display: block;
  font-family: Inter;
  font-size: 18rem;
  line-height: 26rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 6rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__radio-title {
    font-size: 15.7rem;
    line-height: 19rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__radio-title {
    font-size: 13.7rem;
    line-height: 18rem;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__radio-title {
    margin-bottom: 12rem;
  }
}
.sc-pharmacovig__wrapper-submit .btn {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
  font-family: Inter;
  font-size: 20rem;
  line-height: 28rem;
  font-weight: 600;
  padding-left: 40rem;
  padding-right: 40rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-submit .btn {
    font-size: 18rem;
    line-height: 26rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-submit .btn {
    font-size: 16rem;
    line-height: 24rem;
  }
}
@media (max-width: 992px) {
  .sc-pharmacovig__wrapper-submit .btn {
    padding-left: 32rem;
    padding-right: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig__wrapper-submit .btn {
    min-height: 48rem;
    max-height: 48rem;
  }
}
.sc-pharmacovig .wrapper-lists {
  max-width: 406rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig .wrapper-lists {
    max-width: unset;
  }
}
.sc-pharmacovig .wrapper-lists ul {
  row-gap: 32rem;
  padding-left: 8rem;
}
@media (max-width: 992px) {
  .sc-pharmacovig .wrapper-lists ul {
    row-gap: 24rem;
    padding-left: 6rem;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig .wrapper-lists ul {
    row-gap: 20rem;
  }
}
.sc-pharmacovig .wrapper-lists ul li a {
  display: inline-block;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  opacity: 1;
}
.sc-pharmacovig .wrapper-lists ul li a:hover {
  color: #fff;
  opacity: 0.6;
}
.sc-pharmacovig .wrapper-lists ul li::before {
  background-color: #fff;
}
@media (max-width: 992px) {
  .sc-pharmacovig .resizer {
    display: none;
  }
}
@media (max-width: 768px) {
  .sc-pharmacovig .wrapper-input--vertical input::placeholder {
    font-size: 10rem;
    line-height: 16rem;
  }
}

/* Страница: Публикации */
.sc-main-publications {
  padding-top: 40rem;
  padding-bottom: 48rem;
}
@media (max-width: 992px) {
  .sc-main-publications {
    padding-top: 32rem;
    padding-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-main-publications {
    padding-top: 20rem;
    padding-bottom: 32rem;
  }
}
.sc-main-publications__container {
  position: relative;
  z-index: 3;
}
.sc-main-publications__wrapper-title {
  margin-bottom: 20rem;
}
@media (max-width: 992px) {
  .sc-main-publications__wrapper-title {
    margin-bottom: 16rem;
  }
}
@media (max-width: 768px) {
  .sc-main-publications__wrapper-title {
    margin-bottom: 12rem;
  }
}
.sc-main-publications__wrapper-title h1 {
  color: #760493;
  font-weight: 600;
}

.sc-publications {
  position: relative;
  z-index: 5;
  background-color: #760493;
  padding-top: 64rem;
  padding-bottom: 112rem;
}
@media (max-width: 992px) {
  .sc-publications {
    padding-top: 48rem;
    padding-bottom: 80rem;
  }
}
@media (max-width: 768px) {
  .sc-publications {
    padding-top: 32rem;
    padding-bottom: 48rem;
  }
}
.sc-publications__wrapper-title {
  margin-bottom: 67rem;
}
@media (max-width: 992px) {
  .sc-publications__wrapper-title {
    margin-bottom: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-publications__wrapper-title {
    margin-bottom: 32rem;
  }
}
.sc-publications__wrapper-title h2 {
  color: #fff;
  font-size: 36rem;
  line-height: 44rem;
  font-weight: 600;
}
@media (max-width: 992px) {
  .sc-publications__wrapper-title h2 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
.sc-publications__wrapper-items {
  display: flex;
  flex-direction: column;
  row-gap: 36rem;
  padding-right: 160rem;
}
@media (max-width: 1600px) {
  .sc-publications__wrapper-items {
    padding-right: 0;
  }
}
@media (max-width: 992px) {
  .sc-publications__wrapper-items {
    row-gap: 28rem;
  }
}
@media (max-width: 768px) {
  .sc-publications__wrapper-items {
    row-gap: 24rem;
  }
}

.publication-item {
  padding-left: 62rem;
}
@media (max-width: 992px) {
  .publication-item {
    padding-left: 56rem;
  }
}
@media (max-width: 768px) {
  .publication-item {
    padding-left: 0;
  }
}
.publication-item__wrapper-flex {
  display: flex;
  border-bottom-color: #a381a5;
  border-bottom-style: solid;
  column-gap: 56rem;
  padding-right: 41rem;
  padding-bottom: 25rem;
  border-bottom-width: 1rem;
}
@media (max-width: 992px) {
  .publication-item__wrapper-flex {
    column-gap: 40rem;
    padding-right: 24rem;
    padding-bottom: 20rem;
  }
}
@media (max-width: 768px) {
  .publication-item__wrapper-flex {
    flex-direction: column;
    column-gap: unset;
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .publication-item__wrapper-flex {
    row-gap: 12rem;
  }
}
.publication-item__content-left {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  .publication-item__content-right {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .publication-item__content-right {
    column-gap: 16rem;
  }
}
.publication-item__wrapper-content {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: auto;
  max-width: 1096rem;
}
@media (max-width: 992px) {
  .publication-item__wrapper-content {
    max-width: unset;
  }
}
.publication-item__wrapper-content::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-image: url("data:image/svg+xml,%3Csvg width='36' height='16' viewBox='0 0 36 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35.7071 8.70711C36.0976 8.31658 36.0976 7.68342 35.7071 7.29289L29.3431 0.928932C28.9526 0.538408 28.3195 0.538408 27.9289 0.928932C27.5384 1.31946 27.5384 1.95262 27.9289 2.34315L33.5858 8L27.9289 13.6569C27.5384 14.0474 27.5384 14.6805 27.9289 15.0711C28.3195 15.4616 28.9526 15.4616 29.3431 15.0711L35.7071 8.70711ZM0 9H35V7H0V9Z' fill='%23A381A5'/%3E%3C/svg%3E%0A");
  width: 36rem;
  min-width: 36rem;
  height: 16rem;
  min-height: 16rem;
  top: 8rem;
  left: -62rem;
}
@media (max-width: 992px) {
  .publication-item__wrapper-content::before {
    top: 7rem;
    left: -56rem;
  }
}
@media (max-width: 768px) {
  .publication-item__wrapper-content::before {
    display: none;
  }
}
.publication-item__title-name {
  font-size: 26rem;
  line-height: 34rem;
  font-weight: 600;
  color: #fff;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  margin-bottom: 12rem;
}
@media (max-width: 992px) {
  .publication-item__title-name {
    font-size: 20rem;
    line-height: 28rem;
  }
}
@media (max-width: 768px) {
  .publication-item__title-name {
    font-size: 16rem;
    line-height: 24rem;
  }
}
@media (max-width: 992px) {
  .publication-item__title-name {
    margin-bottom: 10rem;
  }
}
@media (max-width: 768px) {
  .publication-item__title-name {
    margin-bottom: 16rem;
  }
}
.publication-item__title-name:hover {
  opacity: 0.85;
}
.publication-item__title-name a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
  font-family: inherit;
}
.publication-item__title-name a:hover {
  opacity: 1;
}
.publication-item__wrapper-info {
  display: flex;
  flex-direction: column;
  row-gap: 6rem;
}
@media (max-width: 768px) {
  .publication-item__wrapper-info {
    row-gap: 4rem;
  }
}
.publication-item__author {
  color: #ececec;
}
@media (max-width: 768px) {
  .publication-item__author {
    font-size: 14rem;
    line-height: 20rem;
  }
}
.publication-item__wrapper-desc {
  display: flex;
  flex-direction: column;
  row-gap: 8rem;
  min-height: 58rem;
}
@media (max-width: 992px) {
  .publication-item__wrapper-desc {
    min-height: unset;
  }
}
.publication-item__wrapper-desc * {
  color: #a381a5;
}
@media (max-width: 768px) {
  .publication-item__wrapper-desc * {
    font-size: 14rem;
    line-height: 18rem;
    font-weight: 400;
  }
}
.publication-item__circle-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64rem;
  min-width: 64rem;
  height: 64rem;
  min-height: 64rem;
  background-color: #a381a5;
  border-radius: 50%;
  transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
@media (max-width: 992px) {
  .publication-item__circle-button {
    width: 56rem;
    min-width: 56rem;
    height: 56rem;
    min-height: 56rem;
  }
}
@media (max-width: 768px) {
  .publication-item__circle-button {
    width: 48rem;
    min-width: 48rem;
    height: 48rem;
    min-height: 48rem;
  }
}
.publication-item__circle-button:hover {
  opacity: 0.8;
}
.publication-item__link-mobile {
  display: none;
}
@media (max-width: 768px) {
  .publication-item__link-mobile {
    display: block;
    color: #fff;
  }
}
@media (max-width: 768px) {
  .publication-item__link-mobile:hover {
    color: #fff;
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .publication-item__link-mobile {
    font-size: 16rem;
    line-height: 20rem;
    font-weight: 500;
  }
}

/* Страница: О компании */
.sc-about-company {
  position: relative;
  z-index: 4;
  padding-top: 40rem;
  padding-bottom: 106rem;
}
@media (max-width: 1600px) {
  .sc-about-company {
    padding-top: 1.875vw;
  }
}
@media (max-width: 992px) {
  .sc-about-company {
    padding-top: 20rem;
    padding-bottom: 56rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company {
    padding-top: 16rem;
    padding-bottom: 32rem;
  }
}
.sc-about-company__breadcrumbs {
  margin-bottom: 72rem;
}
@media (max-width: 1600px) {
  .sc-about-company__breadcrumbs {
    margin-bottom: 3.5vw;
  }
}
@media (max-width: 992px) {
  .sc-about-company__breadcrumbs {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__breadcrumbs {
    margin-bottom: 16rem;
  }
}
.sc-about-company__content-preview {
  padding-bottom: 70rem;
}
@media (max-width: 992px) {
  .sc-about-company__content-preview {
    padding-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__content-preview {
    padding-bottom: 160rem;
  }
}
.sc-about-company__content-preview .sc-about-company__container {
  position: relative;
  z-index: 3;
}
.sc-about-company__container-content {
  position: relative;
}
.sc-about-company__wrapper-title {
  margin-bottom: 32rem;
}
@media (max-width: 992px) {
  .sc-about-company__wrapper-title {
    margin-bottom: 24rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__wrapper-title {
    margin-bottom: 20rem;
  }
}
.sc-about-company__wrapper-title h1 {
  font-size: 36rem;
  line-height: 44rem;
  font-weight: 600;
}
@media (max-width: 992px) {
  .sc-about-company__wrapper-title h1 {
    font-size: 32rem;
    line-height: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__wrapper-title h1 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
.sc-about-company__wrapper-content {
  max-width: 636rem;
  padding-top: 20rem;
}
@media (max-width: 1600px) {
  .sc-about-company__wrapper-content {
    max-width: 35vw;
  }
}
@media (max-width: 992px) {
  .sc-about-company__wrapper-content {
    max-width: unset;
    padding-top: 0;
  }
}
@media (max-width: 992px) {
  .sc-about-company__wrapper-content {
    margin-bottom: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__wrapper-content {
    margin-bottom: 24rem;
  }
}
.sc-about-company__wrapper-content .sc-about-company__wrapper-desc {
  row-gap: 32rem;
}
@media (max-width: 992px) {
  .sc-about-company__wrapper-content .sc-about-company__wrapper-desc {
    row-gap: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__wrapper-content .sc-about-company__wrapper-desc {
    row-gap: 16rem;
  }
}
.sc-about-company__wrapper-content .sc-about-company__selected-text p,
.sc-about-company__wrapper-content .sc-about-company__selected-text span {
  color: #760493;
}
.sc-about-company__selected-text p,
.sc-about-company__selected-text span {
  font-size: 26rem;
  line-height: 30rem;
  font-weight: 600;
  font-family: Panton;
}
@media (max-width: 992px) {
  .sc-about-company__selected-text p,
  .sc-about-company__selected-text span {
    font-size: 22rem;
    line-height: 28rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__selected-text p,
  .sc-about-company__selected-text span {
    font-size: 18rem;
    line-height: 24rem;
  }
}
.sc-about-company__wrapper-img {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
}
@media (max-width: 992px) {
  .sc-about-company__wrapper-img {
    position: relative;
    right: unset;
  }
}
.sc-about-company__wrapper-img img {
  width: 800rem;
  min-width: 800rem;
  height: 680rem;
  min-height: 680rem;
  border-radius: 10rem;
}
@media (max-width: 1600px) {
  .sc-about-company__wrapper-img img {
    width: 45vw;
    min-width: 45vw;
    height: 37.5vw;
    min-height: 37.5vw;
  }
}
@media (max-width: 1440px) {
  .sc-about-company__wrapper-img img {
    width: 37.5vw;
    min-width: 37.5vw;
    height: 29.1666666667vw;
    min-height: 29.1666666667vw;
  }
}
@media (max-width: 992px) {
  .sc-about-company__wrapper-img img {
    min-width: unset;
    min-height: unset;
    width: 100%;
  }
}
@media (max-width: 992px) {
  .sc-about-company__wrapper-img img {
    height: 400rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__wrapper-img img {
    height: 200rem;
  }
}
.sc-about-company__white-block {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  width: 100%;
  box-shadow: 10rem 10rem 50rem rgba(0, 0, 0, 0.3);
  border-radius: 10rem;
  padding-top: 52rem;
  padding-bottom: 52rem;
  padding-left: 56rem;
  padding-right: 40rem;
  max-width: 684rem;
  right: -44rem;
  bottom: -582rem;
}
@media (max-width: 1600px) {
  .sc-about-company__white-block {
    bottom: -28vw;
  }
}
@media (max-width: 1440px) {
  .sc-about-company__white-block {
    bottom: -24.3055555556vw;
    right: -3.3333333333vw;
    max-width: 40.2777777778vw;
  }
}
@media (max-width: 992px) {
  .sc-about-company__white-block {
    bottom: -180rem;
    right: -16rem;
    max-width: 540rem;
    padding-top: 24rem;
    padding-bottom: 24rem;
    padding-left: 32rem;
    padding-right: 32rem;
  }
}
@media (max-width: 992px) {
  .sc-about-company__white-block {
    right: unset;
    max-width: unset;
  }
}
@media (max-width: 768px) {
  .sc-about-company__white-block {
    bottom: -320rem;
    padding-top: 20rem;
    padding-bottom: 20rem;
    padding-left: 16rem;
    padding-right: 16rem;
  }
}
.sc-about-company__white-block h3 {
  color: #760493;
}
@media (max-width: 992px) {
  .sc-about-company__white-block h3 {
    font-size: 24rem;
    line-height: 32rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__white-block h3 {
    font-size: 20rem;
    line-height: 28rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__white-block p,
  .sc-about-company__white-block span {
    font-size: 14rem;
    line-height: 20rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__white-block .sc-about-company__wrapper-desc {
    row-gap: 8rem;
  }
}
.sc-about-company__background-violet {
  background-color: #760493;
  padding-top: 80rem;
  padding-bottom: 92rem;
}
@media (max-width: 1600px) {
  .sc-about-company__background-violet {
    padding-top: 4vw;
    padding-bottom: 4.5vw;
  }
}
@media (max-width: 1440px) {
  .sc-about-company__background-violet {
    padding-top: 6.3888888889vw;
    padding-bottom: 5vw;
  }
}
@media (max-width: 992px) {
  .sc-about-company__background-violet {
    padding-top: 172rem;
    padding-bottom: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__background-violet {
    padding-top: 192rem;
    padding-bottom: 40rem;
  }
}
.sc-about-company__background-violet * {
  color: #fff;
}
.sc-about-company__background-violet .sc-about-company__wrapper-desc {
  max-width: 640rem;
}
@media (max-width: 1600px) {
  .sc-about-company__background-violet .sc-about-company__wrapper-desc {
    max-width: 35vw;
  }
}
@media (max-width: 1440px) {
  .sc-about-company__background-violet .sc-about-company__wrapper-desc {
    max-width: 44.4444444444vw;
  }
}
@media (max-width: 992px) {
  .sc-about-company__background-violet .sc-about-company__wrapper-desc {
    max-width: unset;
  }
}
.sc-about-company__content-desc {
  padding-top: 60rem;
}
@media (max-width: 992px) {
  .sc-about-company__content-desc {
    padding-top: 48rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__content-desc {
    padding-top: 36rem;
  }
}
.sc-about-company__content-desc .sc-about-company__container {
  display: flex;
  flex-direction: column;
  row-gap: 58rem;
}
@media (max-width: 1600px) {
  .sc-about-company__content-desc .sc-about-company__container {
    row-gap: 3vw;
  }
}
@media (max-width: 992px) {
  .sc-about-company__content-desc .sc-about-company__container {
    row-gap: 40rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__content-desc .sc-about-company__container {
    row-gap: 20rem;
  }
}
.sc-about-company__wrapper-desc--cover {
  max-width: 798rem;
}
@media (max-width: 1600px) {
  .sc-about-company__wrapper-desc--cover {
    max-width: unset;
  }
}
.sc-about-company__block-gray {
  background-color: #ececec;
  box-shadow: 5rem 5rem 20rem rgba(0, 0, 0, 0.25);
  padding-top: 48rem;
  padding-bottom: 48rem;
  padding-left: 36rem;
  padding-right: 36rem;
  border-radius: 30rem;
}
@media (max-width: 992px) {
  .sc-about-company__block-gray {
    padding-top: 32rem;
    padding-bottom: 32rem;
    padding-left: 24rem;
    padding-right: 24rem;
    margin-top: 12rem;
    margin-bottom: 12rem;
  }
}
@media (max-width: 768px) {
  .sc-about-company__block-gray {
    padding-top: 16rem;
    padding-bottom: 16rem;
    padding-left: 16rem;
    padding-right: 16rem;
    border-radius: 10rem;
    margin-top: 8rem;
    margin-bottom: 8rem;
  }
}
.sc-about-company__block-gray .sc-about-company__selected-text p,
.sc-about-company__block-gray .sc-about-company__selected-text span {
  color: #760493;
}