@charset "UTF-8";
:root {
  --theme-size: 10px;
  --font-primary: "Onest", Arial, sans-serif;
  --color-red: #cc2e27;
  --color-red-hover: #a8241e;
  --color-primary: #cc2e27;
  --color-primary-hover: #a8241e;
  --color-error: #cf2e23;
  --body-bg: #fff;
  --body-color: #4f4e62;
  --x: 0;
  --y: 0;
  --safe-area-inset-top: env(safe-area-inset-top);
  --safe-area-inset-bottom: env(safe-area-inset-bottom);
}

/* ==========================================================================
   Utilites
   ========================================================================== */
/*! 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 */
  border: none;
  border-bottom: 1px solid #D2DBEA;
  margin: 4.8rem 0;
}

/**
* 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 */
  -webkit-text-decoration: underline;
  text-decoration: underline;
  /* 2 */
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
 ========================================================================== */
/**
* Remove the border on images inside links in IE 10.
*/
img {
  border-style: none;
}

/* Forms
 ========================================================================== */
form {
  margin: 0;
}

/**
* 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;
}

/* Defaults
 ========================================================================== */
html, body {
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

picture {
  display: block;
}

img, video, svg {
  max-width: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-ms-clear {
  display: none;
}

button, input, textarea, select {
  border: none;
  background: none;
  padding: 0;
  font-family: inherit;
}

::-moz-selection {
  color: #fff;
  background: #000;
}

::selection {
  color: #fff;
  background: #000;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
          appearance: none;
}

button {
  cursor: pointer;
}

svg {
  max-width: 100%;
}

mark {
  background: none;
  color: #cc2e27;
  color: var(--color-primary);
}

section {
  overflow: hidden;
}

a, button {
  transition: color 0.25s, background 0.25s;
}

a {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #cc2e27;
  color: var(--color-primary);
}
a:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #a8241e;
  color: var(--color-primary-hover);
}

@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Light.woff2") format("woff2"), url("../fonts/Onest-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Regular.woff2") format("woff2"), url("../fonts/Onest-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Medium.woff2") format("woff2"), url("../fonts/Onest-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Onest";
  src: url("../fonts/Onest-Bold.woff2") format("woff2"), url("../fonts/Onest-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
[class^=icon-], [class*=" icon-"] {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

.icon-16x16 {
  width: 1.2rem;
  height: 1.2rem;
}
@media (min-width: 1200px) {
  .icon-16x16 {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.icon-20x20 {
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 1200px) {
  .icon-20x20 {
    width: 2rem;
    height: 2rem;
  }
}

.icon-24x24 {
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 1200px) {
  .icon-24x24 {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.icon-28x28 {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1200px) {
  .icon-28x28 {
    width: 2.8rem;
    height: 2.8rem;
  }
}

@media (min-width: 1200px) {
  .icon-30x30 {
    width: 3rem;
    height: 3rem;
  }
}

.icon-views,
.icon-arrow-target,
.icon-arrow-right {
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 1200px) {
  .icon-views,
  .icon-arrow-target,
  .icon-arrow-right {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.icon-reset {
  width: 1.4rem;
  height: 1.8rem;
  position: relative;
  top: -1px;
}

.icon-home,
.icon-mouse {
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 1200px) {
  .icon-home,
  .icon-mouse {
    width: 2rem;
    height: 2rem;
  }
}

.icon-lock {
  display: block;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1200px) {
  .icon-lock {
    width: 2.2rem;
    height: 2.2rem;
  }
}

.ui-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  gap: 0.8rem;
  padding: 0 2rem;
  border-radius: 1rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
  height: 4.5rem;
  border: 2px solid transparent;
  transition: 0.25s;
}
.ui-btn svg {
  display: block;
}
.ui-btn:active {
  transform: scale(0.95);
  transition: none;
}
@media (min-width: 1200px) {
  .ui-btn {
    gap: 1rem;
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.ui-btn--fullwidth {
  width: 100%;
}

.ui-btn__default {
  display: flex;
  align-items: center;
  gap: inherit;
}

.ui-btn__active {
  display: none;
  align-items: center;
  gap: inherit;
}

.ui-btn--red {
  background: #cc2e27;
  background: var(--color-primary);
  color: #fff;
}
.ui-btn--red:hover {
  background: #a8241e;
  background: var(--color-primary-hover);
  color: #fff;
}
.ui-btn--red:disabled {
  background: #F9E3E7;
  color: #A5AEBE;
  pointer-events: none;
}

.ui-btn--outline {
  border-color: #cc2e27;
  border-color: var(--color-red);
  background: transparent;
  color: #4F4E62;
}
.ui-btn--outline:hover {
  border-color: #a8241e;
  border-color: var(--color-red-hover);
  background: #a8241e;
  background: var(--color-red-hover);
  color: #fff;
}

.ui-btn--favorites {
  border-color: rgba(165, 174, 190, 0.6);
  background: transparent;
  color: #CC2E27;
  width: 4rem;
  height: 4rem;
  padding: 0;
  aspect-ratio: 1/1;
}
.ui-btn--favorites svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.ui-btn--favorites svg path {
  transition: 0.25s;
  fill: transparent;
}
.ui-btn--favorites:hover {
  border-color: #CC2E27;
  color: #CC2E27;
}
.ui-btn--favorites.is-active svg path {
  fill: currentColor;
}

.ui-btn--light {
  background: #F9E3E7;
  color: #CC2E27;
}
.ui-btn--light:hover {
  background: #F8D6DC;
  color: #CC2E27;
}

.ui-btn--white {
  background: #fff;
  color: #4F4E62;
}
.ui-btn--white:hover {
  background: #fff;
  color: #CC2E27;
}
.ui-btn--white:disabled {
  background: #fff;
  color: #A5AEBE;
  pointer-events: none;
}

.ui-btn--dark {
  background: #828B9B;
  color: #fff;
}
.ui-btn--dark:hover {
  background: #4F4E62;
  color: #fff;
}

.ui-btn--grey {
  background: #6B717B;
  color: #fff;
}
.ui-btn--grey:hover {
  background: #4F4E62;
  color: #fff;
}
.ui-btn--grey.ui-btn--outline {
  border-color: rgba(165, 174, 190, 0.6);
  background: transparent;
  color: #828B9B;
}
.ui-btn--grey.ui-btn--outline:hover {
  border-color: #6B717B;
  color: #4F4E62;
}

.ui-btn--lightblue {
  background: #F3F7FC;
  color: #828B9B;
}
.ui-btn--lightblue:hover {
  background: #F8D6DC;
  color: #CC2E27;
}

.ui-btn--lightblue2 {
  background: #EEF3FA;
  color: #CC2E27;
}
.ui-btn--lightblue2:hover {
  background: #F8D6DC;
  color: #CC2E27;
}

.ui-btn--reset {
  height: auto;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  color: #4F4E62;
  gap: 1.4rem;
}
.ui-btn--reset svg {
  color: #CC2E27;
}
.ui-btn--reset:hover {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-btn--reset {
    gap: 1.6rem;
    font-size: 1.8rem;
  }
}

.ui-btn--44x44 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  width: 4rem;
  height: 4rem;
}
@media (min-width: 1200px) {
  .ui-btn--44x44 {
    width: 4.4rem;
    height: 4.4rem;
  }
}

.ui-link {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-link:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.ui-link--underline {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.ui-link--underline:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

.ui-link--white {
  color: #fff;
}
.ui-link--white:hover {
  color: #fff;
}

.ui-link--grey {
  color: #A5AEBE;
}
.ui-link--grey:hover {
  color: #6B717B;
}

.ui-link--dark {
  color: #4F4E62;
}
.ui-link--dark:hover {
  color: #CC2E27;
}

.ui-link--darkgrey {
  color: #6B717B;
}
.ui-link--darkgrey:hover {
  color: #CC2E27;
}

.ui-link--middlegrey {
  color: #828B9B;
}
.ui-link--middlegrey:hover {
  color: #4F4E62;
}

.ui-left {
  margin-left: auto;
}

@keyframes animBadge {
  0% {
    max-width: 0;
    opacity: 0;
    padding: 0;
  }
  10% {
    max-width: 18rem;
    opacity: 1;
    padding: 0 0.6rem 0 0;
  }
  20%, 100% {
    max-width: 0;
    opacity: 0;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  @keyframes animBadge {
    0% {
      max-width: 0;
      opacity: 0;
      padding: 0;
    }
    10% {
      max-width: 18rem;
      opacity: 1;
      padding: 0 0.8rem 0 0;
    }
    20%, 100% {
      max-width: 0;
      opacity: 0;
      padding: 0;
    }
  }
}
.ui-badges {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  height: 2rem;
  min-width: 2rem;
  border-radius: 0.6rem;
}
.ui-badge--violet {
  background: #6562EF;
  color: #fff;
}
.ui-badge--blue {
  background: #899FEE;
  color: #fff;
}
.ui-badge--yellow {
  background: #FFB800;
  color: #fff;
}
.ui-badge--grey {
  background: #A5AEBE;
  color: #fff;
}
.ui-badge--dark {
  background: #4F4E62;
  color: #fff;
}
.ui-badge--red {
  background: #CC2E27;
  color: #fff;
}
.ui-badge--pink {
  background: #FF778E;
  color: #fff;
}
.ui-badge--middlegrey {
  background: #828B9B;
  color: #fff;
}
.ui-badge--green {
  background: #1CC04A;
  color: #fff;
}
.ui-badge--min .ui-badge__text, .ui-badge--20x20 .ui-badge__text {
  max-width: 0;
  padding: 0;
  transition: 0.4s;
  opacity: 0;
  font-weight: 500;
  text-transform: none;
}
@media (hover: none) {
  .ui-badge--min .ui-badge__text, .ui-badge--20x20 .ui-badge__text {
    animation: animBadge 10s infinite;
  }
}
@media (hover: hover) {
  .ui-badge--min:hover .ui-badge__text, .ui-badge--20x20:hover .ui-badge__text {
    padding: 0 0.6rem 0 0;
    max-width: 18rem;
    opacity: 1;
  }
}
@media (hover: hover) and (min-width: 1200px) {
  .ui-badge--min:hover .ui-badge__text, .ui-badge--20x20:hover .ui-badge__text {
    padding: 0 0.8rem 0 0;
  }
}
.ui-badge--large {
  height: 3.8rem;
  padding: 0 1.4rem;
  border-radius: 0.6rem;
  font-size: 2rem;
}
.ui-badge--large .ui-badge__text {
  font-size: inherit;
}
@media (min-width: 1200px) {
  .ui-badge {
    height: 2.6rem;
  }
  .ui-badge--large {
    height: 3.8rem;
    padding: 0 1.4rem;
    border-radius: 0.6rem;
    font-size: 2rem;
  }
}

.ui-badge__icon {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
  margin: 0 0.3rem;
}
.ui-badge__icon + .ui-badge__text {
  padding-left: 0;
}
@media (min-width: 1200px) {
  .ui-badge__icon {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 0.6rem;
  }
}

.ui-badge__text {
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0 0.6rem;
  display: block;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-badge__text {
    font-size: 1.3rem;
    padding: 0 0.8rem;
  }
}

.ui-rating {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.ui-rating[data-rating="0"] .ui-rating__star {
  fill: #D2DBEA;
}
.ui-rating[data-rating="0"] .ui-rating__star:nth-of-type(1) ~ .ui-rating__star {
  display: none;
}
.ui-rating[data-rating="1"] .ui-rating__star {
  color: #FFB800;
}
.ui-rating[data-rating="1"] .ui-rating__star:nth-of-type(1) ~ .ui-rating__star {
  color: #D2DBEA;
}
.ui-rating[data-rating="2"] .ui-rating__star {
  color: #FFB800;
}
.ui-rating[data-rating="2"] .ui-rating__star:nth-of-type(2) ~ .ui-rating__star {
  color: #D2DBEA;
}
.ui-rating[data-rating="3"] .ui-rating__star {
  color: #FFB800;
}
.ui-rating[data-rating="3"] .ui-rating__star:nth-of-type(3) ~ .ui-rating__star {
  color: #D2DBEA;
}
.ui-rating[data-rating="4"] .ui-rating__star {
  color: #FFB800;
}
.ui-rating[data-rating="4"] .ui-rating__star:nth-of-type(4) ~ .ui-rating__star {
  color: #D2DBEA;
}
.ui-rating[data-rating="5"] .ui-rating__star {
  color: #FFB800;
}

.ui-rating__stars {
  display: flex;
  gap: 0.4rem;
}

.ui-rating__star {
  display: block;
  width: 1.7rem;
  height: 1.7rem;
  color: #D2DBEA;
}

.ui-rating__counter {
  display: block;
  position: relative;
  top: 1px;
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-rating__counter {
    font-size: 1.6rem;
  }
}

.form-response-error,
.form-response-loader,
.form-response-success {
  display: block;
  padding: 1rem 0;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .form-response-error,
  .form-response-loader,
  .form-response-success {
    font-size: 1.8rem;
    padding: 2rem 0;
  }
}

.form-response-error {
  color: #B21212;
}

.form-response-loader {
  color: #a5aebe;
}

.form-response-success {
  margin: 0;
  padding: 1.6rem 0;
  font-size: 2rem;
  line-height: 1.35;
  font-weight: 500;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .form-response-success {
    font-size: 2.2rem;
  }
}

.field-error,
.ui-validate {
  display: block;
  padding: 2px 0 0 0;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: left;
  color: rgba(204, 46, 39, 0.7);
}

.ui-warning {
  display: block;
  margin: 0;
  padding: 1rem 0 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #CC2E27;
}
.ui-warning a {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-warning {
    font-size: 1.8rem;
    padding: 2rem 0 0;
  }
}

.ui-legend {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-legend {
    margin: 0 0 4rem;
    font-size: 4rem;
  }
}

.ui-label {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-label {
    font-size: 1.8rem;
  }
}

.ui-range__fromto {
  display: flex;
  justify-content: space-between;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #4F4E62;
  padding: 1.6rem 0 0 0;
}

.ui-period {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2.4rem;
  gap: 2.4rem;
}
.ui-period:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  height: 1px;
  background: #828B9B;
  margin: 0 0 0 -0.6rem;
}
@media (min-width: 1200px) {
  .ui-period {
    gap: 3.6rem;
  }
  .ui-period:before {
    width: 1.6rem;
    margin: 0 0 0 -0.8rem;
  }
}

.ui-field {
  position: relative;
}

.ui-prepend {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 4.6rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  color: #CC2E27;
}
.ui-prepend svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.ui-prepend ~ .ui-input {
  padding-left: 4.6rem;
  padding-right: 1.6rem;
}

.ui-input,
.ui-textarea {
  display: block;
  width: 100%;
  height: 5.2rem;
  border-radius: 1rem;
  box-shadow: none;
  border: 1px solid #D2DBEA;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: right 1.6rem center;
  background-size: 1.2rem 0.9rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  color: #4F4E62;
  transition: 0.25s;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-input::-moz-placeholder, .ui-textarea::-moz-placeholder {
  color: #A5AEBE;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.ui-input::placeholder,
.ui-textarea::placeholder {
  color: #A5AEBE;
  transition: 0.25s;
}
.ui-input:focus,
.ui-textarea:focus {
  border-color: #A5AEBE;
}
.ui-input.is-error,
.ui-textarea.is-error {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%23CC2E27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23CC2E27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ui-input.is-valid,
.ui-textarea.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ui-input:disabled,
.ui-textarea:disabled {
  opacity: 0.4;
}
.ui-input--light,
.ui-textarea--light {
  background-color: #EEF3FA;
  border-color: #EEF3FA;
}
.ui-input--light:focus,
.ui-textarea--light:focus {
  border-color: rgba(165, 174, 190, 0.6);
}
.ui-input--light.is-error,
.ui-textarea--light.is-error {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%236B717B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23CC2E27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ui-input--light.is-valid,
.ui-textarea--light.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%236562EF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (min-width: 1200px) {
  .ui-input,
  .ui-textarea {
    height: 6rem;
    padding: 1.6rem 2.4rem;
    font-size: 1.8rem;
    background-position: right 2.4rem center;
  }
}

.ui-textarea {
  height: 13.2rem;
  resize: none;
}

.ui-symbols {
  display: block;
  padding: 1rem 0 0 0;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 500;
  text-align: right;
}

.ui-checklist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}

.ui-typelist {
  margin: 0 -1rem -2rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.ui-typelist > li {
  padding: 0 1rem 2rem;
  flex: 0 0 50%;
  max-width: 50%;
}
.ui-typelist .ui-check {
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .ui-typelist > li {
    flex: 0 0 auto;
    max-width: none;
  }
}

.ui-check {
  display: inline-flex;
  vertical-align: top;
  align-items: flex-start;
  gap: 1rem;
  cursor: pointer;
}
.ui-check:hover .ui-check__tag,
.ui-check:hover .ui-check__letter {
  background: #F9E3E7;
  color: #CC2E27;
}
.ui-check:hover .ui-check__checkbox svg {
  opacity: 0.3;
}
.ui-check:hover .ui-check__radio:after {
  opacity: 0.3;
}
.ui-check:has(:disabled) {
  pointer-events: none;
  opacity: 0.4;
}
.ui-check:has(.ui-check__call) {
  width: 100%;
}
.ui-check--light .ui-check__input:checked ~ .ui-check__checkbox {
  border-color: #E5EFFF;
  background-color: #E5EFFF;
  color: #6562EF;
}
.ui-check--light .ui-check__checkbox {
  border-color: #E5EFFF;
  background-color: #E5EFFF;
  color: #6562EF;
}
.ui-check--light .ui-check__text {
  color: #6B717B;
}
.ui-check--redlight .ui-check__input:checked ~ .ui-check__checkbox {
  border-color: #F9E3E7;
  background-color: #F9E3E7;
  color: #CC2E27;
}
.ui-check--redlight .ui-check__checkbox {
  border-color: #F9E3E7;
  background-color: #F9E3E7;
  color: #CC2E27;
}
.ui-check--redlight .ui-check__text {
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-check {
    gap: 1.4rem;
  }
}

.ui-check__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.ui-check__input:checked ~ .ui-check__checkbox {
  background: #CC2E27;
  border-color: #CC2E27;
  color: #fff;
}
.ui-check__input:checked ~ .ui-check__checkbox svg {
  opacity: 1;
}
.ui-check__input:checked ~ .ui-check__radio {
  border-color: #CC2E27;
  color: #CC2E27;
}
.ui-check__input:checked ~ .ui-check__radio:after {
  opacity: 1;
}
.ui-check__input:checked ~ .ui-check__switch {
  background: #CC2E27;
}
.ui-check__input:checked ~ .ui-check__switch:before {
  transform: translate(1.6rem, 0);
}
@media (min-width: 1200px) {
  .ui-check__input:checked ~ .ui-check__switch:before {
    transform: translate(2.4rem, 0);
  }
}
.ui-check__input:checked ~ .ui-check__card .ui-check__card-radio {
  border-color: #CC2E27;
}
.ui-check__input:checked ~ .ui-check__card .ui-check__card-radio:after {
  opacity: 1;
}
.ui-check__input:checked ~ .ui-check__card .ui-check__card-collapse {
  display: block;
}
.ui-check__input:checked ~ .ui-check__tag {
  background: #CC2E27;
  color: #fff;
}
.ui-check__input:checked ~ .ui-check__tag .ui-check__tag-cancel {
  display: block;
}
.ui-check__input:checked ~ .ui-check__call .ui-check__checkbox {
  background: #CC2E27;
  border-color: #CC2E27;
  color: #fff;
}
.ui-check__input:checked ~ .ui-check__call .ui-check__checkbox svg {
  opacity: 1;
}
.ui-check__input:checked ~ .ui-check__city {
  background: #CC2E27;
  color: #fff;
}
.ui-check__input:checked ~ .ui-check__type {
  border-color: #CC2E27;
  box-shadow: 0 0 0 1px #CC2E27;
  background: transparent;
}
.ui-check__input:checked ~ .ui-check__letter {
  background: #CC2E27;
  color: #fff;
}
.ui-check__input:checked ~ .ui-check__badge .ui-check__checkbox {
  background: #CC2E27;
  border-color: #CC2E27;
  color: #fff;
}
.ui-check__input:checked ~ .ui-check__badge .ui-check__checkbox svg {
  opacity: 1;
}
.ui-check__input.is-error ~ .ui-check__checkbox, .ui-check__input.is-error ~ .ui-check__radio {
  border-color: rgba(204, 46, 39, 0.7);
}

.ui-check__badge {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
  background: #fff;
  color: #4F4E62;
  padding: 1rem 1.2rem;
  border-radius: 1rem;
}
@media (min-width: 1200px) {
  .ui-check__badge {
    gap: 1.8rem;
    align-items: flex-start;
    padding: 1.6rem 1.8rem;
  }
}

.ui-check__letter {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 1rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  background: #F3F7FC;
  color: #6B717B;
  transition: 0.25s;
}
@media (min-width: 1200px) {
  .ui-check__letter {
    width: 100%;
    height: 6rem;
    font-size: 2.2rem;
    padding: 0 1rem;
  }
}

.ui-check__type {
  flex: 1;
  display: flex;
  align-items: flex-start;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  padding: 1.6rem;
  gap: 1.6rem;
  color: #6B717B;
  transition: 0.25s;
  min-height: 100%;
}
.ui-check__type:hover {
  background: #F3F7FC;
}
@media (min-width: 1200px) {
  .ui-check__type {
    padding: 2rem;
  }
}

.ui-check__type-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
}
.ui-check__type-icon img, .ui-check__type-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .ui-check__type-icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-check__type-label {
  display: block;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 400;
}
@media (min-width: 768px) {
  .ui-check__type-label br {
    display: none;
  }
}
@media (min-width: 1200px) {
  .ui-check__type-label {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
  }
  .ui-check__type-label br {
    display: block;
  }
}

.ui-check__city {
  display: flex;
  align-items: center;
  height: 2.6rem;
  padding: 0 1rem;
  border-radius: 0.4rem;
  transition: 0.25s;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  background: #F3F7FC;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-check__city {
    height: 2.8rem;
    font-size: 1.6rem;
  }
}

.ui-check__call {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #6B717B;
  flex: 1;
}
@media (min-width: 1200px) {
  .ui-check__call {
    padding: 1.2rem 1.2rem 1.2rem 2.4rem;
    min-height: 6rem;
    border-radius: 1rem;
    border: 1px solid #D2DBEA;
    gap: 1.4rem;
  }
}

.ui-check__switch {
  display: block;
  width: 4rem;
  height: 2.4rem;
  border-radius: 3rem;
  background: rgba(165, 174, 190, 0.3);
  position: relative;
  cursor: pointer;
}
.ui-check__switch:before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 50%;
  transition: 0.25s;
}
@media (min-width: 1200px) {
  .ui-check__switch {
    width: 6.4rem;
    height: 3.8rem;
  }
  .ui-check__switch:before {
    width: 3.2rem;
    height: 3.2rem;
    top: 0.3rem;
    left: 0.3rem;
  }
}

.ui-check__tag {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  background: #F3F7FC;
  color: #4F4E62;
  transition: 0.25s;
  padding: 0 1.4rem;
  height: 3.4rem;
  border-radius: 3rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  cursor: pointer;
  pointer-events: none;
  gap: 0.8rem;
}
.ui-check__tag:hover {
  background: #F9E3E7;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-check__tag {
    font-size: 2.2rem;
    height: 5.6rem;
    padding: 0 2.8rem;
    gap: 1.2rem;
  }
}

.ui-check__tag-cancel {
  display: none;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .ui-check__tag-cancel {
    width: 2rem;
    height: 2rem;
  }
}

.ui-check__checkbox {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  border-radius: 0.6rem;
  background: transparent;
  position: relative;
  border: 2px solid rgba(165, 174, 190, 0.7);
  color: #CC2E27;
  transition: 0.25s;
}
.ui-check__checkbox svg {
  display: block;
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 2px + 2px);
  height: calc(100% + 2px + 2px);
  max-width: none;
  transition: 0.25s;
  opacity: 0;
  max-width: none;
}

.ui-check__radio {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: transparent;
  position: relative;
  border: 2px solid rgba(165, 174, 190, 0.7);
  color: #CC2E27;
  transition: 0.25s;
}
.ui-check__radio:after {
  content: "";
  display: block;
  position: absolute;
  top: 20%;
  left: 20%;
  width: 60%;
  height: 60%;
  margin: 0;
  transition: 0.25s;
  opacity: 0;
  max-width: none;
  background: currentColor;
  border-radius: 50%;
}

.ui-check__text {
  display: block;
  font-size: 1.6rem;
  line-height: 1.8rem;
  font-weight: 400;
  padding: 0.3rem 0;
}
.ui-check__text--small {
  font-size: 1.3rem;
}
@media (min-width: 1200px) {
  .ui-check__text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 0;
  }
  .ui-check__text--small {
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 400;
    padding: 0.3rem 0;
  }
}

.ui-check__card {
  display: block;
  border-radius: 2rem;
  border: 1px solid #D2DBEA;
  padding: 1.6rem;
  position: relative;
  flex: 1;
  min-height: 100%;
}
.ui-check__card:hover .ui-check__card-radio:after {
  opacity: 0.2;
}
@media (min-width: 1200px) {
  .ui-check__card {
    padding: 2.8rem 2.8rem 2.8rem 11.6rem;
  }
  .ui-check__card:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 8.8rem;
    bottom: 0;
    border-left: 1px solid #D2DBEA;
  }
}

.ui-check__card-primary {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-check__card-primary {
    gap: 2rem;
  }
}

.ui-check__card-radio {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border: 2px solid rgba(165, 174, 190, 0.7);
  border-radius: 50%;
  position: relative;
  transition: 0.25s;
}
.ui-check__card-radio:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.4rem;
  height: 1.4rem;
  margin: -0.7rem 0 0 -0.7rem;
  background: #CC2E27;
  transition: 0.25s;
  opacity: 0;
  border-radius: inherit;
}
@media (min-width: 1200px) {
  .ui-check__card-radio {
    position: absolute;
    top: 50%;
    left: 3.2rem;
    margin: -1.2rem 0 0 0;
  }
}

.ui-check__card-title {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-check__card-title {
    font-size: 2.2rem;
  }
}

.ui-check__card-price {
  display: block;
  flex: 0 0 auto;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-check__card-price {
    font-size: 2.2rem;
  }
}

.ui-check__card-desc {
  display: block;
  padding: 1.6rem 0 0;
  flex: 0 0 100%;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  position: relative;
}
.ui-check__card-desc:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  right: -1.6rem;
  border-top: 1px solid #D2DBEA;
}
.ui-check__card-desc p {
  margin: 0 0 1.2rem;
}
.ui-check__card-desc p:last-child {
  margin: 0;
}
.ui-check__card-desc b {
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-check__card-desc {
    font-size: 1.8rem;
    padding: 0;
  }
  .ui-check__card-desc:before {
    display: none;
  }
}

.ui-check__card-collapse {
  display: none;
  padding: 2rem 0 0 0;
}
.ui-check__card-collapse .row {
  margin: 0 -0.5rem -2rem;
}
.ui-check__card-collapse .row > [class^=col] {
  padding: 0 0.5rem 2rem;
}
.ui-check__card-collapse > .ui-warning {
  padding: 0;
}
@media (min-width: 1200px) {
  .ui-check__card-collapse .row {
    margin: 0 -1.6rem -2rem;
  }
  .ui-check__card-collapse .row > [class^=col] {
    padding: 0 1.6rem 2rem;
  }
  .ui-check__card-collapse .row > [class^=col-xl-auto], .ui-check__card-collapse .row > [class*=" col-xl-auto"] {
    width: 19.2rem;
  }
}

.ui-delivery {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.ui-delivery .ui-check {
  display: flex;
}
@media (min-width: 1200px) {
  .ui-delivery {
    gap: 3rem;
  }
  .ui-delivery .ui-warning {
    width: 250%;
  }
}

.ui-payments {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.ui-payments .ui-check {
  display: flex;
  height: 100%;
}
@media (min-width: 768px) {
  .ui-payments {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (min-width: 1200px) {
  .ui-payments {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
}

.ui-placeholder {
  position: relative;
  margin: 0;
  height: 5.2rem;
}
.ui-placeholder:has(.is-open) .ui-placeholder__label, .ui-placeholder:has(.has-selected) .ui-placeholder__label {
  transform: scale(0.625) translate(0, -45%);
}
.ui-placeholder:has(:disabled) {
  pointer-events: none;
  opacity: 0.4;
}
.ui-placeholder--white .ui-placeholder__input, .ui-placeholder--white .ui-placeholder__textarea {
  border-color: transparent;
}
.ui-placeholder--light .ui-placeholder__input, .ui-placeholder--light .ui-placeholder__textarea {
  background-color: #EEF3FA;
  border-color: #EEF3FA;
}
.ui-placeholder.is-password-visible .ui-placeholder__visibility svg:nth-of-type(1) {
  opacity: 1;
}
.ui-placeholder.is-password-visible .ui-placeholder__visibility svg:nth-of-type(2) {
  opacity: 0;
}
.ui-placeholder:has(.is-error) .ui-placeholder__input, .ui-placeholder:has(.is-error) .ui-placeholder__textarea {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%23CC2E27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23CC2E27' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ui-placeholder:has(.is-valid) .ui-placeholder__input, .ui-placeholder:has(.is-valid) .ui-placeholder__textarea {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ui-placeholder:has(.ui-placeholder__visibility) .ui-placeholder__input, .ui-placeholder:has(.ui-placeholder__visibility) .ui-placeholder__textarea {
  background-position: right 4.8rem center;
}
.ui-placeholder:has(.ui-placeholder__prepend) .ui-placeholder__label,
.ui-placeholder:has(.ui-placeholder__prepend) .ui-placeholder__input,
.ui-placeholder:has(.ui-placeholder__prepend) .ui-placeholder__textarea {
  padding-left: 4.6rem;
  transform-origin: 4.6rem center;
}
@media (min-width: 1200px) {
  .ui-placeholder:has(.ui-placeholder__prepend) .ui-placeholder__label,
  .ui-placeholder:has(.ui-placeholder__prepend) .ui-placeholder__input,
  .ui-placeholder:has(.ui-placeholder__prepend) .ui-placeholder__textarea {
    padding-left: 5.6rem;
    transform-origin: 5.6rem center;
  }
}
.ui-placeholder:has(.ui-placeholder__textarea) {
  height: auto;
}
.ui-placeholder:has(.ui-placeholder__field) {
  height: auto;
  background: #fff;
  border: 1px solid transparent;
  border-radius: 1rem;
  transition: 0.4s;
}
.ui-placeholder:has(.ui-placeholder__field) .ui-placeholder__input, .ui-placeholder:has(.ui-placeholder__field) .ui-placeholder__textarea {
  border-color: transparent;
  background-color: transparent;
}
.ui-placeholder:has(.ui-placeholder__field):has(:focus) {
  border-color: #A5AEBE;
}
.ui-placeholder:has(.ui-placeholder__input:not(:-moz-placeholder-shown), .ui-placeholder__textarea:not(:-moz-placeholder-shown)) .ui-placeholder__action {
  display: flex;
}
.ui-placeholder:has(.ui-placeholder__input:not(:placeholder-shown), .ui-placeholder__textarea:not(:placeholder-shown)) .ui-placeholder__action {
  display: flex;
}
.ui-placeholder:has(.ui-placeholder__field .is-error) {
  border-color: rgba(204, 46, 39, 0.7);
}
.ui-placeholder:has(.ui-placeholder__field .is-error) .ui-placeholder__action {
  display: none !important;
}
.ui-placeholder:has(.ui-placeholder__field .is-success) .ui-placeholder__input, .ui-placeholder:has(.ui-placeholder__field .is-success) .ui-placeholder__textarea {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1.5C13.125 1.5 16.5 4.875 16.5 9C16.5 13.125 13.125 16.5 9 16.5C4.87503 16.5 1.5 13.125 1.5 9C1.5 4.87503 4.87503 1.50004 9 1.5ZM12.7256 6.59668C12.4485 6.28927 11.9747 6.2643 11.667 6.54102L7.96191 9.87402L6.35352 8.31543C6.0561 8.02727 5.58122 8.03471 5.29297 8.33203C5.00473 8.62942 5.0113 9.10428 5.30859 9.39258L7.42188 11.4395C7.70501 11.7138 8.1522 11.7226 8.44531 11.459L12.6699 7.65625C12.9778 7.37915 13.0027 6.90455 12.7256 6.59668Z' fill='%231CC04A'/%3E%3C/svg%3E%0A");
  background-size: 1.8rem 1.8rem;
}
.ui-placeholder:has(.ui-placeholder__field .is-success) .ui-placeholder__action {
  display: none !important;
}
@media (min-width: 1200px) {
  .ui-placeholder {
    height: 6rem;
  }
}

.ui-placeholder__field {
  position: relative;
  height: 5.2rem;
}
@media (min-width: 1200px) {
  .ui-placeholder__field {
    height: 6rem;
  }
}

.ui-placeholder__action {
  display: none;
  padding: 0 1.6rem 1.6rem;
  position: relative;
  z-index: 100;
  pointer-events: none;
}
.ui-placeholder__action .ui-btn {
  width: 100%;
  height: 3.5rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  padding: 0 1.6rem;
  border-radius: 0.8rem;
  pointer-events: auto;
}
@media (min-width: 768px) {
  .ui-placeholder__action {
    position: absolute;
    top: 0;
    right: 0.8rem;
    height: 100%;
    align-items: center;
    padding: 0;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ui-placeholder__action .ui-btn {
    height: 4.4rem;
  }
}

.ui-placeholder__prepend {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.6rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  pointer-events: none;
  color: #828B9B;
}
@media (min-width: 1200px) {
  .ui-placeholder__prepend {
    width: 5.6rem;
  }
}

.ui-placeholder__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  pointer-events: none;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  color: #4F4E62;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 300;
  opacity: 0.7;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: transform 0.25s, color 0.25s;
  transform-origin: 1.6rem center;
}
@media (min-width: 1200px) {
  .ui-placeholder__label {
    font-size: 1.8rem;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    transform-origin: 2.4rem center;
  }
}

.ui-placeholder__visibility {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: inherit;
  aspect-ratio: 1/1;
  transition: 0.25s;
  color: #A5AEBE;
}
.ui-placeholder__visibility:hover {
  color: #4F4E62;
}
.ui-placeholder__visibility svg {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1rem 0 0 -1rem;
  transition: opacity 0.25s;
}
.ui-placeholder__visibility svg:nth-of-type(1) {
  opacity: 0;
}
.ui-placeholder__visibility svg:nth-of-type(2) {
  opacity: 1;
}

.ui-placeholder__input, .ui-placeholder__textarea {
  display: block;
  width: 100%;
  background-color: #fff;
  background-position: right 2.4rem center;
  background-repeat: no-repeat;
  background-size: 0.9rem 0.9rem;
  border: 1px solid #D2DBEA;
  padding: 1.6rem 4.8rem 0.8rem 1.6rem;
  transition: 0.25s;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #4F4E62;
  height: inherit;
  border-radius: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.ui-placeholder__input::-moz-placeholder, .ui-placeholder__textarea::-moz-placeholder {
  color: transparent;
}
.ui-placeholder__input::placeholder, .ui-placeholder__textarea::placeholder {
  color: transparent;
}
.ui-placeholder__input:focus, .ui-placeholder__textarea:focus {
  border-color: #A5AEBE;
}
.ui-placeholder__input:not(:-moz-placeholder-shown) ~ .ui-placeholder__label, .ui-placeholder__textarea:not(:-moz-placeholder-shown) ~ .ui-placeholder__label {
  transform: scale(0.625) translate(0, -45%);
}
.ui-placeholder__input:focus ~ .ui-placeholder__label, .ui-placeholder__textarea:focus ~ .ui-placeholder__label, .ui-placeholder__input:not(:placeholder-shown) ~ .ui-placeholder__label, .ui-placeholder__textarea:not(:placeholder-shown) ~ .ui-placeholder__label {
  transform: scale(0.625) translate(0, -45%);
}
.ui-placeholder__input.is-error, .is-error.ui-placeholder__textarea {
  border-color: rgba(204, 46, 39, 0.7);
}
@media (min-width: 1200px) {
  .ui-placeholder__input, .ui-placeholder__textarea {
    font-size: 1.8rem;
    padding-left: 2.4rem;
    padding-right: 4.8rem;
  }
}

.ui-placeholder__textarea {
  transition: box-shadow 0.25s;
  max-width: 100%;
  min-height: 11.2rem;
  height: auto;
  resize: none;
  padding-top: 2.4rem;
  padding-bottom: 1.6rem;
}
.ui-placeholder__textarea ~ .ui-placeholder__label {
  height: 6rem;
}
@media (min-width: 1200px) {
  .ui-placeholder__textarea {
    min-height: 13.2rem;
  }
}

.ui-placeholder__symbols {
  display: block;
  padding: 1rem 0 0;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 500;
  text-align: right;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-placeholder__symbols {
    font-size: 1.4rem;
  }
}

.ui-placeholder__select .choices {
  padding-top: 1.2rem;
}
.ui-placeholder__select + .ui-placeholder__label {
  z-index: 700;
}

.ui-quantity {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .ui-quantity {
    font-size: 1.8rem;
  }
}

.ui-filter-handler {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
.ui-filter-handler svg {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  color: #6B717B;
}
.ui-filter-handler:hover {
  color: #cc2e27;
  color: var(--color-red);
}

.ui-view {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .ui-view {
    gap: 2rem;
  }
}

.ui-view__text {
  display: none;
}
@media (min-width: 1200px) {
  .ui-view__text {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
    color: #A5AEBE;
    margin: 0 1rem 0 0;
  }
}

.ui-view__check {
  display: block;
  position: relative;
}

.ui-view__check-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
.ui-view__check-input:checked ~ .ui-view__check-btn {
  color: #CC2E27;
}

.ui-view__check-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: #A5AEBE;
  transition: 0.25s;
  cursor: pointer;
}
.ui-view__check-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-view__check-btn:hover {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-view__check-btn {
    width: 3rem;
    height: 3rem;
  }
}

.ui-select select {
  width: 100%;
}

.is-loading .ui-loading {
  opacity: 1;
  visibility: visible;
}

.ui-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.ui-loading:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  border: 2px solid #cc2e27;
  border: 2px solid var(--color-red);
  border-right-color: transparent;
  margin: -1.6rem 0 0 -1.6rem;
  animation: spin 0.4s infinite linear;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ui-code {
  display: block;
  margin: 1.6rem 0 0 0;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  color: #fff;
  background: #828B9B;
  padding: 1.6rem;
  border-radius: 1rem;
}

.ui-control {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.ui-control .ui-btn {
  width: 100%;
}

.ui-caption {
  display: block;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 500;
  color: #A5AEBE;
}

.ui-helper {
  display: block;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 500;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-helper {
    font-size: 1.4rem;
  }
}

.ui-additional {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 500;
  color: #A5AEBE;
  margin: 0 0 3.2rem;
}
.ui-additional:last-child {
  margin-bottom: 0;
}
.ui-additional .row {
  align-items: center;
}
.ui-additional .form-response-error {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media (min-width: 1200px) {
  .ui-additional {
    font-size: 1.4rem;
  }
}

.ui-tags {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.ui-group {
  background: #F3F7FC;
  border: 1px solid transparent;
  border-radius: 1rem;
  padding: 1.6rem;
}
.ui-group.is-error {
  border-color: rgba(204, 46, 39, 0.7);
}
@media (min-width: 1200px) {
  .ui-group {
    padding: 1.6rem 2.4rem;
  }
}

.ui-group__label {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #A5AEBE;
}

.ui-group__member {
  display: block;
  margin: -0.8rem 0 0 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .ui-group__member {
    font-size: 1.8rem;
  }
}

.ui-group__checklist {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem 2.4rem;
}

.ui-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  gap: 0.8rem 1.6rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-price {
    font-size: 1.8rem;
  }
}

.ui-price__label {
  display: block;
  flex: 1;
}

.ui-price__value {
  display: block;
  flex: 0 0 auto;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-price__value {
    font-size: 2.2rem;
  }
}

.ui-vote {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1rem;
  transition: 0.25s;
  transform-origin: left center;
}
.ui-vote:has(.ui-vote__input:checked) {
  transform: scale(0.75);
}
.ui-vote:has(.ui-vote__input:checked) .ui-vote__item {
  color: #FFB800;
}
.ui-vote:has(.ui-vote__input:checked) .ui-vote__item:has(.ui-vote__input:checked) ~ .ui-vote__item {
  color: #D2DBEA;
}
.ui-vote:has(.ui-vote__item:hover) .ui-vote__item {
  color: #FFB800;
}
.ui-vote:has(.ui-vote__item:hover) .ui-vote__item:hover ~ .ui-vote__item {
  color: #D2DBEA;
}
@media (min-width: 992px) {
  .ui-vote {
    transform-origin: right top;
  }
}

.ui-vote__item {
  width: 3rem;
  height: 3rem;
  position: relative;
  color: #D2DBEA;
  cursor: pointer;
  transition: color 0.25s;
}
.ui-vote__item:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  right: -0.5rem;
  bottom: -0.5rem;
  border-radius: 0.5rem;
}
.ui-vote__item:hover {
  color: #FFB800;
}
@media (min-width: 1200px) {
  .ui-vote__item {
    width: 4rem;
    height: 4rem;
  }
}

.ui-vote__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.ui-vote__star {
  display: block;
  width: 100%;
  height: 100%;
}

.ui-upload-area.is-active .ui-upload-area__desc {
  display: none;
}

.ui-upload-area__label {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-upload-area__label {
    font-size: 1.8rem;
  }
}

.ui-upload-area__wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 1rem;
  gap: 1rem;
}
.ui-upload-area__wrapper > * {
  min-width: 0;
}
@media (min-width: 768px) {
  .ui-upload-area__wrapper {
    gap: 1.6rem;
    grid-template-columns: repeat(8, minmax(0, 12rem));
  }
}
.ui-upload-area__preview {
  margin: 0;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 85/74;
  position: relative;
  background: #F3F7FC;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-upload-area__preview {
    aspect-ratio: 120/104;
  }
}

.ui-upload-area__preview-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-upload-area__preview-image img, .ui-upload-area__preview-image video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.ui-upload-area__preview-image svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0 -1.5rem;
  z-index: 50;
}

.ui-upload-area__preview-delete {
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  border-radius: 50%;
  background: #fff;
  color: #CC2E27;
}
.ui-upload-area__preview-delete svg {
  display: block;
  width: 100%;
  height: 100%;
}

.ui-upload-area__handler {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  aspect-ratio: 85/74;
  border-radius: 1rem;
  position: relative;
  border: 1px dashed #A5AEBE;
  color: #CC2E27;
  cursor: pointer;
  transition: 0.25s;
}
.ui-upload-area__handler:hover {
  border-color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-upload-area__handler {
    aspect-ratio: 120/104;
  }
}

.ui-upload-area__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.ui-upload-area__icon {
  display: block;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1.5rem 0 0 -1.5rem;
  cursor: pointer;
}

.ui-upload-area__desc {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  align-self: center;
  grid-column: 2/-1;
  padding: 0 0 0 1rem;
}
.ui-upload-area__desc p {
  margin: 0 0 1rem;
}
.ui-upload-area__desc p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .ui-upload-area__desc {
    font-size: 1.8rem;
  }
}

.ui-upload-area__files {
  display: none;
}

.ui-search {
  position: relative;
}

.ui-search__input {
  display: block;
  width: 100%;
  height: 5.2rem;
  padding: 0 6rem 0 1.6rem;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  color: #4F4E62;
  transition: 0.25s;
}
.ui-search__input::-moz-placeholder {
  color: #A5AEBE;
}
.ui-search__input::placeholder {
  color: #A5AEBE;
}
.ui-search__input:focus {
  border-color: #A5AEBE;
}
.ui-search__input:focus::-moz-placeholder {
  border-color: rgba(107, 113, 123, 0.7);
}
.ui-search__input:focus::placeholder {
  border-color: rgba(107, 113, 123, 0.7);
}
.ui-search__input:focus ~ .ui-search__btn {
  color: #CC2E27;
}
.ui-search__input:focus ~ .ui-search__btn:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .ui-search__input {
    font-size: 1.8rem;
    padding-left: 1.8rem;
  }
}

.ui-search__btn {
  position: absolute;
  top: 50%;
  right: 0.8rem;
  margin: -1.8rem 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 0.8rem;
  transition: 0.25s;
  background: #EEF3FA;
  color: #828B9B;
}
.ui-search__btn svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-search__btn:hover {
  background: #CC2E27;
  color: #fff;
}

.ui-share {
  position: relative;
}
.ui-share.is-open .ui-share__dropdown {
  opacity: 1;
  visibility: visible;
}

.ui-share__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 1rem;
  background: #fff;
  color: #6B717B;
}
.ui-share__toggle svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.ui-share__toggle:hover {
  color: #CC2E27;
}

.ui-share__dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 500;
  min-width: 17.2rem;
  padding: 1.6rem;
  border-radius: 1rem;
  background: #fff;
  margin: 1.6rem 0 0 0;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}

.ui-share__label {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: center;
  color: #4F4E62;
}

.ui-share__social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
}
.ui-share__social svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
.ui-share__social a {
  display: block;
  color: #A5AEBE;
  opacity: 0.5;
  transition: 0.25s;
}
.ui-share__social a:hover {
  color: #A5AEBE;
  opacity: 1;
}

.ui-descr {
  display: none;
  color: #A5AEBE;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
}
@media (min-width: 768px) {
  .ui-descr {
    display: block;
  }
}

.ui-social {
  margin: 0;
}
.ui-social dt {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  color: rgb(79, 78, 98);
}
.ui-social dd {
  margin: 0 0 3.2rem;
}
.ui-social *:last-child {
  margin-bottom: 0;
}

.ui-social__menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.6rem;
}

.ui-social__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background: #EEF3FA;
  color: #A5AEBE;
}
.ui-social__link svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-social__link path {
  transition: 0.4s;
}
.ui-social__link path:nth-child(1) {
  opacity: 1;
}
.ui-social__link path:nth-child(2) {
  opacity: 0;
}
.ui-social__link:hover path:nth-child(1) {
  opacity: 0;
}
.ui-social__link:hover path:nth-child(2) {
  opacity: 1;
}

.ui-tooltip {
  display: inline-flex;
  vertical-align: middle;
  position: relative;
  top: -1px;
  gap: 1.2rem;
  cursor: pointer;
}
.ui-tooltip:hover .ui-tooltip__icon {
  color: #4F4E62;
}
.ui-tooltip__icon {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  color: #A5AEBE;
  transition: 0.25s;
}
@media (min-width: 1200px) {
  .ui-tooltip__icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-tooltip__content {
  display: none;
}

.ui-tooltip__write-us {
  text-align: center;
  color: #6B717B;
}
.ui-tooltip__write-us a {
  color: #6B717B;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.ui-tooltip__write-us a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4F4E62;
}

.ui-addmore {
  margin: 0 0 3rem;
  padding: 1.8rem;
  border-radius: 2rem;
  background: #F3F7FC;
  display: grid;
  grid-template-columns: 2.6rem 1fr;
  grid-template-areas: "icon text" "buttons buttons";
  grid-gap: 0 1.6rem;
  gap: 0 1.6rem;
  align-items: center;
}
@media (min-width: 992px) {
  .ui-addmore {
    grid-template-columns: 2.6rem 1fr auto;
    grid-template-areas: "icon text buttons";
  }
}
@media (min-width: 1200px) {
  .ui-addmore {
    padding: 3.2rem;
    gap: 0 3.2rem;
    grid-template-columns: 4rem 1fr auto;
    grid-template-areas: "icon text buttons";
  }
}

.ui-addmore__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.6rem;
  height: 2.6rem;
  margin: 0 0 2.4rem;
  grid-area: icon;
}
.ui-addmore__icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 992px) {
  .ui-addmore__icon {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ui-addmore__icon {
    width: 4rem;
    height: 4rem;
    margin: 0;
  }
}

.ui-addmore__text {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  grid-area: text;
}
@media (min-width: 992px) {
  .ui-addmore__text {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ui-addmore__text {
    margin: 0;
    font-size: 2.2rem;
  }
}

.ui-addmore__buttons {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  grid-area: buttons;
}
.ui-addmore__buttons .ui-btn {
  height: 4.5rem;
  font-size: 1.6rem;
}
.ui-addmore__buttons .ui-btn--white {
  color: #CC2E27;
}
.ui-addmore__buttons .ui-btn--white:hover {
  color: #4F4E62;
}
@media (min-width: 992px) {
  .ui-addmore__buttons {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .ui-addmore__buttons {
    display: flex;
    gap: 2.4rem;
  }
  .ui-addmore__buttons .ui-btn {
    height: 5.6rem;
    font-size: 1.8rem;
    min-width: 20rem;
  }
}

.ui-bonuses {
  padding: 1.8rem;
  border-radius: 2rem;
  background: #F3F7FC;
}
.ui-bonuses.is-active .ui-btn--white {
  color: #4F4E62;
}
.ui-bonuses.is-active .ui-btn--white:hover {
  color: #CC2E27;
}
.ui-bonuses.is-active .ui-btn__default {
  display: none;
}
.ui-bonuses.is-active .ui-btn__active {
  display: flex;
}
.ui-bonuses.is-active .ui-bonuses__info {
  display: flex;
}
@media (min-width: 1200px) {
  .ui-bonuses {
    padding: 3rem 3.2rem;
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
  }
}

.ui-bonuses__text {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.ui-bonuses__text b {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-bonuses__text {
    margin: 0;
    font-size: 2.2rem;
    flex: 1;
    display: flex;
    align-items: center;
    min-height: 6rem;
  }
}

.ui-bonuses__data {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .ui-bonuses__data {
    gap: 3rem;
  }
}

.ui-bonuses__control {
  display: grid;
  grid-template-columns: 1fr;
}
.ui-bonuses__control .ui-placeholder {
  max-width: 100%;
  margin: 0 0 2rem;
}
.ui-bonuses__control .ui-placeholder__input, .ui-bonuses__control .ui-placeholder__textarea {
  background: rgba(165, 174, 190, 0.1);
  border-color: transparent;
}
.ui-bonuses__control .ui-placeholder__input:focus, .ui-bonuses__control .ui-placeholder__textarea:focus {
  border-color: rgba(165, 174, 190, 0.5);
}
.ui-bonuses__control .ui-range {
  max-width: 100%;
  margin: 0 0 2rem;
}
.ui-bonuses__control .ui-btn--white {
  color: #CC2E27;
}
.ui-bonuses__control .ui-btn--white:hover {
  color: #4F4E62;
}
@media (min-width: 768px) {
  .ui-bonuses__control {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "input range" "button button";
    gap: 0 2rem;
    align-items: center;
  }
  .ui-bonuses__control .ui-placeholder {
    grid-area: input;
  }
  .ui-bonuses__control .ui-range {
    grid-area: range;
  }
  .ui-bonuses__control .ui-btn {
    grid-area: button;
  }
}
@media (min-width: 1200px) {
  .ui-bonuses__control {
    display: flex;
    align-items: center;
    gap: 4rem;
  }
  .ui-bonuses__control .ui-placeholder {
    width: 29.8rem;
    margin: 0;
  }
  .ui-bonuses__control .ui-range {
    width: 25.6rem;
    margin: 0;
    padding: 1rem 0 0 0;
  }
  .ui-bonuses__control .ui-btn {
    width: 15.6rem;
  }
}

.ui-bonuses__info {
  background: #fff;
  border-radius: 1rem;
  padding: 1.6rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  display: none;
}
@media (min-width: 1200px) {
  .ui-bonuses__info {
    padding: 1.6rem 2.4rem;
  }
}

.ui-bonuses__info-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
}

.ui-bonuses__info-desc {
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #828B9B;
}
.ui-bonuses__info-desc b {
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-bonuses__info-desc {
    display: grid;
    grid-template-columns: 1fr auto;
  }
}

.ui-bonuses__info-text {
  display: block;
  margin: 0 0 1rem;
  opacity: 0.8;
}
@media (min-width: 1200px) {
  .ui-bonuses__info-text {
    margin: 0;
  }
}

.ui-bonuses__info-cancel {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #cc2e27;
  color: var(--color-red);
  white-space: nowrap;
}
.ui-bonuses__info-cancel:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #a8241e;
  color: var(--color-red-hover);
}

.ui-card-v {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
  color: #4F4E62;
  flex: 1;
}
.ui-card-v:hover {
  color: #4F4E62;
}
.ui-card-v:hover .ui-card-v__title a {
  color: #828B9B;
}
.ui-card-v.is-lock .ui-card-v__price {
  filter: blur(0.6rem);
  pointer-events: none;
}
.ui-card-v.is-lock .ui-card-v__addticart .ui-btn,
.ui-card-v.is-lock .ui-card-v__btn {
  border-color: #6B717B;
  color: #6B717B;
}
.ui-card-v.is-lock .ui-card-v__addticart .ui-btn:hover,
.ui-card-v.is-lock .ui-card-v__btn:hover {
  border-color: #6B717B;
  background: #6B717B;
  color: #fff;
}
.ui-card-v.is-lock .ui-card-list__profi {
  pointer-events: none;
}
.ui-card-v.--book .ui-card-v__area {
  background-color: #F3F7FC;
}
.ui-card-v__area {
  border-radius: 1rem;
  border: 1px solid #D2DBEA;
  aspect-ratio: 290/280;
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 0 1.8rem;
  overflow: hidden;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .ui-card-v__area {
    aspect-ratio: 332/320;
    margin: 0 0 2rem;
    border-radius: 1.6rem;
  }
}

.ui-card-v__badges {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 100;
  line-height: 1;
}
.ui-card-v__badges > li {
  margin: 0 0 0.8rem;
}
.ui-card-v__badges > li:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .ui-card-v__badges {
    top: 1.2rem;
    left: 1.2rem;
  }
}

.ui-card-v__favorites {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 100;
  width: 2.4rem;
  height: 2.4rem;
  color: #A5AEBE;
}
.ui-card-v__favorites svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-card-v__favorites svg path {
  transition: 0.25s;
  fill: transparent;
  stroke: currentColor;
}
.ui-card-v__favorites:hover {
  color: #CC2E27;
}
.ui-card-v__favorites.is-active svg path {
  fill: #CC2E27;
  stroke: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-card-v__favorites {
    top: 1.2rem;
    right: 1.2rem;
  }
}

.ui-card-v__image {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ui-card-v__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  flex: 0 0 auto;
}
.ui-card-v__image a {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.ui-card-v__profi {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.9rem;
  background: #F3F7FC;
  border-top: 1px solid #D2DBEA;
  gap: 0.6rem;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  color: #4F4E62;
}
.ui-card-v__profi svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
.ui-card-v__profi:hover {
  color: #828B9B;
}
@media (min-width: 1200px) {
  .ui-card-v__profi {
    height: 3.8rem;
    font-size: 1.6rem;
    padding: 0.6rem 0.9rem;
    gap: 0.9rem;
  }
}

.ui-card-v__desc {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.ui-card-v__price {
  display: block;
  margin: 0 0 1.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.1rem 2.2rem;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ui-card-v__price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-card-v__price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
  font-weight: 500;
}
.ui-card-v__price mark {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-v__price {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.ui-card-v__title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ui-card-v__title a {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-v__title {
    font-size: 2.2rem;
    padding: 0 0.8rem 0 0;
  }
}

.ui-card-v__rating {
  margin: auto 0 1.8rem;
}
@media (min-width: 1200px) {
  .ui-card-v__rating {
    margin: auto 0 2rem;
  }
}

.ui-card-v__addtocart .ui-btn {
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-card-v__addtocart .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}

.ui-card-v__btn {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.5rem;
  border-radius: 1rem;
  border: 2px solid #CC2E27;
  padding: 0 0.8rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  color: #4F4E62;
  transition: 0.25s;
}
.ui-card-v__btn:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .ui-card-v__btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}

.ui-card-v__author {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin: 0 0 1.8rem;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-card-v__author {
    gap: 1.6rem;
    margin: 0 0 3rem;
  }
}

.ui-card-v__author-image {
  display: block;
  overflow: hidden;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 1px solid #D2DBEA;
  flex: 0 0 auto;
}
.ui-card-v__author-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ui-card-v__author-cite {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  font-style: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 1200px) {
  .ui-card-v__author-cite {
    font-size: 1.8rem;
  }
}

.ui-card-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  height: auto;
  min-height: 100%;
  color: #4F4E62;
  flex: 1;
}
.ui-card-tile:hover {
  color: #4F4E62;
}
.ui-card-tile:hover .ui-card-tile__title a {
  color: #828B9B;
}
.ui-card-tile.is-lock .ui-card-tile__price {
  filter: blur(0.6rem);
  pointer-events: none;
}
.ui-card-tile.is-lock .ui-card-tile__addticart .ui-btn,
.ui-card-tile.is-lock .ui-card-tile__btn {
  border-color: #6B717B;
  color: #6B717B;
}
.ui-card-tile.is-lock .ui-card-tile__addticart .ui-btn:hover,
.ui-card-tile.is-lock .ui-card-tile__btn:hover {
  border-color: #6B717B;
  background: #6B717B;
  color: #fff;
}
.ui-card-tile.is-lock .ui-card-list__profi {
  pointer-events: none;
}
.ui-card-tile__area {
  border-radius: 1rem;
  border: 1px solid #D2DBEA;
  aspect-ratio: 1/1;
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 0 1.6rem;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-card-tile__area {
    aspect-ratio: 424/408;
    margin: 0 0 2rem;
    border-radius: 2rem;
  }
}

.ui-card-tile__badges {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  z-index: 100;
  line-height: 1;
}
.ui-card-tile__badges > li {
  margin: 0 0 0.6rem;
}
.ui-card-tile__badges > li:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .ui-card-tile__badges {
    top: 1.6rem;
    left: 1.6rem;
  }
  .ui-card-tile__badges > li {
    margin: 0 0 1.2rem;
  }
  .ui-card-tile__badges .ui-badge {
    height: 3rem;
    font-size: 1.6rem;
  }
}

.ui-card-tile__favorites {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 100;
  width: 2rem;
  height: 2rem;
  color: #A5AEBE;
}
.ui-card-tile__favorites svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-card-tile__favorites svg path {
  transition: 0.25s;
  fill: #fff;
  stroke: currentColor;
}
.ui-card-tile__favorites:hover {
  color: #CC2E27;
}
.ui-card-tile__favorites.is-active svg path {
  fill: #CC2E27;
  stroke: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-card-tile__favorites {
    top: 1.6rem;
    right: 1.6rem;
    width: 3rem;
    height: 3rem;
  }
}

.ui-card-tile__image {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.ui-card-tile__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  flex: 0 0 auto;
}
.ui-card-tile__image a {
  display: grid;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.ui-card-tile__profi {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.8rem;
  background: #F3F7FC;
  border-top: 1px solid #D2DBEA;
  gap: 0.6rem;
  margin: 0;
  min-height: 3rem;
  overflow: hidden;
  font-size: 1.1rem;
  line-height: 1.25;
  font-weight: 400;
  color: #4F4E62;
}
.ui-card-tile__profi svg {
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
.ui-card-tile__profi:hover {
  color: #828B9B;
}
@media (min-width: 1200px) {
  .ui-card-tile__profi {
    min-height: 4.8rem;
    font-size: 1.8rem;
    padding: 0.6rem 1.4rem;
    gap: 1rem;
  }
  .ui-card-tile__profi svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-card-tile__desc {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.ui-card-tile__price {
  display: block;
  margin: 0 0 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 1.2rem;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
}
.ui-card-tile__price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-card-tile__price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
  font-weight: 500;
}
.ui-card-tile__price mark {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-tile__price {
    margin: 0 0 2rem;
    font-size: 2.2rem;
    gap: 0.6rem 2.2rem;
  }
  .ui-card-tile__price mark {
    margin: 0 0 0 auto;
  }
}

.ui-card-tile__title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ui-card-tile__title a {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-tile__title {
    font-size: 2.2rem;
    margin: 0 0 1.6rem;
  }
}

.ui-card-tile__rating {
  margin: auto 0 1.6rem;
  gap: 0.8rem;
}
.ui-card-tile__rating .ui-rating__stars {
  gap: 0.4rem;
}
.ui-card-tile__rating .ui-rating__star {
  width: 1.2rem;
  height: 1.2rem;
}
.ui-card-tile__rating .ui-rating__counter {
  font-size: 1.2rem;
}
@media (min-width: 1200px) {
  .ui-card-tile__rating {
    margin: auto 0 2rem;
    gap: 1.4rem;
  }
  .ui-card-tile__rating .ui-rating__stars {
    gap: 0.4rem;
  }
  .ui-card-tile__rating .ui-rating__star {
    width: 2rem;
    height: 2rem;
  }
  .ui-card-tile__rating .ui-rating__counter {
    font-size: 1.8rem;
  }
}

.ui-card-tile__addtocart .ui-btn {
  height: 4rem;
  font-size: 1.2rem;
}
@media (min-width: 1200px) {
  .ui-card-tile__addtocart .ui-btn {
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.ui-card-tile__btn {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4rem;
  border-radius: 1rem;
  border: 2px solid #CC2E27;
  padding: 0 0.8rem;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  color: #4F4E62;
  transition: 0.25s;
}
.ui-card-tile__btn:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .ui-card-tile__btn {
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.ui-card-list {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0 0 4rem 11.6rem;
  height: 100%;
  color: #4F4E62;
}
.ui-card-list:hover {
  color: #4F4E62;
}
.ui-card-list:hover .ui-card-list__title a {
  color: #828B9B;
}
.ui-card-list.is-lock .ui-card-list__price {
  filter: blur(0.6rem);
  pointer-events: none;
}
.ui-card-list.is-lock .ui-card-list__addticart .ui-btn,
.ui-card-list.is-lock .ui-card-list__btn {
  border-color: #6B717B;
  color: #6B717B;
}
.ui-card-list.is-lock .ui-card-list__addticart .ui-btn:hover,
.ui-card-list.is-lock .ui-card-list__btn:hover {
  border-color: #6B717B;
  background: #6B717B;
  color: #fff;
}
.ui-card-list.is-lock .ui-card-list__profi {
  pointer-events: none;
}
@media (min-width: 768px) {
  .ui-card-list {
    padding: 0 0 0 11.6rem;
    display: grid;
    grid-gap: 0 1.6rem;
    gap: 0 1.6rem;
    grid-template-columns: 1fr 22rem;
    grid-template-areas: "col_1 col_3" "col_2 col_3";
  }
}
@media (min-width: 992px) {
  .ui-card-list {
    padding: 0;
    display: grid;
    grid-template-areas: unset;
    grid-template-columns: 20% 1fr 24%;
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .ui-card-list {
    padding: 0;
    display: grid;
    grid-template-areas: unset;
    grid-template-columns: 27.4rem 1fr 30.4rem;
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
}

.ui-card-list__col:nth-of-type(1) {
  order: 1;
}
.ui-card-list__col:nth-of-type(2) {
  order: 3;
}
.ui-card-list__col:nth-of-type(3) {
  order: 2;
}
@media (min-width: 768px) {
  .ui-card-list__col:nth-of-type(1) {
    grid-area: col_1;
  }
  .ui-card-list__col:nth-of-type(2) {
    grid-area: col_2;
  }
  .ui-card-list__col:nth-of-type(3) {
    grid-area: col_3;
  }
}
@media (min-width: 992px) {
  .ui-card-list__col {
    position: relative;
  }
  .ui-card-list__col:nth-of-type(1) {
    order: 1;
    grid-area: unset;
  }
  .ui-card-list__col:nth-of-type(2) {
    order: 2;
    grid-area: unset;
  }
  .ui-card-list__col:nth-of-type(3) {
    order: 3;
    grid-area: unset;
  }
}
@media (min-width: 1200px) {
  .ui-card-list__col {
    position: relative;
  }
  .ui-card-list__col:nth-of-type(1) {
    order: 1;
    grid-area: unset;
  }
  .ui-card-list__col:nth-of-type(2) {
    order: 2;
    grid-area: unset;
  }
  .ui-card-list__col:nth-of-type(3) {
    order: 3;
    grid-area: unset;
  }
}

.ui-card-list__badges {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  margin: 0 0 1.6rem;
}
.ui-card-list__badges > li {
  flex: 0 0 auto;
}
@media (max-width: 1199px) {
  .ui-card-list__badges .ui-badge--min .ui-badge__text {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
  }
}
@media (min-width: 992px) {
  .ui-card-list__badges {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
  }
}
@media (min-width: 1200px) {
  .ui-card-list__badges {
    position: absolute;
    top: 1.2rem;
    left: 1.2rem;
    z-index: 100;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
  }
  .ui-card-list__badges .ui-badge {
    height: 2.5rem;
    font-size: 1.3rem;
  }
}

.ui-card-list__favorites {
  position: absolute;
  top: 0.6rem;
  left: 0.6rem;
  z-index: 100;
  width: 2rem;
  height: 2rem;
  color: #A5AEBE;
}
.ui-card-list__favorites svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-card-list__favorites svg path {
  transition: 0.25s;
  fill: #fff;
  stroke: currentColor;
}
.ui-card-list__favorites:hover {
  color: #CC2E27;
}
.ui-card-list__favorites.is-active svg path {
  fill: #CC2E27;
  stroke: #CC2E27;
}
@media (min-width: 992px) {
  .ui-card-list__favorites {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    left: auto;
    z-index: 100;
  }
}
@media (min-width: 1200px) {
  .ui-card-list__favorites {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    left: auto;
    z-index: 100;
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-card-list__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 10rem;
  height: 8.4rem;
  border-radius: 1rem;
  border: 1px solid #D2DBEA;
  margin: 0;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-card-list__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 992px) {
  .ui-card-list__image {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    aspect-ratio: 274/231;
    margin: 0;
    border-radius: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .ui-card-list__image {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
    aspect-ratio: 274/231;
    margin: 0;
    border-radius: 1.5rem;
  }
}

.ui-card-list__title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ui-card-list__title a {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-list__title {
    font-size: 2.2rem;
    margin: 0 0 1.6rem;
    max-width: 57.6rem;
  }
}

.ui-card-list__rating {
  position: absolute;
  top: 10rem;
  left: 0;
  width: 10rem;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0;
  gap: 0.8rem;
}
.ui-card-list__rating .ui-rating__stars {
  gap: 0.4rem;
}
.ui-card-list__rating .ui-rating__star {
  width: 1.2rem;
  height: 1.2rem;
}
.ui-card-list__rating .ui-rating__counter {
  font-size: 1.2rem;
}
@media (min-width: 992px) {
  .ui-card-list__rating {
    position: relative;
    top: 0;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 1.6rem;
    gap: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .ui-card-list__rating {
    position: relative;
    top: 0;
    width: auto;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 0 1.6rem;
    gap: 1.4rem;
  }
  .ui-card-list__rating .ui-rating__stars {
    gap: 0.4rem;
  }
  .ui-card-list__rating .ui-rating__star {
    width: 2rem;
    height: 2rem;
  }
  .ui-card-list__rating .ui-rating__counter {
    font-size: 1.8rem;
  }
}

.ui-card-list__text {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 400;
  color: #6B717B;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-card-list__text {
    font-size: 1.8rem;
    max-width: 64rem;
    margin: 0;
  }
}

.ui-card-list__price {
  display: block;
  margin: 0 0 1.6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem 1.4rem;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 700;
}
.ui-card-list__price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-card-list__price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
  font-weight: 500;
}
.ui-card-list__price mark {
  font-weight: 500;
}
@media (min-width: 768px) {
  .ui-card-list__price mark {
    margin: 0 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .ui-card-list__price {
    margin: 0 0 2rem;
    font-size: 2.2rem;
    gap: 0.6rem 1.8rem;
  }
  .ui-card-list__price mark {
    margin: 0 0 0 auto;
  }
}

.ui-card-list__profi {
  display: flex;
  align-items: center;
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 1rem;
  background: #F3F7FC;
  border: 1px solid #D2DBEA;
  border-radius: 0.8rem;
  gap: 0.8rem;
  margin: 0 0 1.4rem;
  min-height: 3.2rem;
  overflow: hidden;
  font-size: 1.2rem;
  line-height: 1.25;
  font-weight: 400;
  color: #4F4E62;
}
.ui-card-list__profi svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
.ui-card-list__profi:hover {
  color: #828B9B;
}
@media (min-width: 1200px) {
  .ui-card-list__profi {
    min-height: 4rem;
    font-size: 1.6rem;
    padding: 0.6rem 1rem;
    gap: 0.8rem;
    margin: 0 0 2rem;
  }
  .ui-card-list__profi svg {
    width: 2rem;
    height: 2rem;
  }
}

.ui-card-list__addtocart {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 11.6rem;
}
.ui-card-list__addtocart .ui-btn {
  height: 4rem;
  font-size: 1.2rem;
  padding: 0 0.8rem;
}
.ui-card-list__addtocart .ui-btn svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .ui-card-list__addtocart {
    position: relative;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ui-card-list__addtocart {
    position: relative;
    left: 0;
    width: 100%;
  }
  .ui-card-list__addtocart .ui-btn {
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.ui-card-list__btn {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 11.6rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 4rem;
  border-radius: 1rem;
  border: 2px solid #CC2E27;
  padding: 0 0.8rem;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  color: #4F4E62;
  transition: 0.25s;
}
.ui-card-list__btn:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 768px) {
  .ui-card-list__btn {
    position: relative;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .ui-card-list__btn {
    position: relative;
    left: 0;
    width: 100%;
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.ui-card-min {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
}
.ui-card-min:hover {
  color: #4F4E62;
}
.ui-card-min:hover .ui-card-min__title a {
  color: #828B9B;
}
.ui-card-min.is-lock .ui-card-min__price {
  filter: blur(0.6rem);
  pointer-events: none;
}
.ui-card-min.is-lock .ui-card-min__addticart .ui-btn,
.ui-card-min.is-lock .ui-card-min__btn {
  border-color: #6B717B;
  color: #6B717B;
}
.ui-card-min.is-lock .ui-card-min__addticart .ui-btn:hover,
.ui-card-min.is-lock .ui-card-min__btn:hover {
  border-color: #6B717B;
  background: #6B717B;
  color: #fff;
}
.ui-card-min__image {
  margin: 0 0 1.6rem;
  border-radius: 1.6rem;
  border: 1px solid #D2DBEA;
  aspect-ratio: 186/180;
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ui-card-min__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .ui-card-min__image {
    aspect-ratio: 203/196;
  }
}

.ui-card-min__desc {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.ui-card-min__price {
  display: block;
  margin: 0 0 1rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.4rem 1rem;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ui-card-min__price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
  flex: 0 0 100%;
}
.ui-card-min__price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
}
.ui-card-min__price mark {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
}

.ui-card-min__title {
  display: block;
  margin: auto 0 1.6rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ui-card-min__title a {
  color: #4F4E62;
}

.ui-card-min__addtocart .ui-btn {
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-card-min__addtocart .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}

.ui-card-min__btn {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.5rem;
  border-radius: 1rem;
  border: 2px solid #CC2E27;
  padding: 0 0.8rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  color: #4F4E62;
  transition: 0.25s;
}
.ui-card-min__btn:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .ui-card-min__btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}

.ui-card-review {
  background: #F3F7FC;
  border-radius: 2rem;
  height: 100%;
  padding: 1.8rem;
}
@media (min-width: 1200px) {
  .ui-card-review {
    padding: 2.8rem;
  }
}

.ui-card-review__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 0 0 1.4rem;
}
@media (min-width: 1200px) {
  .ui-card-review__head {
    margin: 0 0 2rem;
  }
}

.ui-card-review__title {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .ui-card-review__title {
    font-size: 2.2rem;
  }
}

.ui-card-review__date {
  display: block;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-card-review__date {
    font-size: 1.8rem;
  }
}

.ui-card-review__body {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ui-card-review__body p {
  margin: 0 0 1.6rem;
}
.ui-card-review__body p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .ui-card-review__body {
    font-size: 1.8rem;
    -webkit-line-clamp: 8;
  }
}

.ui-card-article {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
  background: #fff;
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  overflow: hidden;
}
.ui-card-article:hover {
  color: #4F4E62;
}
.ui-card-article:hover .ui-card-article__title,
.ui-card-article:hover .ui-card-article__link {
  color: #CC2E27;
}

.ui-card-article__image {
  display: block;
  width: 100%;
  height: auto;
  background: #D2DBEA;
  aspect-ratio: 290/194;
}
.ui-card-article__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-card-article__image {
    aspect-ratio: 424/284;
  }
}

.ui-card-article__desc {
  padding: 1.8rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (min-width: 1200px) {
  .ui-card-article__desc {
    padding: 2.8rem 3rem;
  }
}

.ui-card-article__breadcrumbs {
  margin: 0 0 1.8rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.7rem 1.4rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  color: #6B717B;
}
.ui-card-article__breadcrumbs > li {
  position: relative;
}
.ui-card-article__breadcrumbs > li:after {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #D2DBEA;
  position: absolute;
  top: 50%;
  right: -0.7rem;
  margin: -2px -2px 0 0;
}
.ui-card-article__breadcrumbs > li:first-child {
  flex: 0 0 auto;
}
.ui-card-article__breadcrumbs > li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  white-space: nowrap;
}
.ui-card-article__breadcrumbs > li:last-child:after {
  display: none;
}
@media (min-width: 1200px) {
  .ui-card-article__breadcrumbs {
    font-size: 1.6rem;
    margin: 0 -0.8rem 3rem 0;
    gap: 1.8rem 3.6rem;
  }
  .ui-card-article__breadcrumbs > li:after {
    width: 0.8rem;
    height: 0.8rem;
    right: -1.8rem;
    margin: -0.4rem -0.4rem 0 0;
  }
}

.ui-card-article__title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.25s;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-article__title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.ui-card-article__text {
  display: block;
  margin: 0 0 1.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-card-article__text {
    font-size: 1.8rem;
    margin: 0 0 3rem;
    -webkit-line-clamp: 3;
  }
}

.ui-card-article__info {
  margin: auto 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ui-card-article__views {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.ui-card-article__views svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-card-article__views {
    font-size: 1.6rem;
    gap: 0.8rem;
  }
  .ui-card-article__views svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-card-article__link {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  transition: 0.25s;
}
@media (min-width: 1200px) {
  .ui-card-article__link {
    font-size: 1.8rem;
  }
}

.ui-card-news {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
  background: #fff;
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  overflow: hidden;
}
.ui-card-news:hover {
  color: #4F4E62;
}
.ui-card-news:hover .ui-card-news__title,
.ui-card-news:hover .ui-card-news__link {
  color: #CC2E27;
}

.ui-card-news__image {
  display: block;
  width: 100%;
  height: auto;
  background: #D2DBEA;
  aspect-ratio: 343/200;
  position: relative;
}
.ui-card-news__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-card-news__image {
    aspect-ratio: 424/250;
  }
}

.ui-card-news__desc {
  padding: 2rem 1.6rem 1.8rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (min-width: 1200px) {
  .ui-card-news__desc {
    padding: 3rem 2.8rem 2.8rem;
  }
}

.ui-card-news__breadcrumbs {
  margin: 0 0 1.8rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 0.7rem 1.4rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  color: #6B717B;
}
.ui-card-news__breadcrumbs > li {
  position: relative;
}
.ui-card-news__breadcrumbs > li:after {
  content: "";
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #D2DBEA;
  position: absolute;
  top: 50%;
  right: -0.7rem;
  margin: -2px -2px 0 0;
}
.ui-card-news__breadcrumbs > li:first-child {
  flex: 0 0 auto;
}
.ui-card-news__breadcrumbs > li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
  white-space: nowrap;
}
.ui-card-news__breadcrumbs > li:last-child:after {
  display: none;
}
@media (min-width: 1200px) {
  .ui-card-news__breadcrumbs {
    font-size: 1.6rem;
    margin: 0 -0.8rem 3rem 0;
    gap: 1.8rem 3.6rem;
  }
  .ui-card-news__breadcrumbs > li:after {
    width: 0.8rem;
    height: 0.8rem;
    right: -1.8rem;
    margin: -0.4rem -0.4rem 0 0;
  }
}

.ui-card-news__title {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.25s;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-news__title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.ui-card-news__text {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-card-news__text {
    font-size: 1.8rem;
    margin: 0 0 3rem;
  }
}

.ui-card-news__info {
  margin: auto 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-card-news__info {
    font-size: 1.6rem;
  }
}

.ui-card-news__views {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.8rem;
}
.ui-card-news__views svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1200px) {
  .ui-card-news__views svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-card-news__time {
  display: block;
}

.ui-card-news__link {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  transition: 0.25s;
}
@media (min-width: 1200px) {
  .ui-card-news__link {
    font-size: 1.8rem;
  }
}

.ui-card-other {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
  background: #fff;
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  overflow: hidden;
}
.ui-card-other:hover {
  color: #4F4E62;
}
.ui-card-other:hover .ui-card-other__title {
  color: #CC2E27;
}
@media (min-width: 768px) {
  .ui-card-other {
    display: grid;
    grid-template-columns: 272fr 456fr;
  }
}

.ui-card-other__image {
  display: block;
  width: 100%;
  height: auto;
  background: #D2DBEA;
  aspect-ratio: 343/234;
  position: relative;
}
.ui-card-other__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .ui-card-other__image {
    aspect-ratio: unset;
    height: 100%;
  }
}

.ui-card-other__desc {
  padding: 2rem 1.8rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (min-width: 1200px) {
  .ui-card-other__desc {
    padding: 2.8rem 3.2rem;
  }
}

.ui-card-other__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.25s;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-other__title {
    font-size: 2.2rem;
  }
}

.ui-card-other__link {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  transition: 0.25s;
  margin: auto 0 0 0;
}
@media (min-width: 1200px) {
  .ui-card-other__link {
    font-size: 1.8rem;
    gap: 1rem;
  }
}

.ui-card-promo {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
  background: #fff;
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  overflow: hidden;
}
.ui-card-promo:hover {
  color: #4F4E62;
}
.ui-card-promo:hover .ui-card-promo__title {
  color: #CC2E27;
}

.ui-card-promo__image {
  display: block;
  width: 100%;
  height: auto;
  background: #D2DBEA;
  aspect-ratio: 290/174;
  position: relative;
}
.ui-card-promo__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-card-promo__image {
    aspect-ratio: 424/250;
  }
}

.ui-card-promo__desc {
  padding: 2rem 1.8rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (min-width: 1200px) {
  .ui-card-promo__desc {
    padding: 3rem 2.8rem 2.8rem;
  }
}

.ui-card-promo__title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.25s;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-promo__title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.ui-card-promo__text {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-card-promo__text {
    font-size: 1.8rem;
    margin: 0 0 3rem;
  }
}

.ui-card-promo__info {
  margin: auto 0 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #6B717B;
}

.ui-card-promo__link {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.8rem;
  color: #4F4E62;
  transition: 0.25s;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-promo__link {
    font-size: 1.8rem;
  }
}

.ui-card-promo__time {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.ui-card-promo__time svg {
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-card-promo__time {
    font-size: 1.6rem;
  }
}

.ui-card-event {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
.ui-card-event:hover {
  color: #4F4E62;
}
.ui-card-event:hover .ui-card-event__title,
.ui-card-event:hover .ui-card-event__link {
  color: #CC2E27;
}
.ui-card-event:hover .ui-card-event__play circle {
  transform: scale(1.1);
}
.ui-card-event.is-disabled {
  pointer-events: none;
}
.ui-card-event.is-disabled .ui-card-event__btn {
  border-color: #828B9B;
  color: #828B9B;
}
@media (min-width: 1200px) {
  .ui-card-event {
    border-radius: 2rem;
  }
  .ui-card-event.--video .ui-card-event__image {
    aspect-ratio: 408/288;
  }
}

.ui-card-event__image {
  display: block;
  width: 100%;
  height: auto;
  background: #D2DBEA;
  aspect-ratio: 307/216;
  position: relative;
}
.ui-card-event__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-card-event__image {
    aspect-ratio: 402/284;
  }
}

.ui-card-event__play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin: -2.2rem 0 0 -2.2rem;
  z-index: 50;
  overflow: visible;
}
.ui-card-event__play circle {
  transform-origin: 50% 50%;
  transition: transform 0.4s;
}
@media (min-width: 1200px) {
  .ui-card-event__play {
    width: 9rem;
    height: 9rem;
    margin: -4.5rem 0 0 -4.5rem;
  }
}

.ui-card-event__desc {
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (min-width: 1200px) {
  .ui-card-event__desc {
    padding: 2.8rem;
  }
}

.ui-card-event__info {
  margin: 0 0 1.2rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 3rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  color: #6B717B;
}
.ui-card-event__info > li {
  position: relative;
}
.ui-card-event__info > li:after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #D2DBEA;
  position: absolute;
  top: 50%;
  right: -1.5rem;
  margin: -0.3rem -0.3rem 0 0;
}
.ui-card-event__info > li:last-child:after {
  display: none;
}
@media (min-width: 1200px) {
  .ui-card-event__info {
    font-size: 1.6rem;
    margin: 0 0 2rem;
    gap: 0 3.6rem;
  }
  .ui-card-event__info > li:after {
    width: 0.8rem;
    height: 0.8rem;
    right: -1.8rem;
    margin: -0.4rem -0.4rem 0 0;
  }
}

.ui-card-event__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
.ui-card-event__title:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .ui-card-event__title {
    margin: 0 0 2.4rem;
    font-size: 1.8rem;
    line-height: 1.26;
    font-weight: 500;
  }
}

.ui-card-event__btn {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
  margin: auto 0 0 0;
  color: #6B717B;
}
.ui-card-event__btn:hover {
  color: #fff;
}
@media (min-width: 1200px) {
  .ui-card-event__btn {
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.ui-card-event__location {
  display: flex;
  align-items: flex-start;
  margin: 0;
  gap: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  font-style: normal;
  color: #6B717B;
}
.ui-card-event__location svg {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-card-event__location {
    font-size: 1.6rem;
  }
}

.ui-card-book {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
  background: #fff;
  border-radius: 2rem;
  overflow: hidden;
  padding: 1.6rem;
}
.ui-card-book:hover {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-book {
    padding: 2.8rem;
  }
}

.ui-card-book__image {
  display: block;
  width: 100%;
  height: auto;
  background: #F3F7FC;
  border: 1px solid rgba(210, 219, 234, 0.5);
  aspect-ratio: 275/194;
  position: relative;
  border-radius: 1rem;
  margin: 0 0 1.6rem;
}
.ui-card-book__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-card-book__image {
    aspect-ratio: 346/244;
    margin: 0 0 2.4rem;
  }
}

.ui-card-book__desc {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ui-card-book__title {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-book__title {
    font-size: 1.8rem;
  }
}

.ui-card-book__size {
  display: flex;
  align-items: center;
  margin: 0 0 1.6rem;
  gap: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
}
.ui-card-book__size:last-child {
  margin-bottom: 0;
}
.ui-card-book__size svg {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .ui-card-book__size {
    margin: 0 0 2.4rem;
  }
}

.ui-card-book__btn {
  margin: auto 0 0 0;
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
}
.ui-card-book__btn svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
}
@media (min-width: 1200px) {
  .ui-card-book__btn {
    height: 5rem;
    font-size: 1.8rem;
  }
  .ui-card-book__btn svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-card-academy {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
}
.ui-card-academy:hover {
  color: #4F4E62;
}
.ui-card-academy:hover .ui-card-academy__title,
.ui-card-academy:hover .ui-card-academy__link {
  color: #CC2E27;
}
.ui-card-academy.is-disabled {
  pointer-events: none;
}
.ui-card-academy.is-disabled .ui-card-academy__btn {
  border-color: #828B9B;
  color: #828B9B;
}
.ui-card-academy.is-lock .ui-card-academy__price {
  filter: blur(0.6rem);
  pointer-events: none;
}
.ui-card-academy.is-lock .ui-card-academy__btn {
  border-color: #6B717B;
  color: #6B717B;
}
.ui-card-academy.is-lock .ui-card-academy__btn:hover {
  border-color: #6B717B;
  background: #6B717B;
  color: #fff;
}
.ui-card-academy.is-lock .ui-card-academy__profi {
  pointer-events: none;
}
.ui-card-academy.--webinars .ui-card-academy__favorites {
  color: #CC2E27;
}
.ui-card-academy.--courses .ui-card-academy__favorites {
  color: #CC2E27;
}
.ui-card-academy.--seminars .ui-card-academy__favorites {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-card-academy {
    border-radius: 2rem;
  }
}

.ui-card-academy__url {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.ui-card-academy__area {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 1rem;
  border: 1px solid #D2DBEA;
  background: #D2DBEA;
  aspect-ratio: 343/242;
  margin: 0 0 2rem;
  overflow: hidden;
}
.ui-card-academy__area a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 1200px) {
  .ui-card-academy__area {
    border-radius: 2rem;
    aspect-ratio: 424/300;
  }
}

.ui-card-academy__address {
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 2;
  background: #fff;
  border-radius: 1rem;
  padding: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  color: #6B717B;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.ui-card-academy__address strong {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #4F4E62;
}
.ui-card-academy__address p {
  margin: 0 0 1rem;
}
.ui-card-academy__address p:last-child {
  margin-bottom: 0;
}
.ui-card-academy__address.is-open {
  opacity: 1;
  visibility: visible;
}

.ui-card-academy__certificate {
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 5;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 0.6rem;
  max-width: calc(100% - 2rem);
  cursor: pointer;
}
.ui-card-academy__certificate:hover .ui-card-academy__certificate-text {
  max-width: 38rem;
  padding-right: 0.7rem;
  opacity: 1;
}
@media (min-width: 1200px) {
  .ui-card-academy__certificate {
    left: 1.2rem;
    bottom: 1.2rem;
    max-width: calc(100% - 2.4rem);
  }
  .ui-card-academy__certificate:hover .ui-card-academy__certificate-text {
    padding-right: 1rem;
  }
}

.ui-card-academy__certificate-icon {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  color: #CC2E27;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .ui-card-academy__certificate-icon {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.ui-card-academy__certificate-text {
  display: block;
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;
  color: #4F4E62;
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 0;
  transition: 0.4s;
  opacity: 0;
}
@media (min-width: 1200px) {
  .ui-card-academy__certificate-text {
    font-size: 1.3rem;
  }
}

.ui-card-academy__image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  background: #F3F7FC;
  position: relative;
}
.ui-card-academy__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ui-card-academy__badges {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
.ui-card-academy__badges.--bottom {
  top: auto;
  bottom: 1rem;
}
@media (min-width: 1200px) {
  .ui-card-academy__badges {
    top: 1.2rem;
    left: 1.2rem;
    gap: 1.2rem;
  }
  .ui-card-academy__badges.--bottom {
    top: auto;
    bottom: 1.2rem;
  }
}

.ui-card-academy__status {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  z-index: 50;
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}
@media (min-width: 1200px) {
  .ui-card-academy__status {
    bottom: 1.2rem;
    left: 1.2rem;
    gap: 1.2rem;
  }
}

.ui-card-academy__favorites {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 50;
  width: 2.4rem;
  height: 2.4rem;
  color: #CC2E27;
}
.ui-card-academy__favorites svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-card-academy__favorites svg path {
  transition: 0.25s;
  fill: transparent;
  stroke: currentColor;
}
.ui-card-academy__favorites:hover {
  color: #CC2E27;
}
.ui-card-academy__favorites.is-active svg path {
  fill: #CC2E27;
  stroke: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-card-academy__favorites {
    top: 1.2rem;
    right: 1.2rem;
    width: 3rem;
    height: 3rem;
  }
}

.ui-card-academy__icons {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  z-index: 50;
}
.ui-card-academy__icons > li {
  width: 2.6rem;
  height: 2.6rem;
  background: #fff;
  border-radius: 0.6rem;
  color: #CC2E27;
}
.ui-card-academy__icons svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .ui-card-academy__icons {
    left: 1.2rem;
    bottom: 1.2rem;
  }
  .ui-card-academy__icons > li {
    width: 3.6rem;
    height: 3.6rem;
  }
}

.ui-card-academy__play {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4.4rem;
  height: 4.4rem;
  margin: -2.2rem 0 0 -2.2rem;
  z-index: 50;
}
@media (min-width: 1200px) {
  .ui-card-academy__play {
    width: 9rem;
    height: 9rem;
    margin: -4.5rem 0 0 -4.5rem;
  }
}

.ui-card-academy__profi {
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 1rem;
  background: #F3F7FC;
  border-top: 1px solid #D2DBEA;
  gap: 0.8rem;
  margin: 0;
  height: 3.9rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  color: #4F4E62;
}
.ui-card-academy__profi svg {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
.ui-card-academy__profi:hover {
  color: #828B9B;
}
@media (min-width: 1200px) {
  .ui-card-academy__profi {
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0.6rem 1.4rem;
    gap: 1rem;
  }
  .ui-card-academy__profi svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-card-academy__desc {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ui-card-academy__info {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: nowrap;
  gap: 0 2.6rem;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  color: #6B717B;
}
.ui-card-academy__info > li {
  position: relative;
}
.ui-card-academy__info > li:after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #D2DBEA;
  position: absolute;
  top: 50%;
  right: -1.3rem;
  margin: -0.3rem -0.3rem 0 0;
}
.ui-card-academy__info > li:last-child:after {
  display: none;
}
.ui-card-academy__info a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #6B717B;
}
.ui-card-academy__info a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-academy__info {
    font-size: 1.6rem;
    margin: 0 0 2rem;
    gap: 0 3.6rem;
  }
  .ui-card-academy__info > li:after {
    width: 0.8rem;
    height: 0.8rem;
    right: -1.8rem;
    margin: -0.4rem -0.4rem 0 0;
  }
}

.ui-card-academy__title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  transition: color 0.25s;
}
.ui-card-academy__title:last-child {
  margin: 0;
}
.ui-card-academy__title:hover {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-card-academy__title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 500;
  }
}

@media (min-width: 1200px) {
  .ui-card-academy:has(.ui-card-academy__rating) .ui-card-academy__title {
    margin: 0 0 1.6rem;
  }
}

.ui-card-academy__rating {
  margin: 0 0 1.6rem;
}
@media (min-width: 1200px) {
  .ui-card-academy__rating {
    margin: 0 0 2rem;
  }
}

.ui-card-academy__speaker {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  margin: 0 0 1.6rem;
}
.ui-card-academy__speaker picture {
  width: 5rem;
  height: 5rem;
  border: 1px solid #D2DBEA;
  background: #D2DBEA;
  border-radius: 50%;
  overflow: hidden;
  flex: 0 0 auto;
}
.ui-card-academy__speaker picture img {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-card-academy__speaker figcaption {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-card-academy__speaker {
    margin: 0 0 2rem;
  }
  .ui-card-academy__speaker figcaption {
    font-size: 1.8rem;
  }
}

.ui-card-academy__price {
  margin: auto 0 2rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 2.2rem;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
  color: #A5AEBE;
}
.ui-card-academy__price b {
  color: #4F4E62;
}
.ui-card-academy__price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #4F4E62;
}
.ui-card-academy__price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-weight: 500;
  color: #A5AEBE;
  margin-right: auto;
}
.ui-card-academy__price mark {
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
  padding: 0.4rem 1rem;
  border-radius: 0.8rem;
  background: #F9E3E7;
  color: #CC2E27;
}
.ui-card-academy__price u {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #CC2E27;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-academy__price {
    padding: 1rem 0 0 0;
    margin: auto 0 3rem;
    font-size: 2rem;
  }
  .ui-card-academy__price mark {
    font-size: 1.4rem;
  }
}

.ui-card-academy__price + .ui-card-v__rating {
  margin-top: 0;
}

.ui-card-academy__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.5rem;
  border-radius: 1rem;
  border: 2px solid transparent;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
  position: relative;
  z-index: 10;
}
.ui-card-academy__btn--grey {
  border-color: #6B717B;
  color: #4F4E62;
}
.ui-card-academy__btn--grey:hover {
  background: #6B717B;
  color: #fff;
}
.ui-card-academy__btn--red {
  border-color: #CC2E27;
  color: #4F4E62;
}
.ui-card-academy__btn--red:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .ui-card-academy__btn {
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.ui-card-academy__location {
  display: flex;
  align-items: flex-start;
  margin: 0;
  gap: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  font-style: normal;
  color: #6B717B;
}
.ui-card-academy__location svg {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-card-academy__location {
    font-size: 1.6rem;
  }
}

.ui-card-read {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
  background: #fff;
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  overflow: hidden;
}
.ui-card-read:hover {
  color: #4F4E62;
}
.ui-card-read:hover .ui-card-read__title {
  color: #CC2E27;
}

.ui-card-read__image {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  background: #D2DBEA;
  aspect-ratio: 343/230;
}
.ui-card-read__image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-card-read__image {
    aspect-ratio: 424/284;
  }
}

.ui-card-read__desc {
  padding: 2rem 1.6rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (min-width: 1200px) {
  .ui-card-read__desc {
    padding: 2.8rem;
  }
}

.ui-card-read__topbar {
  display: flex;
  align-items: center;
  margin: 0 0 2rem;
}
@media (min-width: 1200px) {
  .ui-card-read__topbar {
    margin: 0 0 3rem;
  }
}

.ui-card-read__info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 0 3.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  color: #A5AEBE;
  flex: 1;
}
.ui-card-read__info > li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.ui-card-read__info > li:after {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #D2DBEA;
  position: absolute;
  top: 50%;
  right: -1.8rem;
  margin: -0.3rem -0.3rem 0 0;
}
.ui-card-read__info > li:last-child:after {
  display: none;
}
.ui-card-read__info svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .ui-card-read__info {
    font-size: 1.6rem;
  }
  .ui-card-read__info > li:after {
    width: 0.8rem;
    height: 0.8rem;
    margin: -0.4rem -0.4rem 0 0;
  }
}

.ui-card-read__rating {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
}
.ui-card-read__rating svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .ui-card-read__rating {
    font-size: 1.6rem;
  }
  .ui-card-read__rating svg {
    width: 2rem;
    height: 2rem;
  }
}

.ui-card-read__title {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  transition: 0.25s;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-read__title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.ui-card-read__text {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-card-read__text {
    font-size: 1.8rem;
    margin: 0 0 3rem;
    -webkit-line-clamp: 5;
  }
}

.ui-card-read__tags {
  margin: auto 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 400;
}
.ui-card-read__tags > li {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  min-height: 2.7rem;
  padding: 0.6rem 1rem;
  border-radius: 0.6rem;
  background: #EEF3FA;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-card-read__tags {
    font-size: 1.6rem;
  }
  .ui-card-read__tags > li {
    min-height: 3.2rem;
  }
}

.ui-card-production {
  display: block;
  border-radius: 2rem;
  position: relative;
  overflow: hidden;
  background: #F3F7FC;
  color: #4F4E62;
  width: 100%;
  height: auto;
  aspect-ratio: 288/320;
}
.ui-card-production.is-open .ui-card-production__toggle-arrow {
  transform: rotate(180deg);
}
@media (min-width: 1200px) {
  .ui-card-production {
    aspect-ratio: 1/1;
  }
}

.ui-card-production__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.ui-card-production__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ui-card-production__desc {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  padding: 1.6rem;
  background: #F3F7FC;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.ui-card-production__desc::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1200px) {
  .ui-card-production__desc {
    padding: 2.8rem;
  }
}

.ui-card-production__title {
  display: block;
  margin: 0 0 1rem;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-production__title {
    font-size: 2.2rem;
    margin: 0;
  }
}

.ui-card-production__toggle {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  gap: 0.6rem;
  color: #828B9B;
}
.ui-card-production__toggle:hover {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-card-production__toggle {
    display: none;
  }
}

.ui-card-production__toggle-arrow {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
  transition: transform 0.25s;
}

.ui-card-production__collapse {
  display: none;
  padding: 1rem 0 0 0;
}
@media (min-width: 1200px) {
  .ui-card-production__collapse {
    padding: 2rem 0 0 0;
  }
}

.ui-card-production__wysiwyg {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  margin: 0 0 2.4rem;
}
.ui-card-production__wysiwyg p {
  margin: 0 0 1rem;
}
.ui-card-production__wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .ui-card-production__wysiwyg {
    font-size: 1.8rem;
    margin: 0 0 3rem;
  }
}

.ui-card-production__btn {
  height: 4.5rem;
  font-size: 1.6rem;
  padding: 0 3rem;
}
@media (min-width: 1200px) {
  .ui-card-production__btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}

.ui-card-testimonials {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  padding: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-card-testimonials {
    padding: 3.2rem;
    border-radius: 2rem;
  }
}

.ui-card-testimonials__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 1.6rem;
  gap: 1rem 1.6rem;
}
@media (min-width: 1200px) {
  .ui-card-testimonials__head {
    margin: 0 0 2rem;
    gap: 1rem 4rem;
  }
}

.ui-card-testimonials__title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  flex: 0 0 100%;
  order: 3;
}
@media (min-width: 768px) {
  .ui-card-testimonials__title {
    order: 1;
    flex: 1;
  }
}
@media (min-width: 1200px) {
  .ui-card-testimonials__title {
    font-size: 2.2rem;
  }
}

.ui-card-testimonials__time {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #a5aebe;
  flex: 0 0 auto;
  order: 2;
}
@media (min-width: 768px) {
  .ui-card-testimonials__time {
    order: 2;
    flex: 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .ui-card-testimonials__time {
    font-size: 1.8rem;
  }
}

.ui-card-testimonials__rating {
  flex: 1;
  order: 1;
}
.ui-card-testimonials__rating .ui-rating__star {
  width: 1.2rem;
  height: 1.2rem;
}
.ui-card-testimonials__rating .ui-rating__counter {
  color: #a5aebe;
}
@media (min-width: 768px) {
  .ui-card-testimonials__rating {
    order: 3;
    flex: 0 0 auto;
  }
  .ui-card-testimonials__rating .ui-rating__star {
    width: 2rem;
    height: 2rem;
  }
}
@media (min-width: 1200px) {
  .ui-card-testimonials__rating .ui-rating__counter {
    font-size: 1.8rem;
  }
}

.ui-card-testimonials__body {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  margin: 0 0 2.4rem;
  color: #6B717B;
}
.ui-card-testimonials__body:last-child {
  margin-bottom: 0;
}
.ui-card-testimonials__body dl {
  margin: 0;
}
.ui-card-testimonials__body dt {
  display: block;
  margin: 0 0 0.8rem;
  font-weight: 500;
  color: #4F4E62;
}
.ui-card-testimonials__body dd {
  display: block;
  margin: 0 0 1.6rem;
  color: #6B717B;
}
.ui-card-testimonials__body dd:last-child {
  margin-bottom: 0;
}
.ui-card-testimonials__body p {
  margin: 0 0 1rem;
}
.ui-card-testimonials__body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .ui-card-testimonials__body {
    font-size: 1.8rem;
  }
  .ui-card-testimonials__body dt {
    margin: 0 0 1rem;
  }
  .ui-card-testimonials__body dd {
    margin: 0 0 2rem;
  }
  .ui-card-testimonials__body p {
    margin: 0 0 1.6rem;
  }
}

.ui-card-txt {
  display: block;
  color: #4F4E62;
  max-width: 133.6rem;
}
.ui-card-txt:hover {
  color: #4F4E62;
}

.ui-card-txt__category {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #0D0F19;
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .ui-card-txt__category {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.ui-card-txt__title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-txt__title {
    margin: 0 0 1.6rem;
    font-size: 3rem;
  }
}

.ui-card-txt__text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
.ui-card-txt__text mark {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-txt__text {
    font-size: 1.8rem;
  }
}

.ui-card-certificate {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #4F4E62;
  background: #fff;
  border-radius: 2rem;
  overflow: hidden;
  padding: 1.6rem;
}
.ui-card-certificate:hover {
  color: #4F4E62;
}
.ui-card-certificate:has(.ui-card-certificate__url:hover) .ui-card-certificate__image svg {
  transform: scale(1);
}
@media (min-width: 1200px) {
  .ui-card-certificate {
    padding: 2.8rem;
  }
}

.ui-card-certificate__url {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 5;
}

.ui-card-certificate__image {
  display: block;
  width: 100%;
  height: auto;
  background: #F3F7FC;
  border: 1px solid rgba(210, 219, 234, 0.5);
  aspect-ratio: 275/194;
  position: relative;
  border-radius: 1rem;
  margin: 0 0 1.6rem;
  overflow: hidden;
}
.ui-card-certificate__image img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ui-card-certificate__image svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 4.8rem;
  height: 4.8rem;
  margin: -2.4rem 0 0 -2.4rem;
  transition: 0.25s;
  transform: scale(0);
}
@media (min-width: 1200px) {
  .ui-card-certificate__image {
    aspect-ratio: 352/248;
    margin: 0 0 2.4rem;
  }
  .ui-card-certificate__image svg {
    width: 6.4rem;
    height: 6.4rem;
    margin: -3.2rem 0 0 -3.2rem;
  }
}

.ui-card-certificate__desc {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.ui-card-certificate__title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-card-certificate__title {
    font-size: 1.8rem;
    margin: 0 0 2.4rem;
  }
}

.ui-card-certificate__btn {
  margin: auto 0 0 0;
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
  position: relative;
  z-index: 10;
}
.ui-card-certificate__btn svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
}
@media (min-width: 1200px) {
  .ui-card-certificate__btn {
    height: 5rem;
    font-size: 1.8rem;
  }
  .ui-card-certificate__btn svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-pagination {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}
.ui-pagination--white .ui-pagination__prev,
.ui-pagination--white .ui-pagination__next,
.ui-pagination--white .ui-pagination__link {
  background: #fff;
}
@media (min-width: 1200px) {
  .ui-pagination {
    gap: 4rem;
  }
}

.ui-pagination__loadmore {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
  height: 4.4rem;
  border-radius: 1rem;
  background: #F3F7FC;
  color: #6B717B;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  transition: 0.25s;
}
.ui-pagination__loadmore:hover {
  background: #F9E3E7;
  color: #CC2E27;
}
.ui-pagination__loadmore svg {
  display: none;
}
@media (min-width: 1200px) {
  .ui-pagination__loadmore {
    height: 6rem;
    font-size: 2.2rem;
  }
  .ui-pagination__loadmore svg {
    display: block;
  }
}

.ui-pagination__nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}
@media (min-width: 1200px) {
  .ui-pagination__nav {
    padding: 3rem 0;
    border-top: 1px solid #D2DBEA;
    border-bottom: 1px solid #D2DBEA;
  }
}

.ui-pagination__menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 0.6rem;
}
.ui-pagination__menu > li {
  flex: 1;
}
.ui-pagination__menu > li:nth-of-type(6n - 3), .ui-pagination__menu > li:nth-of-type(6n - 2) {
  display: none;
}
@media (min-width: 768px) {
  .ui-pagination__menu > li:nth-of-type(6n - 3), .ui-pagination__menu > li:nth-of-type(6n - 2) {
    display: block;
  }
}
@media (min-width: 1200px) {
  .ui-pagination__menu {
    gap: 1.2rem;
  }
}

.ui-pagination__prev,
.ui-pagination__next,
.ui-pagination__link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.4rem;
  min-width: 4.4rem;
  border-radius: 1rem;
  background: #F3F7FC;
  color: #6B717B;
  transition: 0.25s;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  position: relative;
}
.ui-pagination__prev svg,
.ui-pagination__next svg,
.ui-pagination__link svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.ui-pagination__prev:hover,
.ui-pagination__next:hover,
.ui-pagination__link:hover {
  background: #F9E3E7;
  color: #CC2E27;
}
.ui-pagination__prev.is-active,
.ui-pagination__next.is-active,
.ui-pagination__link.is-active {
  background: #CC2E27;
  color: #fff;
}
.ui-pagination__prev.is-disabled,
.ui-pagination__next.is-disabled,
.ui-pagination__link.is-disabled {
  pointer-events: none;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-pagination__prev,
  .ui-pagination__next,
  .ui-pagination__link {
    height: 6rem;
    min-width: 6rem;
    font-size: 2.2rem;
    gap: 1rem;
  }
  .ui-pagination__prev svg,
  .ui-pagination__next svg,
  .ui-pagination__link svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.ui-pagination__prev,
.ui-pagination__next {
  text-indent: -999.9rem;
  flex: 0 0 auto;
  font-size: 0;
}
@media (min-width: 1200px) {
  .ui-pagination__prev,
  .ui-pagination__next {
    font-size: 2.2rem;
    text-indent: 0;
    padding: 0 2.2rem;
  }
}

.ui-number {
  display: flex;
  width: 10.6rem;
  height: 4rem;
  border: 1px solid #D2DBEA;
  background: #F3F7FC;
  border-radius: 1rem;
  overflow: hidden;
}
.ui-number.is-one .ui-number__decrease {
  text-indent: -999.9rem;
}
.ui-number.is-one .ui-number__decrease svg {
  opacity: 1;
}
.ui-number:has(:disabled) {
  opacity: 0.4;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .ui-number {
    width: 13.6rem;
    height: 5.2rem;
  }
}

.ui-number__decrease,
.ui-number__increase {
  padding: 0;
  flex: 0 0 auto;
  width: 3.3rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: color 0.25s;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 400;
  background: #fff;
  color: #4F4E62;
}
.ui-number__decrease:hover,
.ui-number__increase:hover {
  color: #cc2e27;
  color: var(--color-red);
}
.ui-number__decrease svg,
.ui-number__increase svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.4rem;
  height: 2.4rem;
  margin: -1.2rem 0 0 -1.2rem;
  transition: opacity 0.25;
  opacity: 0;
}
@media (min-width: 1200px) {
  .ui-number__decrease,
  .ui-number__increase {
    width: 4.3rem;
    font-size: 2.2rem;
  }
  .ui-number__decrease svg,
  .ui-number__increase svg {
    width: 3rem;
    height: 3rem;
    margin: -1.5rem 0 0 -1.5rem;
  }
}

.ui-number__decrease {
  border-right: 1px solid #D2DBEA;
}

.ui-number__increase {
  border-left: 1px solid #D2DBEA;
}

.ui-number__input {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  color: #4F4E62;
  text-align: center;
}
@media (min-width: 1200px) {
  .ui-number__input {
    font-size: 2.2rem;
  }
}

.ui-promocode {
  position: relative;
  border-radius: 1rem;
  border: 1px solid #fff;
  background: #fff;
  display: flex;
  gap: 1.6rem;
  padding: 0 1.6rem;
  transition: 0.25s;
}
.ui-promocode:has(:focus) {
  border-color: #A5AEBE;
}
.ui-promocode.is-active .ui-promocode__input {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.57143L4.63636 7L11 1' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.ui-promocode.is-active .ui-promocode__btn svg:nth-of-type(1) {
  display: none;
}
.ui-promocode.is-active .ui-promocode__btn svg:nth-of-type(2) {
  display: block;
}
.ui-promocode--light {
  background-color: #EEF3FA;
}
@media (min-width: 1200px) {
  .ui-promocode {
    padding: 0 1.6rem 0 2.4rem;
    font-size: 1.8rem;
  }
}

.ui-promocode__input {
  display: block;
  width: 100%;
  height: 5.2rem;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  background: none;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 1.2rem 1.2rem;
  color: #4F4E62;
  overflow: hidden;
}
.ui-promocode__input::-moz-placeholder {
  color: #4F4E62;
  opacity: 0.7;
  -moz-transition: 0.25s;
  transition: 0.25s;
}
.ui-promocode__input::placeholder {
  color: #4F4E62;
  opacity: 0.7;
  transition: 0.25s;
}
@media (min-width: 1200px) {
  .ui-promocode__input {
    height: 6rem;
    font-size: 1.8rem;
  }
}

.ui-promocode__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A5AEBE;
  transition: 0.25s;
  flex: 0 0 auto;
  aspect-ratio: 1/1;
}
.ui-promocode__btn:hover {
  color: #cc2e27;
  color: var(--color-red);
}
.ui-promocode__btn svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.ui-promocode__btn svg:nth-of-type(1) {
  display: block;
}
.ui-promocode__btn svg:nth-of-type(2) {
  display: none;
}
@media (min-width: 1200px) {
  .ui-promocode__btn svg {
    width: 3rem;
    height: 3rem;
  }
}

.ui-file {
  display: flex;
  gap: 2rem;
  border-radius: 2rem;
  border: 1px solid #D2DBEA;
  padding: 1.8rem;
  color: #4F4E62;
  height: 100%;
}
.ui-file:hover {
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .ui-file {
    padding: 3.2rem;
    gap: 2.6rem;
  }
}

.ui-file__icon {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  margin: 0;
}
.ui-file__icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .ui-file__icon {
    width: 6rem;
    height: 6rem;
  }
}

.ui-file__desc {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ui-file__name {
  display: block;
  margin: 0 0 auto;
  padding: 0 0 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-file__name {
    font-size: 1.8rem;
  }
}

.ui-file__text {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.8rem;
  line-height: 1.26;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-file__text {
    font-size: 2.2rem;
  }
}

.ui-file__size {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  text-transform: uppercase;
  color: #A5AEBE;
}
.ui-file__size svg {
  display: block;
  flex: 0 0 auto;
  width: 1.4rem;
  height: 1.4rem;
}
@media (min-width: 1200px) {
  .ui-file__size {
    font-size: 1.6rem;
  }
}

.ui-review {
  position: relative;
  overflow: hidden;
  background: #F3F7FC;
  border-radius: 1rem;
  padding: 1.6rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .ui-review {
    padding: 3.2rem;
    border-radius: 2rem;
  }
}

.ui-review__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0 0 2.4rem;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-review__head {
    margin: 0 0 3rem;
    gap: 4rem;
  }
}

.ui-review__scroll {
  margin: auto 0 0 0;
}

.ui-review__time {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
  flex: 1;
}
@media (min-width: 1200px) {
  .ui-review__time {
    font-size: 1.8rem;
    flex: 0 0 auto;
  }
}

.ui-review__rating {
  flex: 0 0 auto;
}
.ui-review__rating .ui-rating__star {
  width: 1.2rem;
  height: 1.2rem;
}
@media (min-width: 1200px) {
  .ui-review__rating {
    gap: 1.4rem;
  }
  .ui-review__rating .ui-rating__star {
    width: 2rem;
    height: 2rem;
  }
  .ui-review__rating .ui-rating__counter {
    font-size: 1.8rem;
  }
}

.ui-review__title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  flex: 0 0 100%;
}
@media (min-width: 1200px) {
  .ui-review__title {
    font-size: 2.2rem;
    flex: 1;
    order: -100;
  }
}

.ui-review__body {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  margin: 0 0 2.4rem;
  color: #6B717B;
}
.ui-review__body:last-child {
  margin: 0;
}
.ui-review__body dl {
  margin: 0;
}
.ui-review__body dt {
  display: block;
  margin: 0 0 0.8rem;
  font-weight: 500;
  color: #4F4E62;
}
.ui-review__body dd {
  display: block;
  margin: 0 0 1.6rem;
  color: #6B717B;
}
.ui-review__body dd:last-child {
  margin-bottom: 0;
}
.ui-review__body p {
  margin: 0 0 1.6rem;
}
.ui-review__body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .ui-review__body {
    font-size: 1.8rem;
  }
  .ui-review__body dt {
    margin: 0 0 1rem;
  }
  .ui-review__body dd {
    margin: 0 0 2rem;
  }
  .ui-review__body p {
    margin: 0 0 2rem;
  }
}

.ui-comment {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (min-width: 1200px) {
  .ui-comment.--faq .ui-comment__item-body {
    font-size: 2.2rem;
  }
}

.ui-comment__item {
  position: relative;
  padding: 1.6rem;
}
.ui-comment__item:before, .ui-comment__item:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  margin: -1px 0 0 0;
}
.ui-comment__item:before {
  z-index: 1;
}
.ui-comment__item:after {
  z-index: 2;
}
.ui-comment__item.--question {
  margin-right: 1.6rem;
  border-radius: 2rem 2rem 2rem 0;
  box-shadow: inset 0 0 0 1px #D2DBEA;
  background: #fff;
}
.ui-comment__item.--question:before {
  left: 0;
  border-right: 2.2rem solid transparent;
  border-top: 2.2rem solid #D2DBEA;
}
.ui-comment__item.--question:after {
  left: 1px;
  border-right: 2rem solid transparent;
  border-top: 2rem solid #fff;
}
.ui-comment__item.--answer {
  margin-left: 1.6rem;
  border-radius: 2rem 2rem 0 2rem;
  background: #F3F7FC;
}
.ui-comment__item.--answer:before {
  right: 0;
  border-left: 2.2rem solid transparent;
  border-top: 2.2rem solid #F3F7FC;
}
.ui-comment__item.--answer:after {
  right: 1px;
  border-left: 2rem solid transparent;
  border-top: 2rem solid #F3F7FC;
}
@media (min-width: 1200px) {
  .ui-comment__item {
    padding: 3.2rem;
  }
  .ui-comment__item.--question {
    margin-right: 0;
  }
  .ui-comment__item.--answer {
    margin-left: 23rem;
  }
}

.ui-comment__item-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 1.6rem;
}
@media (min-width: 1200px) {
  .ui-comment__item-head {
    margin: 0 0 2rem;
  }
}

.ui-comment__item-body {
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.ui-comment__item-body:last-child {
  margin-bottom: 0;
}
.ui-comment__item-body p {
  margin: 0 0 1.6rem;
}
.ui-comment__item-body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .ui-comment__item-body {
    font-size: 1.8rem;
    margin: 0 0 2rem;
  }
}

.ui-comment__item-foot {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-comment__item-foot {
    gap: 3.2rem;
  }
}

.ui-comment__item-author {
  display: block;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-comment__item-author {
    font-size: 1.8rem;
    flex: 0 0 auto;
  }
}

.ui-comment__item-time {
  display: block;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-comment__item-time {
    font-size: 1.8rem;
  }
}

.ui-comment__item.--question:before,
.ui-comment__item.--question:after {
  all: unset;
}

.ui-comment__item.--question:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  width: 24PX;
  height: 22PX;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='22' viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10401_59213)'%3E%3Cpath d='M20 -150.5H1242C1252.77 -150.5 1261.5 -141.77 1261.5 -131V-18C1261.5 -7.23045 1252.77 1.5 1242 1.5H22.0713C20.6126 1.5 19.2131 2.07988 18.1816 3.11133L0.5 20.793V-131C0.500003 -141.77 9.23045 -150.5 20 -150.5Z' fill='white' stroke='%23D2DBEA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10401_59213'%3E%3Crect width='24' height='22' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: contain;
  margin: -2PX 0 0 0;
}

.ui-supporting {
  display: block;
  margin: 0;
  padding: 1.6rem;
  border-radius: 1rem;
  background: #F3F7FC;
}
@media (min-width: 1200px) {
  .ui-supporting {
    padding: 2.2rem 2.4rem;
    position: relative;
    display: flex;
    align-items: flex-end;
  }
}

.ui-supporting__desc {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.ui-supporting__desc > * {
  min-width: 0;
}
@media (min-width: 1200px) {
  .ui-supporting__desc {
    gap: 1.6rem;
    flex: 1;
  }
}

.ui-supporting__text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .ui-supporting__text {
    font-size: 1.6rem;
  }
}

.ui-supporting__image {
  display: none;
}
@media (min-width: 1200px) {
  .ui-supporting__image {
    position: relative;
    height: auto;
    width: 10rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex: 0 0 auto;
    margin: -2.2rem 0;
  }
  .ui-supporting__image img {
    display: block;
  }
}

.ui-upload {
  position: relative;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  gap: 1.6rem;
  align-items: flex-start;
  justify-content: center;
  vertical-align: top;
  min-height: 4rem;
}
.ui-upload.is-error .ui-upload__control {
  display: none;
}
.ui-upload.is-error .ui-upload__validate {
  display: flex;
}
.ui-upload.is-success .ui-upload__file {
  display: inline-flex;
}

.ui-upload__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.ui-upload__control {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem;
}

.ui-upload__btn {
  min-width: 16.2rem;
  height: 4rem;
}

.ui-upload__caption {
  display: block;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  color: #6B717B;
}

.ui-upload__wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1.6rem;
}

.ui-upload__file {
  display: none;
  vertical-align: top;
  align-items: center;
  gap: 0.6rem;
}

.ui-upload__file-name {
  display: block;
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  color: #6B717B;
}

.ui-upload__file-delete {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  color: #A5AEBE;
  transition: 0.25s;
}
.ui-upload__file-delete svg {
  display: block;
  width: 100%;
  height: 100%;
}
.ui-upload__file-delete:hover {
  color: #A8241E;
}

.ui-upload__validate {
  display: none;
  gap: 0.6rem;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
}

.ui-upload__validate-text {
  color: #CC2E27;
}

.ui-upload__validate-clear {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #6B717B;
}
.ui-upload__validate-clear:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4F4E62;
}

.ui-timer {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 500;
  color: #A5AEBE;
}
.ui-timer a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #A5AEBE;
}
.ui-timer a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-timer {
    font-size: 1.4rem;
  }
}

.ui-tabs__control {
  display: flex;
  margin: 0 0 3.2rem;
}

.ui-tabs__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: 3.8rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  color: #A5AEBE;
  border-bottom: 2px solid #D2DBEA;
  transition: 0.25s;
}
.ui-tabs__btn:hover {
  color: #6B717B;
}
.ui-tabs__btn.is-active {
  border-color: #CC2E27;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-tabs__btn {
    font-size: 1.6rem;
    height: 4rem;
  }
}

.ui-tabs__wrapper {
  position: relative;
  overflow: hidden;
  display: flex;
}

.ui-tabs__content {
  opacity: 0;
  visibility: hidden;
  flex: 0 0 100%;
}
.ui-tabs__content.is-active {
  opacity: 1;
  visibility: visible;
  order: -100;
  transition: opacity 0.5s;
}

.ui-autosize {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}
.ui-autosize * {
  will-change: transform;
}
.ui-autosize--light .ui-autosize__scroll {
  background: #EEF3FA;
}
.ui-autosize:has(.ui-autosize__textarea:not(:-moz-placeholder-shown)) .ui-autosize__label {
  transform: scale(0.625) translate(0, -40%);
}
.ui-autosize:has(:focus) .ui-autosize__label, .ui-autosize:has(.ui-autosize__textarea:not(:placeholder-shown)) .ui-autosize__label {
  transform: scale(0.625) translate(0, -40%);
}
.ui-autosize:has(.ui-autosize__textarea:not(:-moz-placeholder-shown)) .ui-autosize__scroll {
  border-color: #A5AEBE;
}
.ui-autosize:has(:focus) .ui-autosize__scroll, .ui-autosize:has(.ui-autosize__textarea:not(:placeholder-shown)) .ui-autosize__scroll {
  border-color: #A5AEBE;
}
.ui-autosize:has(.is-error) .ui-autosize__scroll {
  border-color: #F0501F;
}

.ui-autosize__area {
  display: block;
}

.ui-autosize__scroll {
  display: block;
  height: 11.2rem;
  border-radius: 1rem;
  position: relative;
  border: 1px solid transparent;
  overflow: hidden;
}
.ui-autosize__scroll:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2.8rem;
  background: inherit;
  z-index: 100;
  border-radius: inherit;
}
.ui-autosize__scroll .scrollbar-track-y {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2.4rem;
  z-index: 200;
}
.ui-autosize__scroll .scrollbar-track-y:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  left: 50%;
  bottom: 1.2rem;
  width: 2px;
  height: auto;
  border-radius: 2px;
  background: #D2DBEA;
  margin: 0 0 0 -1px;
}
.ui-autosize__scroll .scrollbar-thumb-y {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: auto;
  margin: 0 0 0 -1px;
}
.ui-autosize__scroll .scrollbar-thumb-y:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  left: 0;
  right: 0;
  bottom: 1.2rem;
  background: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-autosize__scroll {
    height: 13.2rem;
  }
}

.ui-autosize__textarea {
  display: block;
  min-width: 100%;
  max-width: 100%;
  width: 100%;
  height: 11rem;
  overflow: hidden;
  resize: none;
  padding: 2.4rem 2.4rem 1.6rem 1.6rem;
  font-family: "Onest", Arial, sans-serif;
  font-family: var(--font-primary);
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  will-change: transform;
  overflow: hidden;
}
.ui-autosize__textarea::-moz-placeholder {
  opacity: 0;
}
.ui-autosize__textarea::placeholder {
  opacity: 0;
}
@media (min-width: 1200px) {
  .ui-autosize__textarea {
    font-size: 1.8rem;
    height: 12.8rem;
    padding: 2.4rem;
  }
}

.ui-autosize__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 5.2rem;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  padding: 0 1.6rem;
  color: rgba(79, 78, 98, 0.7);
  transform-origin: 1.6rem center;
  transition: 0.25s;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .ui-autosize__label {
    font-size: 1.8rem;
    padding: 0 2.4rem;
    transform-origin: 2.4rem center;
  }
}

.ui-autosize__symbols {
  display: block;
  padding: 1rem 0 0 0;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 500;
  text-align: right;
  color: #A5AEBE;
}
.ui-autosize__symbols.is-max {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-autosize__symbols {
    font-size: 1.4rem;
  }
}

.ui-event {
  border-radius: 1rem;
  background: #F3F7FC;
  padding: 1rem;
  display: grid;
  grid-template-columns: 9rem 1fr;
  grid-template-areas: "image title" "image info" "price price";
  align-items: start;
  grid-gap: 0 1.6rem;
  gap: 0 1.6rem;
  color: #4F4E62;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-event:hover {
  color: #4F4E62;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .ui-event {
    padding: 1.2rem;
    grid-template-areas: "image title" "image info" "image price";
    grid-template-columns: 14rem 1fr;
    gap: 0 2.4rem;
  }
}

.ui-event__image {
  position: relative;
  display: block;
  width: 9rem;
  height: auto;
  aspect-ratio: 140/100;
  border-radius: 0.6rem;
  overflow: hidden;
  margin: 0 0 2.4rem;
  grid-area: image;
}
.ui-event__image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.ui-event__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-event__image {
    width: 14rem;
    border-radius: 1rem;
    margin: 0;
  }
}

.ui-event__title {
  margin: 0 0 0.6rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  overflow: hidden;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  grid-area: title;
}

.ui-event__info {
  margin: 0 0 2.4rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  grid-area: info;
}
.ui-event__info > li {
  position: relative;
}
.ui-event__info > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -0.8rem;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  background: #D2DBEA;
  margin: -2px 0 0 0;
}
.ui-event__info > li:last-child:after {
  display: none;
}
@media (min-width: 1200px) {
  .ui-event__info {
    margin: 0 0 1.2rem;
  }
}

.ui-event__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
  color: #4F4E62;
  grid-area: price;
}
.ui-event__price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-event__price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
  font-size: 1.4rem;
  font-weight: 500;
}
.ui-event__price mark {
  color: #CC2E27;
  font-size: 1.4rem;
  font-weight: 500;
}

.ui-counter {
  display: inline-flex;
  vertical-align: top;
  width: auto;
  height: 2.4rem;
  overflow: hidden;
}
.ui-counter:has(:disabled) {
  opacity: 0.4;
  pointer-events: none;
}
.ui-counter.is-one .ui-counter__decrease svg:nth-of-type(1) {
  opacity: 0;
}
.ui-counter.is-one .ui-counter__decrease svg:nth-of-type(2) {
  opacity: 1;
}
@media (min-width: 1200px) {
  .ui-counter {
    height: 3rem;
  }
}

.ui-counter__decrease,
.ui-counter__increase {
  padding: 0;
  flex: 0 0 auto;
  width: auto;
  aspect-ratio: 1/1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: 0.25s;
  border-radius: 1rem;
  background: #fff;
  color: #4F4E62;
}
.ui-counter__decrease svg,
.ui-counter__increase svg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-counter__decrease svg:nth-of-type(1),
.ui-counter__increase svg:nth-of-type(1) {
  opacity: 1;
}
.ui-counter__decrease svg:nth-of-type(2),
.ui-counter__increase svg:nth-of-type(2) {
  opacity: 0;
}
.ui-counter__decrease:hover,
.ui-counter__increase:hover {
  background: #cc2e27;
  background: var(--color-red);
  color: #fff;
}
.ui-counter__input {
  display: block;
  width: 6rem;
  height: 100%;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  color: #6B717B;
  text-align: center;
}
@media (min-width: 1200px) {
  .ui-counter__input {
    width: 6.4rem;
    font-size: 1.6rem;
  }
}

.ui-addtocart .ui-btn {
  width: 100%;
}
.ui-addtocart.is-active .ui-addtocart__false {
  display: none;
}
.ui-addtocart.is-active .ui-addtocart__true {
  display: flex;
}

.ui-addtocart__false {
  display: block;
}

.ui-addtocart__true {
  display: none;
  gap: 1.6rem;
}
.ui-addtocart__true .ui-number {
  flex: 0 0 auto;
  height: auto;
}
.ui-addtocart__true .ui-btn {
  flex: 1;
}

.ui-author {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.ui-author__image {
  display: block;
  overflow: hidden;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: 1px solid #D2DBEA;
  flex: 0 0 auto;
}
.ui-author__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-author__image {
    width: 7rem;
    height: 7rem;
  }
}

.ui-author__cite {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  font-style: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (min-width: 1200px) {
  .ui-author__cite {
    font-size: 2.2rem;
  }
}

.ui-order {
  border-radius: 1rem;
  padding: 1.6rem;
  background: #fff;
}
.ui-order.is-open .ui-order__toggle svg {
  transform: rotate(180deg);
}
@media (min-width: 1200px) {
  .ui-order {
    border-radius: 2rem;
    padding: 2.6rem 2.8rem;
  }
}

.ui-order__head {
  padding: 0 0 2rem;
  margin: 0 0 1.4rem;
  border-bottom: 1px solid #D2DBEA;
}
@media (min-width: 768px) {
  .ui-order__head {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem 1.6rem;
  }
}
@media (min-width: 1200px) {
  .ui-order__head {
    gap: 0.8rem 4rem;
  }
}

.ui-order__body .row {
  align-items: center;
}

.ui-order__info {
  margin: 0 0 1.4rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.4rem 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.ui-order__info > li {
  position: relative;
}
.ui-order__info > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1.5rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #A5AEBE;
  margin: -0.3rem -0.3rem 0 0;
}
.ui-order__info > li:first-of-type {
  font-weight: 500;
}
.ui-order__info > li:last-of-type:after {
  display: none;
}
@media (min-width: 768px) {
  .ui-order__info {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ui-order__info {
    gap: 1.6rem 4.8rem;
    font-size: 2.2rem;
  }
  .ui-order__info > li:after {
    width: 0.8rem;
    height: 0.8rem;
    margin: -0.4rem -0.4rem 0 0;
    right: -2.4rem;
  }
}

.ui-order__price {
  margin: 0 0 1.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4rem 2.2rem;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
}
.ui-order__price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-order__price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-weight: 500;
  color: #A5AEBE;
}
.ui-order__price .ui-tooltip {
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .ui-order__price {
    margin: 0 0 0 auto;
    order: 100;
  }
}
@media (min-width: 1200px) {
  .ui-order__price {
    font-size: 2.2rem;
    gap: 0.8rem 1.8rem;
  }
  .ui-order__price .ui-tooltip {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.ui-order__status {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.ui-order__status-badge {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  gap: 1rem;
  height: 3rem;
  padding: 0 0.8rem;
  border-radius: 0.6rem;
  background: #828B9B;
  color: #fff;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .ui-order__status-badge {
    height: 3.5rem;
    padding: 0 0.8rem 0 1.2rem;
  }
}

.ui-order__status-text {
  display: block;
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .ui-order__status-text {
    font-size: 1.8rem;
  }
}

.ui-order__status-icon {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-order__status-icon {
    width: 2.3rem;
    height: 2.3rem;
  }
}

.ui-order__status-content {
  display: none;
}

.ui-order__button {
  margin: 0 0 1.4rem;
}
.ui-order__button .ui-btn {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .ui-order__button {
    text-align: right;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ui-order__button .ui-btn {
    height: 5.2rem;
    padding: 0 3.8rem;
    font-size: 1.8rem;
  }
}

.ui-order__delivery {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .ui-order__delivery {
    font-size: 1.8rem;
    margin: 0 0 1.2rem;
  }
}

.ui-order__toggle {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
.ui-order__toggle svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
  transition: transform 0.25s;
}
.ui-order__toggle:hover {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-order__toggle {
    font-size: 1.8rem;
    gap: 0.8rem;
  }
  .ui-order__toggle svg {
    width: 2rem;
    height: 2rem;
  }
}

.ui-order__collapse {
  display: none;
  position: relative;
  padding: 2rem 0 0 0;
}
@media (min-width: 1200px) {
  .ui-order__collapse {
    padding: 3.2rem 0 0 0;
  }
}

@media (max-width: 767px) {
  .ui-order__table {
    display: block;
  }
  .ui-order__table thead,
  .ui-order__table tbody,
  .ui-order__table tfoot,
  .ui-order__table tr,
  .ui-order__table th,
  .ui-order__table td {
    display: block;
  }
  .ui-order__table tr {
    padding: 2rem 0 0;
    margin: 0 0 2rem;
    border-top: 1px solid #D2DBEA;
    display: flex;
    flex-wrap: wrap;
    gap: 1.4rem 1.6rem;
  }
  .ui-order__table tr:last-child {
    margin: 0;
  }
  .ui-order__table td {
    flex: 0 0 100%;
  }
  .ui-order__table td:nth-of-type(4), .ui-order__table td:nth-of-type(5) {
    flex: 1;
  }
}
@media (min-width: 768px) {
  .ui-order__table {
    display: block;
  }
  .ui-order__table thead,
  .ui-order__table tbody,
  .ui-order__table tfoot,
  .ui-order__table tr,
  .ui-order__table th,
  .ui-order__table td {
    display: block;
  }
  .ui-order__table tr {
    border-top: 1px solid #D2DBEA;
    padding: 1.6rem 0 0 0;
    margin: 0 0 1.6rem;
    display: grid;
    align-items: start;
    grid-template-columns: auto 5fr 2fr 2fr;
    grid-template-areas: "image title count price" "image info info button";
    grid-template-rows: 1fr 5.2rem;
    grid-gap: 0.8rem 1.6rem;
    gap: 0.8rem 1.6rem;
    position: relative;
  }
  .ui-order__table tr:last-child {
    margin: 0;
  }
  .ui-order__table td {
    min-width: 0;
  }
  .ui-order__table td:nth-of-type(1) {
    grid-area: image;
  }
  .ui-order__table td:nth-of-type(2) {
    grid-area: title;
  }
  .ui-order__table td:nth-of-type(3) {
    grid-area: price;
  }
  .ui-order__table td:nth-of-type(4) {
    grid-area: info;
    align-self: center;
  }
  .ui-order__table td:nth-of-type(5) {
    grid-area: count;
  }
  .ui-order__table td:nth-of-type(6) {
    grid-area: button;
    align-self: center;
  }
}
@media (min-width: 1200px) {
  .ui-order__table tr {
    padding: 3.2rem 0 0 0;
    margin: 0 0 3.2rem;
    gap: 0 3.2rem;
  }
}

.ui-order__table-image {
  display: block;
  border-radius: 0.8rem;
  border: 1px solid #D2DBEA;
  width: 9rem;
  height: 7.7rem;
  overflow: hidden;
  margin: 0;
}
.ui-order__table-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-order__table-image {
    width: 12rem;
    height: 10.4rem;
    border-radius: 1rem;
  }
}

.ui-order__table-title {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  transition: color 0.25s;
}
.ui-order__table-title:hover {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-order__table-title {
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 500;
    max-width: 54rem;
  }
}

.ui-order__table-price {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.8rem 1.6rem;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 700;
  white-space: nowrap;
}
.ui-order__table-price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-order__table-price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-weight: 500;
  color: #A5AEBE;
}
@media (min-width: 768px) {
  .ui-order__table-price {
    justify-content: flex-end;
    white-space: nowrap;
  }
}
@media (min-width: 1200px) {
  .ui-order__table-price {
    font-size: 2.2rem;
  }
}

.ui-order__table-info {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.ui-order__table-info > li {
  margin: 0 0 1rem;
}
.ui-order__table-info > li:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .ui-order__table-info {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem 1.6rem;
  }
  .ui-order__table-info > li {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ui-order__table-info {
    gap: 1.6rem 4rem;
    font-size: 1.8rem;
  }
}

.ui-order__table-count {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-order__table-count {
    font-size: 2.2rem;
  }
}

.ui-order__table-button .ui-btn {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
  white-space: nowrap;
}
.ui-order__table-button .ui-btn--outline {
  color: #6B717B;
}
.ui-order__table-button .ui-btn--outline:hover {
  color: #fff;
}
@media (min-width: 1200px) {
  .ui-order__table-button .ui-btn {
    height: 5.2rem;
    font-size: 1.8rem;
    padding: 0 4.2rem;
  }
}

.ui-publication {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}
.ui-publication .form-response-success {
  padding: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-publication .form-response-success {
    padding: 3.2rem;
  }
}

.ui-publication__review {
  position: relative;
}
.ui-publication__review:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 1.6rem;
  right: 1.6rem;
  border-top: 1px solid #D2DBEA;
}
.ui-publication__review .ui-review {
  background: transparent;
  height: auto;
}
@media (min-width: 1200px) {
  .ui-publication__review:before {
    left: 3.2rem;
    right: 3.2rem;
  }
}

.ui-publication__collapse {
  display: none;
  position: relative;
  padding: 0 1.6rem 1.6rem;
}
@media (min-width: 992px) {
  .ui-publication__collapse {
    padding: 0 1.6rem 1.6rem 12.2rem;
  }
}
@media (min-width: 1200px) {
  .ui-publication__collapse {
    padding: 0 3.2rem 3.2rem 18.4rem;
  }
}

.ui-publication__collapse-handler {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.6rem;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
.ui-publication__collapse-handler svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 992px) {
  .ui-publication__collapse-handler {
    position: absolute;
    top: 0;
    left: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .ui-publication__collapse-handler {
    position: absolute;
    top: 0;
    left: 3.2rem;
    font-size: 1.8rem;
    gap: 0.8rem;
  }
  .ui-publication__collapse-handler svg {
    width: 2rem;
    height: 2rem;
  }
}

.ui-publication__collapse-content .ui-field,
.ui-publication__collapse-content .ui-upload-area {
  margin: 0 0 1.6rem;
}
.ui-publication__collapse-content .ui-btn {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
}
@media (min-width: 1200px) {
  .ui-publication__collapse-content .ui-field:has(.ui-textarea),
  .ui-publication__collapse-content .ui-upload-area {
    margin: 0 0 3.2rem;
  }
  .ui-publication__collapse-content .ui-btn {
    width: auto;
    height: 5.2rem;
    padding: 0 3.5rem;
    font-size: 1.8rem;
  }
}

.ui-product {
  padding: 1.6rem;
  border-radius: 1rem;
  display: grid;
  grid-template-columns: 9rem 1fr;
  grid-template-areas: "status status" "image desc" "vote vote";
  grid-gap: 0 1.6rem;
  gap: 0 1.6rem;
}
@media (min-width: 768px) {
  .ui-product {
    display: flex;
    gap: 1.6rem;
  }
}
@media (min-width: 992px) {
  .ui-product {
    display: flex;
    gap: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .ui-product {
    padding: 3.2rem;
    display: flex;
    gap: 3.2rem;
  }
}

.ui-product__image {
  display: block;
  margin: 0;
  width: 9rem;
  height: 7.7rem;
  border-radius: 1rem;
  overflow: hidden;
  border: 1px solid #D2DBEA;
  grid-area: image;
}
.ui-product__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .ui-product__image {
    margin: 0;
    flex: 0 0 auto;
  }
}
@media (min-width: 992px) {
  .ui-product__image {
    margin: 0;
    flex: 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .ui-product__image {
    width: 12rem;
    height: 10.4rem;
    flex: 0 0 auto;
    margin: 0;
  }
}

.ui-product__desc {
  grid-area: desc;
  margin: 0;
}
.ui-product__desc:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .ui-product__desc {
    flex: 1;
    margin: 0 auto 0 0;
  }
}
@media (min-width: 992px) {
  .ui-product__desc {
    flex: 1;
    margin: 0 auto 0 0;
  }
}
@media (min-width: 1200px) {
  .ui-product__desc {
    margin: 0 auto 0 0;
    flex: 1;
    max-width: 52rem;
  }
}

.ui-product__title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-product__title {
    margin: 0 0 1.6rem;
    font-size: 2.2rem;
  }
}

.ui-product__info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 2rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .ui-product__info {
    font-size: 1.8rem;
    gap: 0.8rem 4rem;
  }
}

.ui-product__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.ui-product__list > li {
  margin: 0 0 1rem;
}
.ui-product__list > li:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .ui-product__list {
    font-size: 1.8rem;
  }
}

.ui-product__link {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  gap: 0.4rem;
  color: #6B717B;
}
.ui-product__link svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
.ui-product__link:hover {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-product__link {
    font-size: 1.8rem;
    gap: 1rem;
  }
  .ui-product__link svg {
    width: 2rem;
    height: 2rem;
  }
}

.ui-product__status {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  gap: 1rem;
  height: 3rem;
  padding: 0 0.8rem;
  border-radius: 0.6rem;
  background: #828B9B;
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  white-space: nowrap;
  grid-area: status;
  justify-self: flex-start;
  margin: 0 0 1.6rem;
}
.ui-product__status svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .ui-product__status {
    margin: 0;
  }
}
@media (min-width: 992px) {
  .ui-product__status {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ui-product__status {
    height: 3.5rem;
    padding: 0 0.8rem 0 1.2rem;
    font-size: 1.8rem;
    margin: 0;
  }
  .ui-product__status svg {
    width: 2.3rem;
    height: 2.3rem;
  }
}

.ui-product__vote {
  grid-area: vote;
  margin: 1.6rem 0 0;
}
@media (min-width: 992px) {
  .ui-product__vote {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .ui-product__vote {
    margin: 0;
  }
}

.ui-drop {
  display: inline-block;
  vertical-align: top;
  position: relative;
  height: 5.2rem;
  width: 100%;
}
.ui-drop.is-selected .ui-drop__handler {
  color: #6B717B;
}
.ui-drop.is-open {
  z-index: 500;
}
.ui-drop.is-open .ui-drop__handler-arrow {
  transform: rotate(180deg);
}
.ui-drop.is-open .ui-drop__offcanvas {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media (min-width: 1200px) {
  .ui-drop {
    height: 6rem;
  }
}

.ui-drop__handler {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 3.2rem 0 1.6rem;
  position: relative;
  background: #fff;
  background-position: right 1.6rem center;
  background-repeat: no-repeat;
  border: 1px solid #D2DBEA;
  height: 100%;
  border-radius: 1rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: left;
  white-space: nowrap;
  color: #A5AEBE;
  transition: 0.25s;
  width: 100%;
}
.ui-drop__handler:hover .ui-drop__handler-arrow {
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .ui-drop__handler {
    padding: 0 6.2rem 0 2.4rem;
    font-size: 1.8rem;
    background-position: right 2.4rem center;
  }
}

.ui-drop__handler-selected {
  display: block;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-drop__handler-arrow {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  margin: -0.8rem 0 0 0;
  transition: 0.25s;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-drop__handler-arrow {
    width: 2.4rem;
    height: 2.4rem;
    right: 2.4rem;
    margin: -1.2rem 0 0 0;
  }
}

.ui-drop__offcanvas {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 500;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  margin: 1.2rem 0 0 0;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: 0.25s;
  padding: 1.6rem;
  max-height: 27.2rem;
  overflow-x: hidden;
  overflow-y: visible;
}
@media (min-width: 1200px) {
  .ui-drop__offcanvas {
    padding: 2.4rem;
  }
}

.ui-drop__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-gap: 1.4rem;
  gap: 1.4rem;
}
.ui-drop__list > li {
  min-width: 0;
}

.ui-preview {
  padding: 1.6rem;
  border-radius: 1rem;
  display: flex;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .ui-preview {
    padding: 3.2rem;
    gap: 3.2rem;
  }
}

.ui-preview__image {
  display: block;
  margin: 0;
  width: 11.2rem;
  height: 8.8rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
  border: 1px solid #D2DBEA;
  flex: 0 0 auto;
}
.ui-preview__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .ui-preview__image {
    width: 13.2rem;
    height: 13.2rem;
    flex: 0 0 auto;
    border-radius: 1.6rem;
  }
}

.ui-preview__desc {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.ui-preview__title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .ui-preview__title {
    margin: 0 0 1.6rem;
    font-size: 2.2rem;
  }
}

.ui-preview__link {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  gap: 0.4rem;
  color: #6B717B;
  margin: auto 0 0 0;
}
.ui-preview__link svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
}
.ui-preview__link:hover {
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .ui-preview__link {
    font-size: 1.8rem;
    gap: 1rem;
  }
  .ui-preview__link svg {
    width: 2rem;
    height: 2rem;
  }
}

.ui-wysiwyg {
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
}
.ui-wysiwyg .row {
  margin: 0 -2.5rem -3rem;
  padding: 0 0 4rem;
}
.ui-wysiwyg .row:last-child {
  padding-bottom: 0;
}
.ui-wysiwyg .row > [class^=col] {
  padding: 0 2.5rem 3rem;
}
.ui-wysiwyg h2 {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
.ui-wysiwyg ol {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
  counter-reset: point;
}
.ui-wysiwyg ol:last-child {
  margin-bottom: 0;
}
.ui-wysiwyg ol > li {
  position: relative;
  padding: 0 0 0 2.8rem;
  margin: 0 0 1.2rem;
}
.ui-wysiwyg ol > li:after {
  content: counter(point) ".";
  counter-increment: point 1;
  position: absolute;
  top: 0;
  left: 0;
}
.ui-wysiwyg ol > li:last-child {
  margin-bottom: 0;
}
.ui-wysiwyg ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.ui-wysiwyg ul:last-child {
  margin-bottom: 0;
}
.ui-wysiwyg ul > li {
  position: relative;
  padding: 0 0 0 1.6rem;
  margin: 0 0 1.2rem;
}
.ui-wysiwyg ul > li:last-child {
  margin-bottom: 0;
}
.ui-wysiwyg ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0;
  border-radius: 50%;
  background: #CC2E27;
}
.ui-wysiwyg ul + .row, .ui-wysiwyg ul + h2 {
  margin-top: 4rem;
}
.ui-wysiwyg p {
  margin: 0 0 1rem;
}
.ui-wysiwyg p:last-child {
  margin-bottom: 0;
}
.ui-wysiwyg p + h2 {
  margin-top: 4rem;
}
.ui-wysiwyg b {
  font-weight: 500;
  color: #4F4E62;
}
.ui-wysiwyg picture {
  display: block;
  margin: 0 0 4rem;
  border-radius: 2rem;
  overflow: hidden;
}
.ui-wysiwyg picture:last-child {
  margin-bottom: 0;
}
.ui-wysiwyg picture img {
  display: block;
  width: 100%;
  height: auto;
}
.ui-wysiwyg a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #cc2e27;
  color: var(--color-red);
}
.ui-wysiwyg a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #a8241e;
  color: var(--color-red-hover);
}
@media (min-width: 1200px) {
  .ui-wysiwyg {
    font-size: 1.8rem;
  }
  .ui-wysiwyg h2 {
    font-size: 3rem;
    margin: 0 0 2rem;
  }
  .ui-wysiwyg p {
    margin: 0 0 1.6rem;
  }
  .ui-wysiwyg ul {
    margin: 0 0 4rem;
  }
  .ui-wysiwyg ul > li {
    padding: 0 0 0 2.4rem;
    margin: 0 0 2rem;
  }
  .ui-wysiwyg ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.header__desktop-search-control,
.header__sticky-search-control,
.header__mobile-search-control {
  z-index: 2000;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 1000;
  padding: 1.6rem;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.ui-autocomplete:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #000;
  opacity: 0.4;
}
.ui-autocomplete.is-open {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1200px) {
  .ui-autocomplete {
    padding: 1.6rem 0 0;
  }
}

.ui-autocomplete__in {
  background: #fff;
  border-radius: 1rem;
  padding: 1rem 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc(100svh - 7rem - 5.2rem - 7rem - 3.2rem);
  overscroll-behavior: none;
}
.ui-autocomplete__in::-webkit-scrollbar {
  display: none;
}

.ui-autocomplete__group {
  margin: 0 0 1.8rem;
  padding: 0 0 1.8rem;
  position: relative;
}
.ui-autocomplete__group:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 1.4rem;
  right: 1.4rem;
  border-bottom: 1px solid #D2DBEA;
}
.ui-autocomplete__group:last-child {
  padding: 0;
  margin: 0;
}
.ui-autocomplete__group:last-child:after {
  display: none;
}
@media (min-width: 1200px) {
  .ui-autocomplete__group {
    padding: 0 0 1rem;
    margin: 0 0 2rem;
  }
  .ui-autocomplete__group:after {
    left: 1.8rem;
    right: 1.8rem;
  }
}

.ui-autocomplete__title {
  display: block;
  padding: 0 1.4rem;
  margin: 0 0 0.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-autocomplete__title {
    padding: 0 1.8rem;
    margin: 0 0 0.8rem;
    font-size: 1.6rem;
  }
}

.ui-autocomplete__list {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.ui-autocomplete__list a {
  display: block;
  padding: 0.6rem 1.4rem;
  color: #6B717B;
}
.ui-autocomplete__list a:hover {
  background: #F3F7FC;
  color: #6B717B;
}
.ui-autocomplete__list b {
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .ui-autocomplete__list {
    font-size: 1.8rem;
  }
  .ui-autocomplete__list a {
    padding: 1rem 1.8rem;
  }
}

.ui-tinymce {
  margin: 0 0 6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.ui-tinymce:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .ui-tinymce {
    margin: 0 0 7rem;
    font-size: 2.2rem;
    max-width: 103.2rem;
  }
}
.ui-tinymce > h1, .ui-tinymce > h2, .ui-tinymce > h3, .ui-tinymce > h4, .ui-tinymce > h5, .ui-tinymce > h6 {
  display: block;
  color: #4F4E62;
}
.ui-tinymce > h2 {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-tinymce > h2 {
    font-size: 5rem;
    margin: 0 0 5rem;
  }
}
.ui-tinymce > h3 {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-tinymce > h3 {
    font-size: 4rem;
    margin: 0 0 4rem;
  }
}
.ui-tinymce > h4 {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .ui-tinymce > h4 {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
}
.ui-tinymce > h5 {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .ui-tinymce > h5 {
    font-size: 3rem;
    margin: 0 0 5rem;
  }
}
.ui-tinymce > ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.ui-tinymce > ul > li {
  position: relative;
  min-width: 0;
  padding: 0 0 0 1.6rem;
}
.ui-tinymce > ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
}
@media (min-width: 1200px) {
  .ui-tinymce > ul {
    gap: 2rem;
    margin: 0 0 5rem;
  }
  .ui-tinymce > ul > li {
    padding: 0 0 0 2.4rem;
  }
  .ui-tinymce > ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.ui-tinymce > ol {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
  counter-reset: point;
  font-size: 1.6rem;
}
.ui-tinymce > ol > li {
  position: relative;
  padding: 0 0 0 3.4rem;
}
.ui-tinymce > ol > li:before {
  content: counter(point, decimal-leading-zero);
  counter-increment: point 1;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-tinymce > ol {
    margin: 0 0 5rem;
    gap: 4rem;
    font-size: 2.2rem;
  }
  .ui-tinymce > ol > li {
    padding: 0 0 0 5.2rem;
  }
}
.ui-tinymce > b {
  color: #4F4E62;
  font-weight: 500;
}
.ui-tinymce > mark {
  margin: 0 0 6rem;
  padding: 1.8rem;
  display: block;
  border-radius: 1rem;
  background: rgba(249, 227, 231, 0.5);
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A8241E;
}
.ui-tinymce > mark > p {
  margin: 0 0 2rem;
}
.ui-tinymce > mark > p:last-child {
  margin-bottom: 0;
}
.ui-tinymce > mark > a {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  height: 4.2rem;
  border-radius: 1rem;
  padding: 0.8rem 1.6rem;
  background: #fff;
  color: #6B717B;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-tinymce > mark > a:hover {
  color: #CC2E27;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .ui-tinymce > mark {
    margin: 0 0 5rem;
    padding: 2.8rem;
    font-size: 2.2rem;
  }
  .ui-tinymce > mark > p {
    margin: 0 0 3rem;
  }
  .ui-tinymce > mark > a {
    height: 4.8rem;
    padding: 0 2rem;
    font-size: 1.8rem;
  }
}
.ui-tinymce > blockquote {
  display: block;
  margin: 0 0 6rem;
  border-left: 2px solid #CC2E27;
  padding: 4rem 0 0 2rem;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
.ui-tinymce > blockquote:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 2rem;
  width: 2.4rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='28' viewBox='0 0 31 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 18.5V24C13.5 26.2091 11.7091 28 9.5 28H4C1.79086 28 0 26.2091 0 24V14.5C0 4.12464 4.85912 0.851064 8.76022 0.154843C9.71169 -0.014963 10.5 0.783502 10.5 1.75C10.5 2.7165 9.69512 3.46522 8.77462 3.75984C4.60433 5.09461 3.5 11.2435 3.5 14.5H9.5C11.7091 14.5 13.5 16.2909 13.5 18.5Z' fill='%23CC2E27'/%3E%3Cpath d='M31 18.5V24C31 26.2091 29.2091 28 27 28H21.5C19.2909 28 17.5 26.2091 17.5 24V14.5C17.5 4.12464 22.3591 0.851064 26.2602 0.154843C27.2117 -0.014963 28 0.783502 28 1.75C28 2.7165 27.1951 3.46522 26.2746 3.75984C22.1043 5.09461 21 11.2435 21 14.5H27C29.2091 14.5 31 16.2909 31 18.5Z' fill='%23CC2E27'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.ui-tinymce > blockquote p {
  margin: 0 0 2rem;
}
.ui-tinymce > blockquote p:last-child {
  margin-bottom: 0;
}
.ui-tinymce > blockquote figure {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.ui-tinymce > blockquote figure picture {
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
}
.ui-tinymce > blockquote figure picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ui-tinymce > blockquote figure figcaption {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #4F4E62;
}
.ui-tinymce > blockquote figure small {
  display: block;
  font-size: 1.4rem;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .ui-tinymce > blockquote {
    border-width: 0.3rem;
    padding: 5.8rem 0 0 3rem;
    font-size: 2.2rem;
  }
  .ui-tinymce > blockquote:before {
    width: 3.2rem;
    height: 2.8rem;
    top: 0;
    left: 3rem;
  }
  .ui-tinymce > blockquote p {
    margin: 0 0 3rem;
  }
  .ui-tinymce > blockquote figure {
    gap: 2rem;
  }
  .ui-tinymce > blockquote picture {
    width: 6rem;
    height: 6rem;
  }
  .ui-tinymce > blockquote figcaption {
    font-size: 1.8rem;
  }
  .ui-tinymce > blockquote small {
    font-size: 1.8rem;
  }
}
.ui-tinymce > p {
  margin: 0 0 1rem;
}
.ui-tinymce > p:last-child {
  margin-bottom: 0;
}
.ui-tinymce > p + h3 {
  margin-top: 4rem;
}
@media (min-width: 1200px) {
  .ui-tinymce > p + h3 {
    margin-top: 5rem;
  }
}
.ui-tinymce > p + h1, .ui-tinymce > p + h2, .ui-tinymce > p + h4, .ui-tinymce > p + h5, .ui-tinymce > p + h6 {
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .ui-tinymce > p + h1, .ui-tinymce > p + h2, .ui-tinymce > p + h4, .ui-tinymce > p + h5, .ui-tinymce > p + h6 {
    margin-top: 5rem;
  }
}
.ui-tinymce > p + blockquote, .ui-tinymce > p + mark {
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .ui-tinymce > p + blockquote, .ui-tinymce > p + mark {
    margin-top: 4rem;
  }
}
@media (min-width: 1200px) {
  .ui-tinymce > p {
    margin: 0 0 1.6rem;
  }
}
.ui-tinymce > a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #cc2e27;
  color: var(--color-red);
}
.ui-tinymce > a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #a8241e;
  color: var(--color-red-hover);
}

.ui-mark {
  margin: 0 0 6rem;
  padding: 1.8rem;
  display: block;
  border-radius: 1rem;
  background: rgba(249, 227, 231, 0.5);
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A8241E;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
}
.ui-mark p {
  margin: 0 0 2rem;
}
.ui-mark p:last-child {
  margin-bottom: 0;
}
.ui-mark a {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  height: 4.2rem;
  border-radius: 1rem;
  padding: 0.8rem 1.6rem;
  background: #fff;
  color: #6B717B;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.ui-mark a:hover {
  color: #CC2E27;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .ui-mark {
    margin: 0 0 5rem;
    padding: 2.8rem;
    font-size: 2.2rem;
    gap: 3rem;
  }
  .ui-mark p {
    margin: 0 0 3rem;
  }
  .ui-mark a {
    height: 4.8rem;
    padding: 0 2rem;
    font-size: 1.8rem;
  }
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@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");
  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;
  z-index: 1;
}

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

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: border-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;
}

.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;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 120rem;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  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));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.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-left: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-top: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* Slide styles end */
.swiper-lazy {
  opacity: 0;
  transition: opacity 0.35s;
}

.swiper-lazy-loaded {
  opacity: 1;
}

.swiper-lazy-preloader {
  width: 3.2rem;
  height: 3.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -1.6rem 0 0 -1.6rem;
  z-index: 100;
  transform-origin: 50%;
  animation: swiper-preloader-spin 0.5s infinite linear;
  box-sizing: border-box;
  border: 2px solid #788362;
  border-radius: 50%;
  border-top-color: transparent;
  display: block;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-pagination {
  display: flex;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .swiper-pagination {
    gap: 1.2rem;
  }
}

.swiper-pagination-bullet {
  background: #fff;
  opacity: 0.8;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  transition: 0.25s;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .swiper-pagination-bullet {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.swiper-pagination-bullet-active {
  background: #6B717B;
  opacity: 1;
}

.swiper-shadow {
  display: none;
}
@media (min-width: 768px) {
  .swiper-shadow {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    height: 100%;
    width: 27rem;
    background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.73) 46.02%, rgba(255, 255, 255, 0) 100%);
    pointer-events: none;
    transition: 0.25s;
    display: block;
  }
  .swiper-shadow.swiper-button-disabled {
    opacity: 0;
  }
}

.swiper-control {
  display: flex;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .swiper-control {
    gap: 2rem;
  }
}

.swiper-prev,
.swiper-next {
  border-radius: 1rem;
  width: 4rem;
  height: 4rem;
  background: #F9E3E7;
  color: #CC2E27;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.25s;
}
.swiper-prev svg,
.swiper-next svg {
  display: block;
  width: 50%;
  height: 50%;
}
.swiper-prev:hover,
.swiper-next:hover {
  background: #F8D6DC;
  color: #A8241E;
}
.swiper-prev.swiper-button-disabled,
.swiper-next.swiper-button-disabled {
  background: #EEF3FA;
  color: #A5AEBE;
  pointer-events: none;
}
.swiper-prev.swiper-button-lock,
.swiper-next.swiper-button-lock {
  display: none;
}
@media (min-width: 1200px) {
  .swiper-prev,
  .swiper-next {
    width: 6rem;
    height: 6rem;
  }
}

.swiper-banners {
  position: relative;
}
.swiper-banners .swiper-pagination {
  position: absolute;
  left: 1.6rem;
  bottom: 1.6rem;
  z-index: 100;
}
.swiper-banners .swiper-slide {
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .swiper-banners .swiper-pagination {
    left: 50%;
    bottom: 3.8rem;
    margin: 0 0 0 1.6rem;
  }
}

.swiper-stories .swiper {
  overflow: visible;
  margin: 0 -0.9rem;
}
.swiper-stories .swiper-control {
  display: none;
}
.swiper-stories .swiper-slide {
  padding: 0 0.9rem;
  width: 10.2rem;
}
@media (min-width: 1200px) {
  .swiper-stories {
    padding: 0 6.2rem;
    position: relative;
    max-width: 161.2rem;
    margin: 0 auto;
  }
  .swiper-stories .swiper {
    margin: 0 -1.6rem;
    overflow: hidden;
  }
  .swiper-stories .swiper-slide {
    padding: 0 1.6rem;
    width: 9%;
  }
  .swiper-stories .swiper-control {
    display: block;
  }
  .swiper-stories .swiper-arrow-prev,
  .swiper-stories .swiper-arrow-next {
    display: block;
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    margin: -1.5rem 0 0 0;
    color: #A5AEBE;
    transition: 0.25s;
    z-index: 100;
  }
  .swiper-stories .swiper-arrow-prev svg,
  .swiper-stories .swiper-arrow-next svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .swiper-stories .swiper-arrow-prev:hover,
  .swiper-stories .swiper-arrow-next:hover {
    color: #CC2E27;
  }
  .swiper-stories .swiper-arrow-prev {
    left: 0;
  }
  .swiper-stories .swiper-arrow-next {
    right: 0;
  }
}

.swiper-featured {
  position: relative;
}
.swiper-featured .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-featured .swiper-control {
  display: none;
}
.swiper-featured .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .swiper-featured .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 6.4rem;
  }
  .swiper-featured .swiper-overflow {
    overflow: hidden;
    border-radius: 1.6rem 1.6rem 1rem 1rem;
    padding: 0.8rem;
    margin: -0.8rem;
  }
  .swiper-featured .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-featured .swiper-slide {
    width: 20%;
    padding: 0 1.6rem;
  }
  .swiper-featured.--x4 .swiper-slide {
    width: 25%;
  }
}

.swiper-stock {
  position: relative;
}
.swiper-stock .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-stock .swiper-control {
  display: none;
}
.swiper-stock .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .swiper-stock .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 6.4rem;
  }
  .swiper-stock .swiper-overflow {
    overflow: hidden;
    border-radius: 1.6rem 1.6rem 1rem 1rem;
    padding: 0.8rem;
    margin: -0.8rem;
  }
  .swiper-stock .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-stock .swiper-slide {
    width: 33.333%;
    padding: 0 1.6rem;
  }
}

.swiper-benefits .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-benefits .swiper-control {
  display: none;
}
.swiper-benefits .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-benefits .swiper {
    margin: 0;
  }
  .swiper-benefits .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
  .swiper-benefits .swiper-slide {
    padding: 0;
    width: auto;
  }
  .swiper-benefits.--x3 .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}

.swiper-images {
  position: relative;
}
.swiper-images .swiper {
  border-radius: 2rem;
  overflow: hidden;
}
.swiper-images .swiper-wrapper {
  height: 100%;
}
.swiper-images .swiper-pagination {
  position: absolute;
  left: 1.2rem;
  right: 1.2rem;
  bottom: 1.2rem;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
.swiper-images .swiper-pagination.swiper-pagination-lock {
  display: none;
}
.swiper-images .swiper-pagination-bullet {
  width: 0.8rem;
  height: 0.8rem;
  background: #F9E3E7;
  opacity: 0.7;
}
.swiper-images .swiper-pagination-bullet-active {
  background: #CC2E27;
  opacity: 1;
}
.swiper-images .swiper-slide {
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-images {
    width: 100%;
    height: 100%;
  }
  .swiper-images .swiper {
    width: 100%;
    height: 100%;
  }
  .swiper-images .swiper-pagination {
    left: 3rem;
    right: 3rem;
    bottom: 3rem;
    gap: 1.2rem;
  }
  .swiper-images .swiper-pagination-bullet {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.swiper-reviews {
  position: relative;
}
.swiper-reviews .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-reviews .swiper-control {
  display: none;
}
.swiper-reviews .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 768px) {
  .swiper-reviews {
    overflow: hidden;
    border-radius: 2rem;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .swiper-reviews .swiper-overflow {
    border-radius: 2rem;
    overflow: hidden;
  }
  .swiper-reviews .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-reviews .swiper-slide {
    width: 45.6rem;
  }
}

.swiper-articles {
  position: relative;
}
.swiper-articles .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-articles .swiper-control {
  display: none;
}
.swiper-articles .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
.swiper-articles .swiper-shadow {
  display: none;
}
@media (min-width: 768px) {
  .swiper-articles {
    overflow: hidden;
    border-radius: 2rem;
    position: relative;
  }
  .swiper-articles .swiper-shadow {
    display: block;
  }
}
@media (min-width: 1200px) {
  .swiper-articles .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-articles .swiper-slide {
    width: 33.333%;
    padding: 0 1.6rem;
  }
  .swiper-articles .swiper-shadow {
    display: none;
  }
}

.swiper-inform {
  position: relative;
}
.swiper-inform .swiper-pagination {
  position: absolute;
  left: 13.6rem;
  bottom: 4rem;
  gap: 1rem;
  z-index: 100;
}
.swiper-inform .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  border: 1px solid #CC2E27;
  background: none;
  opacity: 1;
}
.swiper-inform .swiper-pagination-bullet-active {
  background: #CC2E27;
  opacity: 1;
}
@media (min-width: 768px) {
  .swiper-inform .swiper-pagination {
    bottom: 2.4rem;
    left: 20.6rem;
  }
}

.swiper-tags .swiper {
  overflow: visible;
  margin: 0 -0.5rem;
}
.swiper-tags .swiper-slide {
  width: auto;
  height: auto;
  padding: 0 0.5rem;
}
@media (min-width: 1200px) {
  .swiper-tags .swiper {
    margin: 0;
  }
  .swiper-tags .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1.8rem;
  }
  .swiper-tags .swiper-slide {
    padding: 0;
  }
}

.swiper-gallery {
  position: relative;
  display: grid;
  grid-template-columns: 56fr 270fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
  aspect-ratio: 343/240;
  width: 100%;
  height: auto;
}
.swiper-gallery:has(.swiper-prev.swiper-button-disabled) .swiper-prev {
  opacity: 0;
  visibility: hidden;
}
.swiper-gallery:has(.swiper-prev.swiper-button-disabled) .swiper-gallery-thumbs {
  top: -0.8rem;
}
@media (min-width: 1200px) {
  .swiper-gallery:has(.swiper-prev.swiper-button-disabled) .swiper-gallery-thumbs {
    top: -1.6rem;
  }
}
.swiper-gallery:has(.swiper-next.swiper-button-disabled) .swiper-next {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .swiper-gallery {
    grid-template-columns: 120fr 576fr;
    gap: 3.2rem;
    aspect-ratio: 728/500;
  }
}

.swiper-gallery-aside {
  position: relative;
  min-width: 0;
  height: 100%;
}
.swiper-gallery-aside .swiper-prev,
.swiper-gallery-aside .swiper-next {
  width: 100%;
  height: 12.5%;
  height: auto;
  z-index: 200;
  background: none;
  color: #6B717B;
  display: flex;
  justify-content: center;
}
.swiper-gallery-aside .swiper-prev svg,
.swiper-gallery-aside .swiper-next svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
.swiper-gallery-aside .swiper-prev:hover,
.swiper-gallery-aside .swiper-next:hover {
  color: #cc2e27;
  color: var(--color-red);
}
.swiper-gallery-aside .swiper-prev {
  position: absolute;
  left: 0;
  top: 0;
  align-items: flex-start;
}
.swiper-gallery-aside .swiper-next {
  position: absolute;
  left: 0;
  bottom: 0;
  align-items: flex-end;
}
@media (min-width: 1200px) {
  .swiper-gallery-aside .swiper-prev svg,
  .swiper-gallery-aside .swiper-next svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.swiper-gallery-main {
  position: relative;
  min-width: 0;
  min-height: 0;
  height: 100%;
}

.swiper-gallery-badges {
  margin: 0;
  padding: 1rem;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  line-height: 1;
}
@media (min-width: 1200px) {
  .swiper-gallery-badges {
    padding: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
  }
  .swiper-gallery-badges .ui-badge {
    height: 3rem;
  }
  .swiper-gallery-badges .ui-badge__icon {
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 0.8rem;
  }
}
@media (max-width: 1199px) {
  .swiper-gallery-badges .ui-badge--min .ui-badge__text {
    animation: none 0s ease 0s 1 normal none running;
    animation: initial;
  }
}

.swiper-gallery-thumbs {
  position: absolute;
  top: 12.5%;
  width: 100%;
  height: 75%;
  border-radius: 0.8rem;
  min-width: 0;
  transition: 0.25s;
}
.swiper-gallery-thumbs .swiper-wrapper {
  height: 100%;
}
.swiper-gallery-thumbs .swiper-slide {
  height: 33.333%;
  padding: 0.8rem 0;
  cursor: pointer;
}
.swiper-gallery-thumbs .swiper-slide-thumb-active picture {
  border-color: #cc2e27;
  border-color: var(--color-red);
}
.swiper-gallery-thumbs picture {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #D2DBEA;
  border-radius: 0.8rem;
  overflow: hidden;
}
.swiper-gallery-thumbs picture a,
.swiper-gallery-thumbs picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-gallery-thumbs picture svg.icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.4rem;
  height: 2.4rem;
  margin: -1.2rem 0 0 -1.2rem;
  z-index: 100;
}
@media (min-width: 1200px) {
  .swiper-gallery-thumbs .swiper-slide {
    padding: 1.6rem 0;
  }
  .swiper-gallery-thumbs picture {
    border-radius: 1rem;
    border-width: 2px;
  }
  .swiper-gallery-thumbs picture svg.icon-play {
    width: 5rem;
    height: 5rem;
    margin: -2.5rem 0 0 -2.5rem;
  }
}

.swiper-gallery-slides {
  width: 100%;
  height: 100%;
}
.swiper-gallery-slides .swiper-wrapper,
.swiper-gallery-slides .swiper-slide {
  width: 100%;
  height: 100%;
}
.swiper-gallery-slides picture {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  overflow: hidden;
}
.swiper-gallery-slides picture a,
.swiper-gallery-slides picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-gallery-slides picture svg.icon-play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4rem;
  height: 4rem;
  margin: -2rem 0 0 -2rem;
  z-index: 100;
}
@media (min-width: 1200px) {
  .swiper-gallery-slides picture {
    border-radius: 2rem;
  }
  .swiper-gallery-slides picture svg.icon-play {
    width: 9rem;
    height: 9rem;
    margin: -4.5rem 0 0 -4.5rem;
  }
}

.swiper-tabs {
  overflow: visible;
  margin: 0 -2rem;
  position: relative;
}
.swiper-tabs .swiper-wrapper {
  height: auto;
}
.swiper-tabs:after {
  content: "";
  display: block;
  position: absolute;
  left: 2rem;
  right: 2rem;
  bottom: 0;
  border-bottom: 2px solid #D2DBEA;
  z-index: -1;
}
.swiper-tabs .swiper-slide {
  width: auto;
  padding: 0 2rem;
}
@media (min-width: 1200px) {
  .swiper-tabs {
    margin: 0 -3rem;
  }
  .swiper-tabs:after {
    left: 3rem;
    right: 3rem;
  }
  .swiper-tabs .swiper-slide {
    padding: 0 3rem;
  }
}

.swiper-viewing .swiper-arrow-prev,
.swiper-viewing .swiper-arrow-next {
  display: none;
}
.swiper-viewing .swiper {
  margin: 0 -0.5rem;
  overflow: visible;
}
.swiper-viewing .swiper-slide {
  width: auto;
  padding: 0 0.5rem;
}
.swiper-viewing picture {
  display: block;
  width: 12rem;
  height: 12rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #A5AEBE;
  position: relative;
  will-change: transform;
}
.swiper-viewing picture a {
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.25s;
}
.swiper-viewing picture a:hover img {
  transform: scale(1.2);
}
.swiper-viewing picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.25s;
}
.swiper-viewing picture svg {
  display: block;
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2rem 0 0 -2rem;
  z-index: 10;
}
@media (min-width: 1200px) {
  .swiper-viewing {
    position: relative;
    padding: 0 7.5rem;
  }
  .swiper-viewing .swiper-overflow {
    overflow: hidden;
    border-radius: 1rem;
    transition: transform 0.25s;
  }
  .swiper-viewing .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-viewing .swiper-slide {
    padding: 0 1.6rem;
    width: 16.6667%;
  }
  .swiper-viewing picture {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
  .swiper-viewing .swiper-arrow-prev,
  .swiper-viewing .swiper-arrow-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.5rem;
    height: 100%;
    cursor: pointer;
    color: #6B717B;
    z-index: 100;
  }
  .swiper-viewing .swiper-arrow-prev svg,
  .swiper-viewing .swiper-arrow-next svg {
    display: block;
    width: 2.8rem;
    height: 2.8rem;
  }
  .swiper-viewing .swiper-arrow-prev:hover,
  .swiper-viewing .swiper-arrow-next:hover {
    color: #cc2e27;
    color: var(--color-red);
  }
  .swiper-viewing .swiper-arrow-prev {
    position: absolute;
    top: 0;
    left: 0;
    justify-content: flex-start;
  }
  .swiper-viewing .swiper-arrow-next {
    position: absolute;
    top: 0;
    right: 0;
    justify-content: flex-end;
  }
  .swiper-viewing:has(.swiper-arrow-prev.swiper-button-disabled) .swiper-arrow-prev {
    opacity: 0;
    visibility: hidden;
  }
  .swiper-viewing:has(.swiper-arrow-prev.swiper-button-disabled) .swiper-overflow {
    transform: translate(-7.5rem, 0);
  }
  .swiper-viewing:has(.swiper-arrow-next.swiper-button-disabled) .swiper-arrow-next {
    opacity: 0;
    visibility: hidden;
  }
}

.swiper-promo {
  position: relative;
}
.swiper-promo .swiper {
  overflow: hidden;
  border-radius: 1rem;
}
.swiper-promo .swiper-pagination {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.6rem;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.swiper-promo .swiper-pagination-bullet {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  background: #F9E3E7;
}
.swiper-promo .swiper-pagination-bullet-active {
  background: #CC2E27;
}
.swiper-promo .swiper-prev,
.swiper-promo .swiper-next {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.6rem;
  background: rgba(249, 227, 231, 0.5);
  color: #CC2E27;
  z-index: 200;
}
.swiper-promo .swiper-prev svg,
.swiper-promo .swiper-next svg {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-promo .swiper-prev:hover,
.swiper-promo .swiper-next:hover {
  background: #F8D6DC;
  color: #CC2E27;
}
.swiper-promo .swiper-prev {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  margin: -1.6rem 0 0 0;
}
.swiper-promo .swiper-next {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  margin: -1.6rem 0 0 0;
}
.swiper-promo picture {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 334/200;
}
.swiper-promo picture a {
  display: block;
  width: 100%;
  height: 100%;
}
.swiper-promo picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: transform 0.25s;
}
.swiper-promo picture svg {
  display: block;
  width: 6rem;
  height: 6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  margin: -3rem 0 0 -3rem;
}
.swiper-promo picture:has(svg):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}
@media (min-width: 1200px) {
  .swiper-promo .swiper-prev,
  .swiper-promo .swiper-next {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    margin: -2rem 0 0 0;
  }
  .swiper-promo picture {
    aspect-ratio: 480/282;
  }
  .swiper-promo picture svg {
    width: 8rem;
    height: 8rem;
    margin: -4rem 0 0 -4rem;
  }
}

.swiper-similar .swiper {
  overflow: visible;
  margin: 0 -1.2rem;
}
.swiper-similar .swiper-slide {
  width: 21rem;
  padding: 0 1.2rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-similar .swiper {
    margin: 0 -0.8rem;
  }
  .swiper-similar .swiper-slide {
    width: 33.333%;
    padding: 0 0.8rem;
  }
}

.swiper-gallery-inline {
  margin: 0 -1.6rem;
  padding: 0 1.6rem;
  overflow: hidden;
}
.swiper-gallery-inline .swiper-prev,
.swiper-gallery-inline .swiper-next {
  display: none;
}
.swiper-gallery-inline .swiper {
  margin: 0 -0.8rem;
  overflow: visible;
}
.swiper-gallery-inline .swiper-slide {
  width: 30.4rem;
  padding: 0 0.8rem;
}
.swiper-gallery-inline picture {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2rem;
  overflow: hidden;
  background: #A5AEBE;
  position: relative;
  aspect-ratio: 288/202;
}
.swiper-gallery-inline picture a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  transition: 0.25s;
}
.swiper-gallery-inline picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: 0.25s;
}
@media (min-width: 1200px) {
  .swiper-gallery-inline {
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 2rem;
    overflow: hidden;
    transition: 0.4s;
  }
  .swiper-gallery-inline .swiper-overflow {
    overflow: hidden;
    border-radius: 2rem;
    transition: 0.4s;
    clip-path: inset(0% 15rem 0% 15rem round 2rem);
  }
  .swiper-gallery-inline .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-gallery-inline .swiper-slide {
    padding: 0 1.6rem;
    width: 33.333%;
  }
  .swiper-gallery-inline picture {
    width: 100%;
    height: auto;
    aspect-ratio: unset;
    height: 40.4rem;
  }
  .swiper-gallery-inline .swiper-prev,
  .swiper-gallery-inline .swiper-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 6rem;
    border-radius: 1rem;
    cursor: pointer;
    background: #F9E3E7;
    color: #CC2E27;
    z-index: 100;
  }
  .swiper-gallery-inline .swiper-prev svg,
  .swiper-gallery-inline .swiper-next svg {
    display: block;
    width: 100%;
    height: 100%;
  }
  .swiper-gallery-inline .swiper-prev:hover,
  .swiper-gallery-inline .swiper-next:hover {
    background: #F8D6DC;
    color: #A8241E;
  }
  .swiper-gallery-inline .swiper-prev.swiper-button-disabled,
  .swiper-gallery-inline .swiper-next.swiper-button-disabled {
    background: #EEF3FA;
    color: #A5AEBE;
    pointer-events: none;
  }
  .swiper-gallery-inline .swiper-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -3rem 0 0 0;
  }
  .swiper-gallery-inline .swiper-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin: -3rem 0 0 0;
  }
  .swiper-gallery-inline:has(.swiper-prev.swiper-button-disabled) .swiper-prev {
    opacity: 0;
    visibility: hidden;
  }
  .swiper-gallery-inline:has(.swiper-prev.swiper-button-disabled) .swiper-overflow {
    clip-path: inset(0% 15rem 0% 0px round 2rem);
  }
  .swiper-gallery-inline:has(.swiper-next.swiper-button-disabled) .swiper-next {
    opacity: 0;
    visibility: hidden;
  }
  .swiper-gallery-inline:has(.swiper-next.swiper-button-disabled) .swiper-overflow {
    clip-path: inset(0% 0px 0% 15rem round 2rem);
  }
  .swiper-gallery-inline:has(.swiper-prev.swiper-button-lock) .swiper-overflow, .swiper-gallery-inline:has(.swiper-next.swiper-button-lock) .swiper-overflow {
    clip-path: inset(0% 0px 0% 0px round 2rem);
  }
}

.swiper-promotions .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-promotions .swiper-control {
  display: none;
}
.swiper-promotions .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-promotions .swiper {
    margin: 0;
  }
  .swiper-promotions .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
  .swiper-promotions .swiper-slide {
    padding: 0;
    width: auto;
  }
}

.swiper-categories .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-categories .swiper-control {
  display: none;
}
.swiper-categories .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-categories .swiper-overflow {
    border-radius: 2rem;
    overflow: hidden;
  }
  .swiper-categories .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-categories .swiper-slide {
    padding: 0 1.6rem;
    width: 33.333%;
  }
}

.swiper-popup-stories,
.swiper-popup-stories-card {
  height: 100%;
  width: 100%;
}
.swiper-popup-stories > .swiper-wrapper, .swiper-popup-stories > .swiper-wrapper > .swiper-slide,
.swiper-popup-stories-card > .swiper-wrapper,
.swiper-popup-stories-card > .swiper-wrapper > .swiper-slide {
  height: 100%;
}

.swiper-popup-stories {
  border-radius: 2rem;
  margin: 0 -0.8rem;
  width: auto;
}
.swiper-popup-stories > .swiper-wrapper > .swiper-slide {
  padding: 0 0.8rem;
}
.swiper-popup-stories > .swiper-wrapper > .swiper-slide-active .swiper-popup-stories-card .swiper-pagination {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 768px) {
  .swiper-popup-stories {
    margin: 0;
    padding: 0;
    border-radius: 2rem;
    overflow: visible;
    overflow: initial;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide {
    position: relative;
    padding: 0;
    width: 33.333%;
    transition: 0.4s ease;
    transform: scale(0.75);
    transform-origin: left center;
    opacity: 0;
    cursor: pointer;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide.swiper-slide-visible {
    opacity: 0.5;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide.swiper-slide-prev {
    transform: scale(0.75) translate(0, 0);
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide.swiper-slide-next {
    transform: scale(0.75) translate(0, 0);
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide:hover {
    opacity: 0.75;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide-active {
    transform: scale(1) translate(0, 0);
    opacity: 1;
    transform-origin: center center;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide-active.swiper-slide-visible {
    opacity: 1;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide-active:hover {
    opacity: 1;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide-active ~ .swiper-slide {
    transform-origin: right center;
  }
}
@media (min-width: 1200px) {
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide {
    width: 20%;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide.swiper-slide-visible {
    opacity: 0.5;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide.swiper-slide-prev {
    transform: scale(0.75) translate(-6.4rem, 0);
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide.swiper-slide-next {
    transform: scale(0.75) translate(6.4rem, 0);
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide:hover {
    opacity: 0.75;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide-active {
    transform: scale(1) translate(0, 0);
    opacity: 1;
    transform-origin: center center;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide-active.swiper-slide-visible {
    opacity: 1;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide-active:hover {
    opacity: 1;
  }
  .swiper-popup-stories > .swiper-wrapper > .swiper-slide-active ~ .swiper-slide {
    transform-origin: right center;
  }
}

.swiper-popup-stories-card .swiper-pagination {
  position: absolute;
  top: 1.6rem;
  left: 1.6rem;
  right: 1.6rem;
  z-index: 200;
  display: flex;
  gap: 0.8rem;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  will-change: transform;
}
.swiper-popup-stories-card .swiper-pagination-bullet {
  flex: 1;
  width: auto;
  height: 2px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.6);
  opacity: 1;
  position: relative;
  overflow: hidden;
}
.swiper-popup-stories-card .swiper-pagination-bullet-progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0%;
  background: #CC2E27;
}
.swiper-popup-stories-card .swiper-pagination-lock {
  display: none;
}

.swiper-slide-active .swiper-popup-stories-card .swiper-pagination-bullet-active .swiper-pagination-bullet-progress {
  animation-name: progressPaginationBullet;
  animation-timing-function: linear;
}

@keyframes progressPaginationBullet {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.swiper-used {
  position: relative;
  margin: 0 auto;
  max-width: 100%;
}
.swiper-used .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-used .swiper-control {
  display: none;
}
.swiper-used .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
.swiper-used .ui-card-v__area {
  background-color: #F3F7FC;
}
@media (min-width: 1200px) {
  .swiper-used .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 6.4rem;
  }
  .swiper-used .swiper-overflow {
    overflow: hidden;
    border-radius: 0;
    padding: 0 0 2px;
  }
  .swiper-used .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-used .swiper-slide {
    width: 30.4rem;
    padding: 0 1.6rem;
  }
}

.swiper-lk-join {
  position: relative;
}
.swiper-lk-join .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-lk-join .swiper-control {
  display: none;
}
.swiper-lk-join .swiper-slide {
  padding: 0 0.8rem;
  width: 23rem;
  height: auto;
}
.swiper-lk-join .swiper-shadow {
  position: absolute;
  top: 0;
  right: -1.8rem;
  width: 10.2rem;
  height: 100%;
  z-index: 50;
  pointer-events: none;
  background: linear-gradient(270deg, #F3F7FC 0%, rgba(243, 247, 252, 0) 100%);
  transition: 0.25s;
  display: block;
}
.swiper-lk-join:has(.swiper-next.swiper-button-disabled) .swiper-shadow {
  opacity: 0;
}
@media (min-width: 1200px) {
  .swiper-lk-join .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-lk-join .swiper-control {
    display: flex;
    gap: 1.6rem;
    position: absolute;
    top: -7.2rem;
    right: 0;
    z-index: 50;
  }
  .swiper-lk-join .swiper-prev,
  .swiper-lk-join .swiper-next {
    width: 4rem;
    height: 4rem;
  }
  .swiper-lk-join .swiper-prev.swiper-button-disabled,
  .swiper-lk-join .swiper-next.swiper-button-disabled {
    background-color: #EEF3FA;
  }
  .swiper-lk-join .swiper-slide {
    padding: 0 1.6rem;
    width: 41rem;
  }
  .swiper-lk-join .swiper-shadow {
    right: -3.2rem;
    width: 16.6rem;
  }
}

.swiper-lk-benefits {
  position: relative;
}
.swiper-lk-benefits .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-lk-benefits .swiper-slide {
  padding: 0 0.8rem;
  width: 24.4rem;
  height: auto;
}
.swiper-lk-benefits .swiper-shadow {
  position: absolute;
  top: 0;
  right: -1.8rem;
  width: 10.2rem;
  height: 100%;
  z-index: 50;
  pointer-events: none;
  background: linear-gradient(270deg, #F3F7FC 0%, rgba(243, 247, 252, 0) 100%);
  transition: 0.25s;
  display: block;
}
.swiper-lk-benefits:has(.swiper-next.swiper-button-disabled) .swiper-shadow {
  opacity: 0;
}
@media (min-width: 1200px) {
  .swiper-lk-benefits .swiper {
    margin: 0;
  }
  .swiper-lk-benefits .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
  .swiper-lk-benefits .swiper-slide {
    padding: 0;
    width: auto;
    min-width: 0;
  }
  .swiper-lk-benefits .swiper-shadow {
    display: none;
  }
}

.swiper-tags-control .swiper {
  overflow: visible;
  margin: 0 -0.5rem;
}
.swiper-tags-control .swiper-slide {
  width: auto;
  padding: 0 0.5rem;
}
@media (min-width: 1200px) {
  .swiper-tags-control .swiper {
    margin: 0 -0.9rem;
  }
  .swiper-tags-control .swiper-slide {
    padding: 0 0.9rem;
  }
}

.swiper-menu-control {
  overflow: visible;
  margin: 0 -1.6rem;
  position: relative;
  z-index: 1;
}
.swiper-menu-control .swiper-wrapper {
  height: auto;
}
.swiper-menu-control .swiper-slide {
  width: auto;
  padding: 0 1.6rem;
  position: relative;
}
.swiper-menu-control .swiper-slide:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 2px solid #D2DBEA;
  z-index: -1;
}
.swiper-menu-control .swiper-slide:first-child:after {
  left: 2rem;
}
.swiper-menu-control .swiper-slide:last-child:after {
  right: 2rem;
}
@media (min-width: 1200px) {
  .swiper-menu-control {
    margin: 0 -3rem;
  }
  .swiper-menu-control .swiper-slide {
    padding: 0 3rem;
  }
  .swiper-menu-control .swiper-slide:first-child:after {
    left: 3rem;
  }
  .swiper-menu-control .swiper-slide:last-child:after {
    right: 3rem;
  }
}

.swiper-lk-offers {
  position: relative;
}
.swiper-lk-offers .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-lk-offers .swiper-control {
  display: none;
}
.swiper-lk-offers .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
  max-width: 100%;
}
.swiper-lk-offers .swiper-shadow {
  position: absolute;
  top: 0;
  right: -1.8rem;
  z-index: 200;
  display: block;
  height: 100%;
  width: 8.4rem;
  background: linear-gradient(270deg, #F3F7FC 0%, rgba(243, 247, 252, 0) 100%);
  pointer-events: none;
  transition: 0.25s;
}
.swiper-lk-offers:has(.swiper-next.swiper-button-disabled) .swiper-shadow {
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .swiper-lk-offers .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 3.2rem;
    gap: 1.6rem;
  }
  .swiper-lk-offers .swiper-prev,
  .swiper-lk-offers .swiper-next {
    width: 4rem;
    height: 4rem;
  }
  .swiper-lk-offers .swiper-shadow {
    width: 33rem;
    right: -3.2rem;
  }
  .swiper-lk-offers .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-lk-offers .swiper-slide {
    width: 36.4rem;
    padding: 0 1.6rem;
  }
}

.swiper-table .swiper {
  overflow: visible;
}
.swiper-table .swiper-slide {
  width: auto;
  flex: 1;
}
.swiper-table .swiper-scrollbar {
  margin: 2rem 0 0 0;
  background: #EEF3FA;
  height: 0.4rem;
  position: relative;
}
.swiper-table .swiper-scrollbar-drag {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #A5AEBE;
}

.swiper-lk-events {
  position: relative;
}
.swiper-lk-events .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-lk-events .swiper-control {
  display: none;
}
.swiper-lk-events .swiper-slide {
  padding: 0 0.8rem;
  width: 25.4rem;
  height: auto;
  max-width: 100%;
}
@media (min-width: 1200px) {
  .swiper-lk-events .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 3.2rem;
    gap: 1.6rem;
  }
  .swiper-lk-events .swiper-prev,
  .swiper-lk-events .swiper-next {
    width: 4rem;
    height: 4rem;
  }
  .swiper-lk-events .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-lk-events .swiper-slide {
    width: 33.333%;
    padding: 0 1.6rem;
  }
}

.swiper-materials .swiper {
  overflow: visible;
  margin: 0 -0.9rem;
}
.swiper-materials .swiper-slide {
  width: 30.6rem;
  padding: 0 0.8rem;
  min-width: 0;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-materials .swiper {
    margin: 0;
  }
  .swiper-materials .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
  .swiper-materials .swiper-slide {
    width: 100%;
    padding: 0;
  }
}

.swiper-certificates .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-certificates .swiper-slide {
  width: 30.6rem;
  padding: 0 0.8rem;
  min-width: 0;
  height: auto;
}
.swiper-certificates .swiper-scrollbar {
  margin: 2rem 0 0 0;
  width: 100%;
  height: 0.4rem;
  background: #FCE7E3;
  position: relative;
}
.swiper-certificates .swiper-scrollbar.swiper-scrollbar-lock {
  display: none;
}
.swiper-certificates .swiper-scrollbar-drag {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #CC2E27;
}
@media (min-width: 768px) {
  .swiper-certificates .swiper {
    margin: 0;
  }
  .swiper-certificates .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.6rem;
    gap: 1.6rem;
    transform: none !important;
  }
  .swiper-certificates .swiper-slide {
    width: 100%;
    padding: 0;
  }
  .swiper-certificates .swiper-scrollbar {
    display: none;
  }
}
@media (min-width: 992px) {
  .swiper-certificates .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .swiper-certificates .swiper-wrapper {
    gap: 3.2rem;
    grid-template-columns: repeat(5, 1fr);
  }
}

.swiper-read-article-gallery {
  position: relative;
}
.swiper-read-article-gallery .swiper {
  border-radius: 2rem 2rem 0 0;
}
.swiper-read-article-gallery .swiper-pagination {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 343/226;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 1rem;
  z-index: 50;
  pointer-events: none;
}
.swiper-read-article-gallery .swiper-pagination.swiper-pagination-lock {
  display: none;
}
.swiper-read-article-gallery .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.7;
}
.swiper-read-article-gallery .swiper-pagination-bullet-active {
  background: #fff;
  opacity: 1;
}
@media (min-width: 1200px) {
  .swiper-read-article-gallery .swiper-pagination {
    aspect-ratio: 1032/600;
    padding: 2rem;
  }
  .swiper-read-article-gallery .swiper-pagination-bullet {
    width: 1.8rem;
    height: 1.8rem;
    transform: scale(0.8);
  }
  .swiper-read-article-gallery .swiper-pagination-bullet-active {
    transform: scale(1);
  }
}

.swiper-read-article-table .swiper {
  overflow: visible;
}
.swiper-read-article-table .swiper-slide {
  width: auto;
  flex: 1;
}
.swiper-read-article-table .swiper-scrollbar {
  margin: 2rem 0 0 0;
  background: #EEF3FA;
  height: 0.4rem;
  position: relative;
}
.swiper-read-article-table .swiper-scrollbar-drag {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #A5AEBE;
}
@media (min-width: 1200px) {
  .swiper-read-article-table .swiper {
    overflow: hidden;
    border-radius: 2rem;
    border: 1px solid #D2DBEA;
  }
  .swiper-read-article-table .swiper-scrollbar {
    margin: 3rem 0 0;
  }
}

.swiper-read-article-featured {
  position: relative;
}
.swiper-read-article-featured .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-read-article-featured .swiper-control {
  display: none;
}
.swiper-read-article-featured .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .swiper-read-article-featured .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 6.4rem;
  }
  .swiper-read-article-featured .swiper-overflow {
    overflow: hidden;
    border-radius: 1.6rem 1.6rem 1rem 1rem;
    padding: 0.8rem;
    margin: -0.8rem;
  }
  .swiper-read-article-featured .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-read-article-featured .swiper-slide {
    width: 33.333%;
    padding: 0 1.6rem;
  }
}

.swiper-quiz .swiper-progress {
  position: relative;
  width: 100%;
  height: 0.8rem;
  overflow: hidden;
  margin: 0 0 2.4rem;
}
.swiper-quiz .swiper-progress:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 0.4rem;
  background: #fff;
  margin: -2px 0 0 0;
}
.swiper-quiz .swiper-progress-line-back,
.swiper-quiz .swiper-progress-line-front {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0%;
  height: 0.4rem;
  margin: -2px 0 0 0;
  transition: linear 0.4s;
}
.swiper-quiz .swiper-progress-line-back {
  background: #A5AEBE;
  opacity: 0.4;
  z-index: 1;
}
.swiper-quiz .swiper-progress-line-front {
  background: #CC2E27;
  z-index: 2;
}
.swiper-quiz .swiper-progress-pagination {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.swiper-quiz .swiper-progress-pagination .swiper-pagination-bullet {
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  flex: 0 0 auto;
  border-radius: 50%;
  background: #CC2E27;
  opacity: 1;
  transition: linear 0.4s;
}
.swiper-quiz .swiper-progress-pagination .swiper-pagination-bullet-active {
  transition-delay: 0.4s;
}
.swiper-quiz .swiper-progress-pagination .swiper-pagination-bullet-active ~ .swiper-pagination-bullet {
  background: #fff;
}
@media (min-width: 1200px) {
  .swiper-quiz .swiper-progress {
    height: 1.2rem;
    margin: 0 0 3.2rem;
  }
  .swiper-quiz .swiper-progress-pagination .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.swiper-conditions .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-conditions .swiper-slide {
  padding: 0 0.8rem;
  width: 28.2rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-conditions .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-conditions .swiper-slide {
    padding: 0 1.6rem;
    width: 20%;
  }
}

.swiper-directions .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-directions .swiper-control {
  display: none;
}
.swiper-directions .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-directions .swiper {
    margin: 0 -1.6rem -3.2rem;
  }
  .swiper-directions .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
  .swiper-directions .swiper-slide {
    padding: 0 1.6rem 3.2rem;
    width: 25%;
  }
  .swiper-directions .swiper-slide:nth-of-type(1), .swiper-directions .swiper-slide:nth-of-type(2), .swiper-directions .swiper-slide:nth-of-type(3) {
    width: 33.333%;
  }
}

.swiper-production {
  position: relative;
}
.swiper-production .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-production .swiper-control {
  display: none;
}
.swiper-production .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-production .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 7.2rem;
  }
  .swiper-production .swiper-overflow {
    overflow: hidden;
    border-radius: 2rem;
  }
  .swiper-production .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-production .swiper-slide {
    width: 25%;
    padding: 0 1.6rem;
  }
}

.swiper-gallery-row {
  position: relative;
}
.swiper-gallery-row .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-gallery-row .swiper-control {
  display: none;
}
.swiper-gallery-row .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-gallery-row .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 7.2rem;
  }
  .swiper-gallery-row .swiper-overflow {
    overflow: hidden;
    border-radius: 2rem;
  }
  .swiper-gallery-row .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-gallery-row .swiper-slide {
    width: 33.333%;
    padding: 0 1.6rem;
  }
}

.swiper-abc {
  position: relative;
}
.swiper-abc .swiper {
  overflow: visible;
  margin: 0 -0.3rem;
}
.swiper-abc .swiper-control {
  display: none;
}
.swiper-abc .swiper-slide {
  padding: 0 0.3rem;
  width: auto;
}
.swiper-abc .ui-check {
  width: 100%;
}
@media (min-width: 1200px) {
  .swiper-abc .swiper {
    margin: 0;
  }
  .swiper-abc .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(15, 1fr);
    grid-gap: 2rem;
    gap: 2rem;
  }
  .swiper-abc .swiper-slide {
    padding: 0;
  }
}

.swiper-tabs-control .swiper {
  overflow: visible;
  margin: 0 -0.5rem;
}
.swiper-tabs-control .swiper-slide {
  width: auto;
  padding: 0 0.5rem;
}
@media (min-width: 1200px) {
  .swiper-tabs-control .swiper {
    margin: 0 -0.9rem;
  }
  .swiper-tabs-control .swiper-slide {
    padding: 0 0.9rem;
  }
}

.swiper-nav {
  height: 100%;
}
.swiper-nav .swiper {
  margin: 0 -1.3rem;
  overflow: visible;
  height: 100%;
}
.swiper-nav .swiper-wrapper {
  height: 100%;
  justify-content: space-between;
  align-items: center;
}
.swiper-nav .swiper-slide {
  width: auto;
  height: auto;
  padding: 0 1.6rem;
}

.swiper-suitable {
  position: relative;
}
.swiper-suitable .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-suitable .swiper-control {
  display: none;
}
.swiper-suitable .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-suitable .swiper-control {
    display: flex;
    position: absolute;
    right: 0;
    bottom: 100%;
    margin: 0 0 5rem;
  }
  .swiper-suitable .swiper-overflow {
    overflow: hidden;
    border-radius: 1.6rem 1.6rem 1rem 1rem;
    padding: 0 0 2px;
  }
  .swiper-suitable .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-suitable .swiper-slide {
    width: 25%;
    padding: 0 1.6rem;
  }
}

.swiper-reviews-academy {
  position: relative;
}
.swiper-reviews-academy > .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-reviews-academy > .swiper-control {
  display: none;
}
.swiper-reviews-academy > .swiper > .swiper-wrapper > .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 768px) {
  .swiper-reviews-academy {
    overflow: hidden;
    border-radius: 1rem;
    position: relative;
  }
}
@media (min-width: 768px) {
  .swiper-reviews-academy > .swiper {
    margin: 0 -0.8rem;
  }
  .swiper-reviews-academy > .swiper > .swiper-wrapper > .swiper-slide {
    width: 74.4rem;
    padding: 0 0.8rem;
  }
  .swiper-reviews-academy .swiper-viewing .swiper {
    margin: 0 -1rem;
  }
  .swiper-reviews-academy .swiper-viewing .swiper-slide {
    padding: 0 1rem;
    width: 14rem;
  }
}
@media (min-width: 1200px) {
  .swiper-reviews-academy {
    border-radius: 2rem;
  }
  .swiper-reviews-academy > .swiper {
    margin: 0 -1.6rem;
  }
  .swiper-reviews-academy > .swiper > .swiper-wrapper > .swiper-slide {
    width: 76rem;
    padding: 0 1.6rem;
  }
}

.swiper-scroll:has(.swiper-scrollbar-lock) > .swiper > .swiper-wrapper > .swiper-slide {
  padding: 0;
}
.swiper-scroll:has(.swiper-scrollbar-lock) > .swiper > .swiper-scrollbar {
  display: none;
}
.swiper-scroll > .swiper {
  height: 27.2rem;
  overflow: hidden;
  margin: 0;
}
.swiper-scroll > .swiper > .swiper-wrapper > .swiper-slide {
  width: 100%;
  height: auto;
  padding: 0 1.6rem 0 0;
}
.swiper-scroll > .swiper > .swiper-scrollbar {
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: #D7E0F0;
  border-radius: 2px;
  overflow: hidden;
}
.swiper-scroll > .swiper > .swiper-scrollbar > .swiper-scrollbar-drag {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  background: #CC2E27;
  border-radius: 2px;
}
.swiper-scroll .swiper-overflow {
  border-radius: 1rem;
  overflow: hidden;
  transform: translateZ(0);
}

.swiper-learn .swiper {
  overflow: visible;
  margin: 0 -0.8rem;
}
.swiper-learn .swiper-control {
  display: none;
}
.swiper-learn .swiper-slide {
  padding: 0 0.8rem;
  width: 30.6rem;
  height: auto;
}
@media (min-width: 1200px) {
  .swiper-learn .swiper {
    margin: 0 -1.6rem -3.2rem;
  }
  .swiper-learn .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
  }
  .swiper-learn .swiper-slide {
    padding: 0 1.6rem 3.2rem;
    width: 20%;
  }
}

.swiper-job .swiper {
  overflow: visible;
  margin: 0;
}
.swiper-job .swiper-caption {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  color: #6B717B;
}
.swiper-job .swiper-control {
  display: none;
}
.swiper-job .swiper-slide {
  padding: 0;
  width: 29rem;
  height: auto;
  background: #fff;
  position: relative;
  z-index: 1;
}
.swiper-job .swiper-slide:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  z-index: -1;
  border: 1px solid #D2DBEA;
  border-radius: inherit;
}
.swiper-job .swiper-slide:first-child {
  border-radius: 2rem 0 0 2rem;
}
.swiper-job .swiper-slide:last-child {
  border-radius: 0 2rem 2rem 0;
}
.swiper-job picture {
  display: block;
  width: 100%;
  height: 14.8rem;
}
.swiper-job picture a, .swiper-job picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-job picture a {
  transition: 0.25s;
  filter: grayscale(100%);
  opacity: 0.5;
}
.swiper-job picture a:hover {
  filter: grayscale(0%);
  opacity: 1;
}
@media (min-width: 992px) {
  .swiper-job .swiper {
    padding: 1px;
  }
}
@media (min-width: 1200px) {
  .swiper-job {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
    grid-template-areas: "caption control" "swiper swiper";
  }
  .swiper-job .swiper-caption {
    display: flex;
    align-items: center;
    min-height: 6rem;
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 500;
    margin: 0 0 4rem;
    min-width: 0;
    grid-area: caption;
  }
  .swiper-job .swiper-control {
    display: flex;
    position: relative;
    margin: 0 0 4rem;
    min-width: 0;
    grid-area: control;
  }
  .swiper-job .swiper {
    overflow: hidden;
    border-radius: 2rem;
    border: 1px solid #D2DBEA;
    min-width: 0;
    grid-area: swiper;
  }
  .swiper-job .swiper-slide {
    width: 25%;
  }
  .swiper-job .swiper-slide:before {
    border-top: none;
    border-bottom: none;
  }
  .swiper-job .swiper-slide:first-child:before {
    border-left: none;
  }
  .swiper-job .swiper-slide:last-child:before {
    border-right: none;
  }
  .swiper-job picture {
    width: 100%;
    height: auto;
    aspect-ratio: 448/228;
  }
}

.swiper-formats {
  position: relative;
}
.swiper-formats .swiper {
  overflow: visible;
}
.swiper-formats .swiper-slide {
  width: auto;
  flex: 1 1 auto;
}
.swiper-formats .swiper-shadow-prev {
  display: none;
}
.swiper-formats .swiper-shadow-next {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  width: 27rem;
  height: 100%;
  background: linear-gradient(270deg, #FFF 0%, rgba(255, 255, 255, 0.73) 46.02%, rgba(255, 255, 255, 0) 100%);
  pointer-events: none;
  transition: opacity 0.25s;
}
.swiper-formats .swiper-shadow-next.swiper-button-disabled {
  opacity: 0;
}

.choices {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 3.2rem 0 1.6rem;
  background-color: #fff;
  background-position: right 1.6rem center;
  background-repeat: no-repeat;
  border: 1px solid #D2DBEA;
  height: 5.2rem;
  border-radius: 1rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  white-space: nowrap;
  color: #4F4E62;
  transition: 0.25s;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .choices {
    padding: 0 4.8rem 0 2.4rem;
    height: 6rem;
    font-size: 1.8rem;
    background-position: right 2.4rem center;
  }
}
.choices:hover .choices__arrow {
  color: #cc2e27;
  color: var(--color-red);
}
.choices.is-focused {
  border-color: #A5AEBE;
}
.choices.is-open {
  z-index: 500;
}
.choices.is-open .choices__arrow {
  transform: rotate(180deg);
}
.choices.is-open .choices__list--dropdown {
  opacity: 1;
  visibility: visible;
}
.choices.has-selected > .choices__inner > .choices__input {
  opacity: 0;
}
.choices.has-selected > .choices__inner > .choices__input::-moz-placeholder {
  opacity: 0;
}
.choices.has-selected > .choices__inner > .choices__input::placeholder {
  opacity: 0;
}
.choices.has-selected.--mode-default, .choices.has-selected.--mode-placeholder {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.choices.has-selected:has([data-editable]) > .choices__inner > .choices__input {
  opacity: 1;
}
.choices.--mode-radio > .choices__inner, .choices.--mode-checkbox > .choices__inner {
  pointer-events: none;
}
.choices.--mode-radio > .choices__list--dropdown, .choices.--mode-checkbox > .choices__list--dropdown {
  padding: 1.6rem 2.4rem 1.6rem 1.6rem;
}
.choices.--mode-radio > .choices__list--dropdown .choices__list, .choices.--mode-checkbox > .choices__list--dropdown .choices__list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.choices.--mode-radio > .choices__list--dropdown .choices__item, .choices.--mode-checkbox > .choices__list--dropdown .choices__item {
  padding: 0;
  border: none;
  min-width: 0;
  min-height: auto;
}
.choices.--mode-radio > .choices__list--dropdown .scrollbar-track-y, .choices.--mode-checkbox > .choices__list--dropdown .scrollbar-track-y {
  border: none;
  overflow: hidden;
}
.choices.--mode-radio > .choices__list--dropdown .scrollbar-track-y:before, .choices.--mode-checkbox > .choices__list--dropdown .scrollbar-track-y:before {
  display: none;
}
@media (min-width: 1200px) {
  .choices.--mode-radio > .choices__list--dropdown, .choices.--mode-checkbox > .choices__list--dropdown {
    padding: 2.4rem 3.2rem 2.4rem 2.4rem;
  }
  .choices.--mode-radio > .choices__list--dropdown .choices__list, .choices.--mode-checkbox > .choices__list--dropdown .choices__list {
    gap: 1.6rem;
  }
}
.choices.--theme-light {
  background-color: #EEF3FA;
  border-color: #EEF3FA;
}
.choices.--theme-light .choices__list--dropdown {
  background-color: #EEF3FA;
  border-color: #EEF3FA;
}
.choices > .choices__inner {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex: 1;
}
.choices > .choices__inner > .choices__arrow {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  position: absolute;
  top: 50%;
  right: 1.2rem;
  margin: -0.8rem 0 0 0;
  transition: 0.25s;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .choices > .choices__inner > .choices__arrow {
    width: 2.4rem;
    height: 2.4rem;
    right: 1.6rem;
    margin: -1.2rem 0 0 0;
  }
}
.choices > .choices__inner > .choices__list {
  flex: 0 0 auto;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.choices > .choices__inner > .choices__list > .choices__item {
  display: inline;
}
.choices > .choices__inner > .choices__list > .choices__item:before {
  content: ", ";
}
.choices > .choices__inner > .choices__list > .choices__item:first-child:before {
  display: none;
}
.choices > .choices__inner > .choices__input {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  flex: 1;
  min-width: 0 !important;
  width: auto !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.choices > .choices__inner > .choices__input::-moz-placeholder {
  color: #A5AEBE;
}
.choices > .choices__inner > .choices__input::placeholder {
  color: #A5AEBE;
}
.choices > .choices__inner > .choices__input::-webkit-search-decoration, .choices > .choices__inner > .choices__input::-webkit-search-cancel-button, .choices > .choices__inner > .choices__input::-webkit-search-results-button, .choices > .choices__inner > .choices__input::-webkit-search-results-decoration {
  display: none;
}
.choices > .choices__inner > .choices__input::-ms-clear, .choices > .choices__inner > .choices__input::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
.choices > .choices__list--dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 500;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  margin: 1.2rem 0 0 0;
  padding: 0 2.4rem 0 0;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  max-height: 28rem;
  font-size: 1.4rem;
}
@media (min-width: 1200px) {
  .choices > .choices__list--dropdown {
    font-size: 1.8rem;
  }
}
.choices > .choices__list--dropdown::-webkit-scrollbar {
  display: none;
}
.choices > .choices__list--dropdown.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.choices > .choices__list--dropdown:has(.scrollbar-track-y[style="display: none;"]) {
  padding-right: 0;
}
.choices > .choices__list--dropdown .scrollbar-track-y {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2.4rem;
  border-left: 1px solid #D2DBEA;
}
.choices > .choices__list--dropdown .scrollbar-track-y:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  left: 50%;
  bottom: 1.2rem;
  width: 2px;
  height: auto;
  border-radius: 2px;
  background: #D2DBEA;
  margin: 0 0 0 -1px;
}
.choices > .choices__list--dropdown .scrollbar-thumb-y {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: auto;
  margin: 0 0 0 -1px;
}
.choices > .choices__list--dropdown .scrollbar-thumb-y:before {
  content: "";
  display: block;
  position: absolute;
  top: 1.2rem;
  left: 0;
  right: 0;
  bottom: 1.2rem;
  background: #CC2E27;
}
.choices > .choices__list--dropdown .choices__item {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 3.6rem;
  white-space: normal;
  padding: 0.8rem 1.6rem;
  cursor: pointer;
  color: #4F4E62;
  transition: 0.25s;
  border-bottom: 1px solid #D2DBEA;
  cursor: pointer;
}
.choices > .choices__list--dropdown .choices__item:last-child {
  border: none;
}
.choices > .choices__list--dropdown .choices__item:hover {
  color: #cc2e27;
  color: var(--color-red);
}
.choices > .choices__list--dropdown .choices__item.has-no-results {
  pointer-events: none;
}
.choices > .choices__list--dropdown .choices__item.is-selected {
  color: #CC2E27;
}
.choices > .choices__list--dropdown .choices__item.is-selected > .choices__radio {
  border-color: #CC2E27;
}
.choices > .choices__list--dropdown .choices__item.is-selected > .choices__radio:after {
  opacity: 1;
}
.choices > .choices__list--dropdown .choices__item.is-selected > .choices__checkbox {
  border-color: #CC2E27;
}
.choices > .choices__list--dropdown .choices__item.is-selected > .choices__checkbox svg {
  opacity: 1;
}
.choices > .choices__list--dropdown .choices__item > .choices__radio {
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1.5px solid rgba(165, 174, 190, 0.7);
  flex: 0 0 auto;
  border-radius: 50%;
  position: relative;
  pointer-events: none;
}
.choices > .choices__list--dropdown .choices__item > .choices__radio:after {
  content: "";
  display: block;
  position: absolute;
  top: 20%;
  left: 20%;
  border-radius: 50%;
  width: 60%;
  height: 60%;
  background: #CC2E27;
  transition: opacity 0.25s;
  opacity: 0;
}
@media (min-width: 1200px) {
  .choices > .choices__list--dropdown .choices__item > .choices__radio {
    width: 2.4rem;
    height: 2.4rem;
    border-width: 2px;
  }
}
.choices > .choices__list--dropdown .choices__item > .choices__checkbox {
  display: block;
  width: 2rem;
  height: 2rem;
  border: 1.5px solid rgba(165, 174, 190, 0.7);
  flex: 0 0 auto;
  border-radius: 0.6rem;
  position: relative;
  pointer-events: none;
}
.choices > .choices__list--dropdown .choices__item > .choices__checkbox svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0 -1rem;
  transition: 0.25s;
  opacity: 0;
  max-width: none;
}
@media (min-width: 1200px) {
  .choices > .choices__list--dropdown .choices__item > .choices__checkbox {
    width: 2.4rem;
    height: 2.4rem;
    border-width: 2px;
  }
  .choices > .choices__list--dropdown .choices__item > .choices__checkbox svg {
    width: 2.4rem;
    height: 2.4rem;
    margin: -1.2rem 0 0 -1.2rem;
  }
}
@media (min-width: 1200px) {
  .choices > .choices__list--dropdown .choices__item {
    padding: 0.8rem 2.4rem;
    gap: 1.6rem;
  }
}

.choices.--mode-single.--theme-light:not(.has-selected) .choices__inner {
  color: rgba(79, 78, 98, 0.7);
}
.choices.--mode-single.--theme-light .choices__list--dropdown {
  box-shadow: 0 0.4rem 2rem rgba(0, 0, 0, 0.1);
  padding: 1.6rem 0;
}
.choices.--mode-single.--theme-light .choices__list--dropdown .choices__item {
  border: none;
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base {
  /* this ensures that a constrained height set by functionPosition,
  if greater that the natural height of the tooltip, will be enforced
  in browsers that support display:flex */
  display: flex;
  pointer-events: none;
  /* this may be overriden in JS for fixed position origins */
  position: absolute;
}

.tooltipster-box {
  /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-
  and flex-basis auto for IE11- (at least) */
  flex: 1 1 auto;
}

.tooltipster-content {
  /* prevents an overflow if the user adds padding to the div */
  box-sizing: border-box;
  /* these make sure we'll be able to detect any overflow */
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
}

.tooltipster-ruler {
  /* these let us test the size of the tooltip without overflowing the window */
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}

.tooltipster-fade.tooltipster-show {
  opacity: 1;
}

/* grow */
.tooltipster-grow {
  transform: scale(0, 0);
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
  opacity: 0;
  transform: rotateZ(4deg);
  transition-property: transform;
}

.tooltipster-swing.tooltipster-show {
  opacity: 1;
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

/* slide */
.tooltipster-slide {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
  left: -4rem !important;
}

.tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because
 transition durations may be specified in the style tag due to
 animationDuration, and we try to avoid collisions and the use
 of !important */
/* fade */
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltipster-update-fade {
  animation: tooltipster-fading 400ms;
}

/* rotate */
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
.tooltipster-update-rotate {
  animation: tooltipster-rotating 600ms;
}

/* scale */
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.tooltipster-update-scale {
  animation: tooltipster-scaling 600ms;
}

/**
 * DEFAULT STYLE OF THE SIDETIP PLUGIN
 * 
 * All styles are "namespaced" with .tooltipster-sidetip to prevent
 * conflicts between plugins.
 */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
  background: #FEFEFE;
  border: 2px solid #FEFEFE;
  border-radius: 0.4rem;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 1.2rem;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 1.2rem;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 1.2rem;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin-bottom: 1.2rem;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
  color: white;
  line-height: 1.8rem;
  padding: 0.6rem 1.4rem;
}

/* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
corresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 1rem;
  /* half the width, for centering */
  margin-left: -1rem;
  top: 0;
  width: 2rem;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 2rem;
  margin-top: -1rem;
  right: 0;
  /* top 0 to keep the arrow from overflowing .tooltipster-base when it has not
  been positioned yet */
  top: 0;
  width: 1rem;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 2rem;
  margin-top: -1rem;
  left: 0;
  /* same as .tooltipster-left .tooltipster-arrow */
  top: 0;
  width: 1rem;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 1rem;
  margin-left: -1rem;
  width: 2rem;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
  border: 1rem solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #FEFEFE;
  left: 0;
  top: 0.3rem;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #FEFEFE;
  left: -0.3rem;
  top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #FEFEFE;
  left: 0.3rem;
  top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #FEFEFE;
  left: 0;
  top: -0.3rem;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
  border: 1rem solid transparent;
  left: 0;
  top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: #FEFEFE;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: #FEFEFE;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: #FEFEFE;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: #FEFEFE;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -1rem;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -1rem;
}

.tooltipster-white {
  padding: 0 1.6rem;
}
.tooltipster-white .tooltipster-arrow {
  display: none;
}
.tooltipster-white .tooltipster-box {
  border: none;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  max-width: none;
  width: 28.6rem;
}
.tooltipster-white .tooltipster-content {
  padding: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  color: #6B717B;
}
.tooltipster-white .tooltipster-content svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.tooltipster-white .tooltipster-content strong {
  display: flex;
  align-items: center;
  margin: 0 0 1.2rem;
  gap: 1rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
}
.tooltipster-white .tooltipster-content b {
  font-weight: 500;
}
.tooltipster-white .tooltipster-content p {
  margin: 0 0 1rem;
}
.tooltipster-white .tooltipster-content p:last-child {
  margin: 0;
}
.tooltipster-white .tooltipster-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.tooltipster-white .tooltipster-content ul > li {
  position: relative;
  padding: 0 0 0 1rem;
  margin: 0 0 1rem;
}
.tooltipster-white .tooltipster-content ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.4rem;
  height: 0.4rem;
  margin: -2px 0 0 0;
  border-radius: 50%;
  background: #CC2E27;
}
.tooltipster-white .tooltipster-content ul > li:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .tooltipster-white {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .tooltipster-white {
    padding: 0;
  }
  .tooltipster-white .tooltipster-content {
    font-size: 1.6rem;
  }
  .tooltipster-white .tooltipster-content strong {
    font-size: 1.8rem;
  }
  .tooltipster-white .tooltipster-content ul > li {
    padding: 0 0 0 1.6rem;
  }
  .tooltipster-white .tooltipster-content ul > li:before {
    width: 0.6rem;
    height: 0.6rem;
    margin: -0.3rem 0 0 0;
  }
}

.tooltipster-status {
  padding: 0 1.6rem;
}
.tooltipster-status .tooltipster-arrow {
  display: none;
}
.tooltipster-status .tooltipster-box {
  border: none;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  max-width: none;
  width: auto;
  min-width: 13.5rem;
}
.tooltipster-status .tooltipster-content {
  padding: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  color: #6B717B;
}
.tooltipster-status .tooltipster-content svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.tooltipster-status .tooltipster-content strong {
  display: flex;
  align-items: center;
  margin: 0 0 1.2rem;
  gap: 1rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
}
.tooltipster-status .tooltipster-content b {
  font-weight: 500;
}
.tooltipster-status .tooltipster-content p {
  margin: 0 0 1rem;
}
.tooltipster-status .tooltipster-content p:last-child {
  margin: 0;
}
.tooltipster-status .tooltipster-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: 500;
  color: #4F4E62;
}
.tooltipster-status .tooltipster-content ul > li {
  position: relative;
  padding: 0 0 0 2rem;
  margin: 0 0 1rem;
}
.tooltipster-status .tooltipster-content ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  margin: -0.3rem 0 0 0;
  border-radius: 50%;
  background: #CC2E27;
  z-index: 2;
}
.tooltipster-status .tooltipster-content ul > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  bottom: -2rem;
  left: 0.4rem;
  width: 1px;
  background: #CC2E27;
  margin: 0 0 0 -0.5px;
  z-index: 1;
}
.tooltipster-status .tooltipster-content ul > li:first-child:after {
  top: 50%;
}
.tooltipster-status .tooltipster-content ul > li:last-child {
  margin: 0;
}
.tooltipster-status .tooltipster-content ul > li:last-child:after {
  bottom: 50%;
}
.tooltipster-status .tooltipster-content ul > li.is-active {
  color: #CC2E27;
}
.tooltipster-status .tooltipster-content ul > li.is-active:after {
  background: #A5AEBE;
}
.tooltipster-status .tooltipster-content ul > li.is-active ~ li {
  color: #A5AEBE;
}
.tooltipster-status .tooltipster-content ul > li.is-active ~ li:before, .tooltipster-status .tooltipster-content ul > li.is-active ~ li:after {
  background: #A5AEBE;
}
@media (min-width: 768px) {
  .tooltipster-status {
    padding: 0;
  }
  .tooltipster-status .tooltipster-box {
    min-width: 19rem;
  }
}
@media (min-width: 1200px) {
  .tooltipster-status {
    padding: 0;
  }
  .tooltipster-status .tooltipster-content {
    font-size: 1.8rem;
    padding: 2.4rem 2.8rem;
  }
  .tooltipster-status .tooltipster-content strong {
    font-size: 1.8rem;
  }
  .tooltipster-status .tooltipster-content ul > li {
    padding: 0 0 0 2.8rem;
    margin: 0 0 1.4rem;
  }
  .tooltipster-status .tooltipster-content ul > li:before {
    width: 1.2rem;
    height: 1.2rem;
    margin: -0.6rem 0 0 0;
  }
  .tooltipster-status .tooltipster-content ul > li:after {
    left: 0.6rem;
  }
  .tooltipster-status .tooltipster-content ul > li:last-child {
    margin: 0;
  }
}

/**
Ion.RangeSlider, 2.3.1
© Denis Ineshin, 2010 - 2019, IonDen.com
Build date: 2019-12-19 16:51:02
*/
.irs {
  position: relative;
  display: block;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.irs-line {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none;
}
.irs-bar {
  position: absolute;
  display: block;
  left: 0;
  width: 0;
}
.irs-shadow {
  position: absolute;
  display: none;
  left: 0;
  width: 0;
}
.irs-handle {
  position: absolute;
  display: block;
  box-sizing: border-box;
  cursor: default;
  z-index: 1;
}
.irs-handle.type_last {
  z-index: 2;
}
.irs-min, .irs-max {
  position: absolute;
  display: block;
  cursor: default;
}
.irs-min {
  left: 0;
}
.irs-max {
  right: 0;
}
.irs-from, .irs-to, .irs-single {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  cursor: default;
  white-space: nowrap;
}
.irs-grid {
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2rem;
}
.irs-with-grid .irs-grid {
  display: block;
}
.irs-grid-pol {
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 0.8rem;
  background: #000;
}
.irs-grid-pol.small {
  height: 0.4rem;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 0.9rem;
  line-height: 0.9rem;
  padding: 0 0.3rem;
  color: #000;
}
.irs-disable-mask {
  position: absolute;
  display: block;
  top: 0;
  left: -1%;
  width: 102%;
  height: 100%;
  cursor: default;
  background: rgba(0, 0, 0, 0);
  z-index: 2;
}
.lt-ie9 .irs-disable-mask {
  background: #000;
  filter: alpha(opacity=0);
  cursor: not-allowed;
}
.irs-disabled {
  opacity: 0.4;
}
.irs-hidden-input {
  position: absolute !important;
  display: block !important;
  top: 0 !important;
  left: 0 !important;
  width: 0 !important;
  height: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  outline: none !important;
  z-index: -9999 !important;
  background: none !important;
  border-style: solid !important;
  border-color: transparent !important;
  opacity: 0 !important;
}

/* Ion.RangeSlider, Flat UI Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// ===================================================================================================================*/
/* =====================================================================================================================
// Skin details */
.irs {
  position: relative;
  height: 2px;
  margin: 0;
  background: rgba(165, 174, 190, 0.7);
  border-radius: 2px;
}
.irs .irs {
  background: none;
  margin: 0;
}

.irs-line {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.irs-bar {
  position: absolute;
  top: 0;
  left: 0;
  background: #4F4E62;
  height: 100%;
  border-radius: 2px;
}

.irs-handle {
  position: absolute;
  top: 50%;
  left: 0;
  cursor: pointer;
  width: 2rem;
  height: 0;
}
.irs-handle:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin: -1rem 0 0 -1rem;
  background: #4F4E62;
  transition: 0.25s;
}
.irs-handle:hover:before, .irs-handle:active:before {
  transform: scale(1.2);
}
:has(.fancybox-active) .fancybox-slide {
  overscroll-behavior: contain;
}

.fancybox-active {
  overflow: hidden;
}

.fancybox-is-hidden {
  left: -999.9rem;
  margin: 0;
  position: absolute !important;
  top: -999.9rem;
  visibility: hidden;
  display: none !important;
}

.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}

.fancybox-container * {
  box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.fancybox-bg {
  background: rgb(30, 30, 30);
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}

.fancybox-is-open .fancybox-bg {
  opacity: 1;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}

.fancybox-infobar {
  color: #ccc;
  font-size: 1.3rem;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 4.4rem;
  left: 0;
  line-height: 4.4rem;
  min-width: 4.4rem;
  mix-blend-mode: difference;
  padding: 0 1rem;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.fancybox-toolbar {
  right: 0;
  top: 0;
}

.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}

.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4.4rem;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}

.fancybox-slide::before {
  content: "";
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}

.fancybox-slide--image {
  overflow: hidden;
  padding: 4.4rem 0;
}

.fancybox-slide--image::before {
  display: none;
}

.fancybox-slide--html {
  padding: 6px;
}

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 4.4rem;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: grabbing;
}

.fancybox-container [data-selectable=true] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 40rem;
  padding: 4rem;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 1.6rem;
  line-height: 2rem;
  margin: 0;
  padding: 0;
}

/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 4.4rem;
  margin: 0;
  padding: 1rem;
  position: relative;
  transition: color 0.2s;
  vertical-align: top;
  visibility: inherit;
  width: 4.4rem;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scaleX(0);
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: 0.8;
  padding: 0.8rem;
  position: absolute;
  right: -1.2rem;
  top: -4.4rem;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 10rem;
  opacity: 0;
  position: absolute;
  top: calc(50% - 5rem);
  width: 7rem;
}

.fancybox-navigation .fancybox-button div {
  padding: 0.7rem;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 3.1rem 2.6rem 3.1rem 0.6rem;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 3.1rem 0.6rem 3.1rem 2.6rem;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 1.4rem;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 7.5rem 4.4rem 2.5rem 4.4rem;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 7.5rem max(4.4rem, env(safe-area-inset-right)) max(2.5rem, env(safe-area-inset-bottom)) max(4.4rem, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -5rem;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  -webkit-text-decoration: none;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 0.4rem solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 5rem;
  left: 50%;
  margin: -2.5rem 0 0 -2.5rem;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 5rem;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}

/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  transform: scale(0.975) translate3d(0, 20rem, 0);
  opacity: 0;
}

.fancybox-fx-fade.fancybox-slide--current {
  transform: scale(1) translate3d(0, 0px, 0);
  opacity: 1;
}

@keyframes f-zoomInUp {
  from {
    transform: scale(0.975) translate3d(0, 1.6rem, 0);
    opacity: 0;
  }
  to {
    transform: scale(1) translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes f-zoomOutDown {
  to {
    transform: scale(0.975) translate3d(0, 1.6rem, 0);
    opacity: 0;
  }
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  transform: rotate(0deg);
}

/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 0.3rem;
  max-width: 90%;
  padding: 3rem;
  text-align: center;
}

.fancybox-share h1 {
  color: #222;
  font-size: 3.5rem;
  font-weight: 700;
  margin: 0 0 2rem 0;
}

.fancybox-share p {
  margin: 0;
  padding: 0;
}

.fancybox-share__button {
  border: 0;
  border-radius: 0.3rem;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 4rem;
  margin: 0 0.5rem 1rem 0.5rem;
  min-width: 13rem;
  padding: 0 1.5rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  transition: all 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}

.fancybox-share__button:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
}

.fancybox-share__button--fb {
  background: #3b5998;
}

.fancybox-share__button--fb:hover {
  background: #344e86;
}

.fancybox-share__button--pt {
  background: #bd081d;
}

.fancybox-share__button--pt:hover {
  background: #aa0719;
}

.fancybox-share__button--tw {
  background: #1da1f2;
}

.fancybox-share__button--tw:hover {
  background: #0d95e8;
}

.fancybox-share__button svg {
  height: 2.5rem;
  margin-right: 0.7rem;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 2.5rem;
}

.fancybox-share__button svg path {
  fill: #fff;
}

.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 1.4rem;
  margin: 1rem 0 0 0;
  outline: none;
  padding: 1rem 1.5rem;
  width: 100%;
}

/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 0.4rem 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 21.2rem;
  z-index: 99995;
}

.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}

.fancybox-show-thumbs .fancybox-inner {
  right: 21.2rem;
}

.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 0.7rem;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 1rem;
  box-shadow: inset 0 0 0.6rem rgba(0, 0, 0, 0.3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 1rem;
}

.fancybox-thumbs__list a {
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 7.5rem;
  margin: 2px;
  max-height: calc(100% - 0.8rem);
  max-width: calc(50% - 0.4rem);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 10rem;
}

.fancybox-thumbs__list a::before {
  border: 0.6rem solid #ff5268;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
  opacity: 0.5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}

.f-button {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background: #fff;
  color: #6B717B;
}
.f-button svg {
  display: block;
  width: 100%;
  height: 100%;
  filter: initial;
  transform: none;
  transform: initial;
}
.f-button:hover {
  background: #cc2e27;
  background: var(--color-red);
  color: #fff;
}
.f-button--close {
  position: absolute;
  top: 3.2rem;
  right: 3.2rem;
  background: none;
  color: #cc2e27;
  color: var(--color-red);
}
.f-button--close svg {
  width: 2rem;
  height: 2rem;
}
.f-button--prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 3.2rem;
}
.f-button--next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 3.2rem;
}
@media (min-width: 1200px) {
  .f-button {
    width: 6rem;
    height: 6rem;
  }
  .f-button--close {
    top: 6rem;
    right: 6rem;
  }
  .f-button--close svg {
    width: 3rem;
    height: 3rem;
  }
  .f-button--prev {
    left: 6rem;
  }
  .f-button--next {
    right: 6rem;
  }
}

.fancybox-navigation .f-button {
  opacity: 0;
  position: absolute;
  transition: opacity 0.25s ease, visibility 0s ease 0.25s, background 0.25s;
  visibility: hidden;
  z-index: 99997;
}

.fancybox-show-nav .fancybox-navigation .f-button {
  opacity: 1;
  transition: opacity 0.25s ease 0s, visibility 0s ease 0s, background 0.25s;
  visibility: visible;
}

.fancybox-content {
  overflow: visible;
  overflow: initial;
  background: transparent;
  padding: 0;
  margin: 0;
}

.fancybox-modal .fancybox-navigation {
  display: none;
}
.fancybox-modal .fancybox-bg {
  background: rgba(79, 78, 98, 0.4);
}
.fancybox-modal .fancybox-slide {
  padding: 6rem 0 0 0;
  margin: 0;
  overflow: auto;
  scroll-behavior: smooth;
  box-shadow: 0 100vh 0 #fff;
}
.fancybox-modal .fancybox-slide::-webkit-scrollbar {
  display: none;
}
.fancybox-modal .fancybox-content {
  max-height: 100%;
  display: inline-flex !important;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .fancybox-modal .fancybox-slide {
    padding: 2rem;
    box-shadow: none;
  }
  .fancybox-modal .fancybox-content {
    vertical-align: middle;
    max-height: none;
  }
}

.fancybox-media .fancybox-bg {
  background: #E5EFFF;
}
.fancybox-media .fancybox-slide {
  padding: 1.6rem;
}
@media (min-width: 1200px) {
  .fancybox-media .fancybox-slide {
    padding: 6rem 18.4rem;
  }
}
.fancybox-media .fancybox-content {
  border-radius: 2rem;
  overflow: hidden;
  background: #F3F7FC;
}
.fancybox-media .fancybox-caption {
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 400;
  text-align: center;
  color: #6B717B;
  padding: 0.8rem 0;
  margin: 0;
  background: transparent;
}
@media (min-width: 1200px) {
  .fancybox-media .fancybox-caption {
    font-size: 2.2rem;
    padding: 3.2rem 0 6.4rem;
  }
}

.fancybox-stories .fancybox-navigation {
  display: none;
}
.fancybox-stories .fancybox-bg {
  background: rgba(79, 78, 98, 0.4);
}
.fancybox-stories .fancybox-slide {
  padding: 6rem 0 0 0;
  margin: 0;
  overflow: hidden;
  scroll-behavior: smooth;
  box-shadow: 0 100vh 0 #E4EEFF;
  width: 100%;
  height: 100%;
}
.fancybox-stories .fancybox-slide::-webkit-scrollbar {
  display: none;
}
.fancybox-stories .fancybox-content {
  max-height: calc(100svh - 6rem);
  display: inline-flex !important;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .fancybox-stories .fancybox-bg {
    background: #E5EFFF;
  }
  .fancybox-stories .fancybox-slide {
    padding: 6.4rem;
  }
  .fancybox-stories .fancybox-content {
    vertical-align: middle;
    max-height: 100%;
  }
}

.fancybox-products .fancybox-navigation {
  display: none;
}
.fancybox-products .fancybox-bg {
  background: rgba(79, 78, 98, 0.2);
}
.fancybox-products .fancybox-slide {
  padding: 12rem 0 0 0;
  margin: 0;
  overflow: hidden;
  scroll-behavior: smooth;
  box-shadow: 0 100vh 0 #fff;
}
.fancybox-products .fancybox-slide::-webkit-scrollbar {
  display: none;
}
.fancybox-products .fancybox-content {
  max-height: 100%;
  display: inline-flex !important;
  vertical-align: bottom;
  overflow: hidden;
  border-radius: 0;
  padding: 0;
}
.fancybox-products .fancybox-content:before {
  display: none;
}

.fancybox-container:has(.popup-with-iframe) .fancybox-bg {
  background: #E5EFFF;
}
.fancybox-container:has(.popup-with-iframe) .fancybox-slide {
  padding: 1.6rem;
}
@media (min-width: 1200px) {
  .fancybox-container:has(.popup-with-iframe) .fancybox-slide {
    padding: 6rem 18.4rem;
  }
}
.fancybox-container:has(.popup-with-iframe) .fancybox-content {
  border-radius: 2rem;
  overflow: hidden;
  background: #F3F7FC;
}
.fancybox-container:has(.popup-with-iframe) .fancybox-caption {
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 400;
  text-align: center;
  color: #6B717B;
  padding: 0.8rem 0;
  margin: 0;
  background: transparent;
}
@media (min-width: 1200px) {
  .fancybox-container:has(.popup-with-iframe) .fancybox-caption {
    font-size: 2.2rem;
    padding: 3.2rem 0 6.4rem;
  }
}
.fancybox-container:has(.popup-with-iframe) iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}

/* -------------------------------------------------
    Datepicker vars
   ------------------------------------------------- */
.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}
.air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover {
  color: var(--adp-color-other-month-hover);
}
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
  color: var(--adp-color-other-month);
}
.-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- {
  color: #fff;
  background: var(--adp-background-color-selected-other-month);
}
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background: var(--adp-background-color-selected-other-month-focused);
}
.-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range);
  color: var(--adp-color);
}
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
  background-color: var(--adp-background-color-in-range-focused);
}
.air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty {
  background: none;
  border: none;
}

.air-datepicker {
  --adp-font-family: "Onest", Arial, sans-serif;
  --adp-font-size: 1.6rem;
  --adp-width: 32rem;
  --adp-z-index: 10000;
  --adp-padding: 0px;
  --adp-grid-areas: "nav" "body" "timepicker" "buttons";
  --adp-transition-duration: 0.3s;
  --adp-transition-ease: ease-out;
  --adp-transition-offset: 0.8rem;
  --adp-background-color: #fff;
  --adp-background-color-hover: #f0f0f0;
  --adp-background-color-active: #eaeaea;
  --adp-background-color-in-range: rgba(92, 196, 239, 0.1);
  --adp-background-color-in-range-focused: rgba(92, 196, 239, 0.2);
  --adp-background-color-selected-other-month-focused: #8ad5f4;
  --adp-background-color-selected-other-month: #a2ddf6;
  --adp-color: #4f4e62;
  --adp-color-secondary: #a7a6b0;
  --adp-accent-color: #cc2e27;
  --adp-color-current-date: var(--adp-accent-color);
  --adp-color-other-month: #a7a6b0;
  --adp-color-disabled: #aeaeae;
  --adp-color-disabled-in-range: #939393;
  --adp-color-other-month-hover: #c5c5c5;
  --adp-border-color: transparent;
  --adp-border-color-inner: transparent;
  --adp-border-radius: 1rem;
  --adp-border-color-inline: transparent;
  --adp-nav-height: 5.5rem;
  --adp-nav-arrow-color: var(--adp-color-secondary);
  --adp-nav-action-size: 2.2rem;
  --adp-nav-color-secondary: var(--adp-color-secondary);
  --adp-day-name-color: #6b717b;
  --adp-day-name-color-hover: #8ad5f4;
  --adp-day-cell-width: 1fr;
  --adp-day-cell-height: 3.2rem;
  --adp-month-cell-height: 4.2rem;
  --adp-year-cell-height: 5.6rem;
  --adp-pointer-size: 1rem;
  --adp-poiner-border-radius: 2px;
  --adp-pointer-offset: 1.4rem;
  --adp-cell-border-radius: 0.4rem;
  --adp-cell-background-color-hover: var(--adp-background-color-hover);
  --adp-cell-background-color-selected: #cc2e27;
  --adp-cell-background-color-selected-hover: #a8241e;
  --adp-cell-background-color-in-range: rgba(204, 46, 39, 0.1);
  --adp-cell-background-color-in-range-hover: rgba(204, 46, 39, 0.2);
  --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
  --adp-btn-height: 3.2rem;
  --adp-btn-color: var(--adp-accent-color);
  --adp-btn-color-hover: var(--adp-color);
  --adp-btn-border-radius: var(--adp-border-radius);
  --adp-btn-background-color-hover: var(--adp-background-color-hover);
  --adp-btn-background-color-active: var(--adp-background-color-active);
  --adp-time-track-height: 1px;
  --adp-time-track-color: #dedede;
  --adp-time-track-color-hover: #b1b1b1;
  --adp-time-thumb-size: 1.2rem;
  --adp-time-padding-inner: 1rem;
  --adp-time-day-period-color: var(--adp-color-secondary);
  --adp-mobile-font-size: 1.6rem;
  --adp-mobile-nav-height: 4rem;
  --adp-mobile-width: 32rem;
  --adp-mobile-day-cell-height: 3.8rem;
  --adp-mobile-month-cell-height: 4.8rem;
  --adp-mobile-year-cell-height: 6.4rem;
}

.air-datepicker-overlay {
  --adp-overlay-background-color: rgba(0, 0, 0, 0.3);
  --adp-overlay-transition-duration: 0.3s;
  --adp-overlay-transition-ease: ease-out;
  --adp-overlay-z-index: 9000;
}

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.air-datepicker {
  background: var(--adp-background-color);
  border: 1px solid var(--adp-border-color);
  box-shadow: 0 0.4rem 1.2rem rgba(0, 0, 0, 0.15);
  border-radius: var(--adp-border-radius);
  box-sizing: content-box;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(4, max-content);
  grid-template-areas: var(--adp-grid-areas);
  font-family: var(--adp-font-family), sans-serif;
  font-size: var(--adp-font-size);
  color: var(--adp-color);
  width: var(--adp-width);
  position: absolute;
  transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
  z-index: var(--adp-z-index);
}
.air-datepicker:not(.-custom-position-) {
  opacity: 0;
}
.air-datepicker.-from-top- {
  transform: translateY(calc(var(--adp-transition-offset) * -1));
}
.air-datepicker.-from-right- {
  transform: translateX(var(--adp-transition-offset));
}
.air-datepicker.-from-bottom- {
  transform: translateY(var(--adp-transition-offset));
}
.air-datepicker.-from-left- {
  transform: translateX(calc(var(--adp-transition-offset) * -1));
}
.air-datepicker.-active-:not(.-custom-position-) {
  transform: translate(0, 0);
  opacity: 1;
}
.air-datepicker.-active-.-custom-position- {
  transition: none;
}
.air-datepicker.-is-mobile- {
  --adp-font-size: var(--adp-mobile-font-size);
  --adp-day-cell-height: var(--adp-mobile-day-cell-height);
  --adp-month-cell-height: var(--adp-mobile-month-cell-height);
  --adp-year-cell-height: var(--adp-mobile-year-cell-height);
  --adp-nav-height: var(--adp-mobile-nav-height);
  --adp-nav-action-size: var(--adp-mobile-nav-height);
  position: fixed;
  width: var(--adp-mobile-width);
  border: none;
}
.air-datepicker.-is-mobile- * {
  -webkit-tap-highlight-color: transparent;
}
.air-datepicker.-is-mobile- .air-datepicker--pointer {
  display: none;
}
.air-datepicker.-is-mobile-:not(.-custom-position-) {
  transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
}
.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
  transform: translate(-50%, -50%);
}
.air-datepicker.-custom-position- {
  transition: none;
}

.air-datepicker-global-container {
  position: absolute;
  left: 0;
  top: 0;
}

.air-datepicker--pointer {
  --pointer-half-size: calc(var(--adp-pointer-size) / 2);
  position: absolute;
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  z-index: -1;
}
.air-datepicker--pointer:after {
  content: "";
  position: absolute;
  background: #fff;
  border-top: 1px solid var(--adp-border-color-inline);
  border-right: 1px solid var(--adp-border-color-inline);
  border-top-right-radius: var(--adp-poiner-border-radius);
  width: var(--adp-pointer-size);
  height: var(--adp-pointer-size);
  box-sizing: border-box;
}
.-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
  top: calc(100% - var(--pointer-half-size) + 1px);
}
.-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
  transform: rotate(135deg);
}
.-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
  right: calc(100% - var(--pointer-half-size) + 1px);
}
.-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
  transform: rotate(225deg);
}
.-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
  bottom: calc(100% - var(--pointer-half-size) + 1px);
}
.-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
  transform: rotate(315deg);
}
.-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
  left: calc(100% - var(--pointer-half-size) + 1px);
}
.-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
  transform: rotate(45deg);
}
.-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer {
  left: var(--adp-pointer-offset);
}
.-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer {
  right: var(--adp-pointer-offset);
}
.-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer {
  left: calc(50% - var(--adp-pointer-size) / 2);
}
.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
  top: var(--adp-pointer-offset);
}
.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
  bottom: var(--adp-pointer-offset);
}
.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
  top: calc(50% - var(--adp-pointer-size) / 2);
}

.air-datepicker--navigation {
  grid-area: nav;
}

.air-datepicker--content {
  box-sizing: content-box;
  padding: var(--adp-padding);
  grid-area: body;
}
.-only-timepicker- .air-datepicker--content {
  display: none;
}

.air-datepicker--time {
  grid-area: timepicker;
}

.air-datepicker--buttons {
  grid-area: buttons;
}

.air-datepicker--buttons,
.air-datepicker--time {
  padding: var(--adp-padding);
  border-top: 1px solid var(--adp-border-color-inner);
}

/*  Overlay
     ------------------------------------------------- */
.air-datepicker-overlay {
  position: fixed;
  background: var(--adp-overlay-background-color);
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  opacity: 0;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
  transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
  z-index: var(--adp-overlay-z-index);
}
.air-datepicker-overlay.-active- {
  opacity: 1;
  width: 100%;
  height: 100%;
  transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
}

/* -------------------------------------------------
    Datepicker body
   ------------------------------------------------- */
.air-datepicker-body {
  transition: all var(--adp-transition-duration) var(--adp-transition-ease);
}
.air-datepicker-body.-hidden- {
  display: none;
}

/*  Day names
     ------------------------------------------------- */
.air-datepicker-body--day-names {
  display: grid;
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  margin: 0 0 1.2rem;
}

.air-datepicker-body--day-name {
  color: var(--adp-day-name-color);
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  text-align: center;
}
.air-datepicker-body--day-name.-clickable- {
  cursor: pointer;
}
.air-datepicker-body--day-name.-clickable-:hover {
  color: var(--adp-day-name-color-hover);
}

/*  Cells container
     ------------------------------------------------- */
.air-datepicker-body--cells {
  display: grid;
}
.air-datepicker-body--cells.-days- {
  grid-template-columns: repeat(7, var(--adp-day-cell-width));
  grid-auto-rows: var(--adp-day-cell-height);
}
.air-datepicker-body--cells.-months- {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: var(--adp-month-cell-height);
}
.air-datepicker-body--cells.-years- {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: var(--adp-year-cell-height);
}

/* -------------------------------------------------
    Datepicker cell
   ------------------------------------------------- */
.air-datepicker-cell {
  border-radius: var(--adp-cell-border-radius);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.air-datepicker-cell.-focus- {
  background: var(--adp-cell-background-color-hover);
}
.air-datepicker-cell.-current- {
  color: var(--adp-color-current-date);
}
.air-datepicker-cell.-current-.-focus- {
  color: var(--adp-color);
}
.air-datepicker-cell.-current-.-in-range- {
  color: var(--adp-color-current-date);
}
.air-datepicker-cell.-disabled- {
  cursor: default;
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-disabled-.-focus- {
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-disabled-.-in-range- {
  color: var(--adp-color-disabled-in-range);
}
.air-datepicker-cell.-disabled-.-current-.-focus- {
  color: var(--adp-color-disabled);
}
.air-datepicker-cell.-in-range- {
  background: var(--adp-cell-background-color-in-range);
  border-radius: 0;
}
.air-datepicker-cell.-in-range-:hover, .air-datepicker-cell.-in-range-.-focus- {
  background: var(--adp-cell-background-color-in-range-hover);
}
.air-datepicker-cell.-range-from- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
}
.air-datepicker-cell.-range-to- {
  border: 1px solid var(--adp-cell-border-color-in-range);
  background-color: var(--adp-cell-background-color-in-range);
  border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
}
.air-datepicker-cell.-range-to-.-range-from- {
  border-radius: var(--adp-cell-border-radius);
}
.air-datepicker-cell.-selected- {
  color: #fff;
  border: none;
  background: var(--adp-cell-background-color-selected);
}
.air-datepicker-cell.-selected-.-current- {
  color: #fff;
  background: var(--adp-cell-background-color-selected);
}
.air-datepicker-cell.-selected-.-focus- {
  background: var(--adp-cell-background-color-selected-hover);
}

/*  Day cell
   ------------------------------------------------- */
/*  Year cell
   ------------------------------------------------- */
/* -------------------------------------------------
    Datepicker nav
   ------------------------------------------------- */
.air-datepicker-nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--adp-border-color-inner);
  min-height: var(--adp-nav-height);
  padding: var(--adp-padding);
  box-sizing: content-box;
}
.-only-timepicker- .air-datepicker-nav {
  display: none;
}

.air-datepicker-nav--title,
.air-datepicker-nav--action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

/*  Navigation action
     ------------------------------------------------- */
.air-datepicker-nav--action {
  width: var(--adp-nav-action-size);
  border-radius: var(--adp-border-radius);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.air-datepicker-nav--action:hover {
  background: var(--adp-background-color-hover);
}
.air-datepicker-nav--action:active {
  background: var(--adp-background-color-active);
}
.air-datepicker-nav--action.-disabled- {
  visibility: hidden;
}
.air-datepicker-nav--action svg {
  width: 3.2rem;
  height: 3.2rem;
}
.air-datepicker-nav--action path {
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

/*  Navigation title
     ------------------------------------------------- */
.air-datepicker-nav--title {
  border-radius: var(--adp-border-radius);
  padding: 0 0.8rem;
}
.air-datepicker-nav--title i {
  font-style: normal;
  color: var(--adp-nav-color-secondary);
  margin-left: 0.3em;
}
.air-datepicker-nav--title:hover {
  background: var(--adp-background-color-hover);
}
.air-datepicker-nav--title:active {
  background: var(--adp-background-color-active);
}
.air-datepicker-nav--title.-disabled- {
  cursor: default;
  background: none;
}

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.air-datepicker-time {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-column-gap: 1.2rem;
  align-items: center;
  position: relative;
  padding: 0 var(--adp-time-padding-inner);
}
.-only-timepicker- .air-datepicker-time {
  border-top: none;
}

.air-datepicker-time--current {
  display: flex;
  align-items: center;
  flex: 1;
  font-size: 1.4rem;
  text-align: center;
}

.air-datepicker-time--current-colon {
  margin: 0 2px 0.3rem;
  line-height: 1;
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
  line-height: 1;
  font-size: 1.9rem;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1;
}
.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
  content: "";
  background: var(--adp-background-color-hover);
  border-radius: var(--adp-border-radius);
  position: absolute;
  left: -2px;
  top: -0.3rem;
  right: -2px;
  bottom: -2px;
  z-index: -1;
  opacity: 0;
}
.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
  opacity: 1;
}

.air-datepicker-time--current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: var(--adp-time-day-period-color);
  margin-left: 0.6rem;
  font-size: 1.1rem;
  margin-bottom: 1px;
}

.air-datepicker-time--row {
  display: flex;
  align-items: center;
  font-size: 1.1rem;
  height: 1.7rem;
  background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
}
.air-datepicker-time--row:first-child {
  margin-bottom: 0.4rem;
}
.air-datepicker-time--row input[type=range] {
  background: none;
  cursor: pointer;
  flex: 1;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.air-datepicker-time--row input[type=range]::-ms-tooltip {
  display: none;
}
.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
  border-color: var(--adp-time-track-color-hover);
}
.air-datepicker-time--row input[type=range]:focus {
  outline: none;
}
.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
  background: var(--adp-cell-background-color-selected);
  border-color: var(--adp-cell-background-color-selected);
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  box-sizing: border-box;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.3rem;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -webkit-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type=range]::-moz-range-thumb {
  box-sizing: border-box;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.3rem;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -moz-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type=range]::-ms-thumb {
  box-sizing: border-box;
  height: 1.2rem;
  width: 1.2rem;
  border-radius: 0.3rem;
  border: 1px solid var(--adp-time-track-color);
  background: #fff;
  cursor: pointer;
  -ms-transition: background var(--adp-transition-duration);
  transition: background var(--adp-transition-duration);
}
.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
  margin-top: calc(var(--adp-time-thumb-size) / 2 * -1);
}
.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.air-datepicker-time--row input[type=range]::-moz-range-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.air-datepicker-time--row input[type=range]::-ms-track {
  border: none;
  height: var(--adp-time-track-height);
  cursor: pointer;
  color: transparent;
  background: transparent;
}
.air-datepicker-time--row input[type=range]::-ms-fill-lower {
  background: transparent;
}
.air-datepicker-time--row input[type=range]::-ms-fill-upper {
  background: transparent;
}
.air-datepicker-nav {
  padding: 1.6rem 2rem;
  box-sizing: border-box;
}

.air-datepicker-nav--action {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 0.5rem;
}
.air-datepicker-nav--action svg {
  display: block;
  width: 100%;
  height: 100%;
}

.air-datepicker--content {
  padding: 0 2rem 2rem;
}

.air-datepicker-body--cells {
  gap: 0.7rem 0;
}

.air-datepicker-cell {
  height: 3.3rem;
}
.air-datepicker-cell.-range-from-, .air-datepicker-cell.-range-to- {
  border: none;
}
.air-datepicker-cell:nth-of-type(7n) {
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.air-datepicker-cell:nth-of-type(7n - 6) {
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}

.air-datepicker.-inline- {
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none;
  border: 1px solid #d2dbea;
  box-shadow: none;
  border-radius: 1rem;
  overflow: hidden;
  width: 100%;
  height: auto;
}
.air-datepicker.-inline- .air-datepicker-nav {
  padding: 0;
  height: 4rem;
  border-bottom: 1px solid #d2dbea;
  background: #f3f7fc;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .air-datepicker.-inline- .air-datepicker-nav {
    height: 6rem;
    gap: 3.5rem;
  }
}
.air-datepicker.-inline- .air-datepicker-nav--action {
  width: 2rem;
  height: 2rem;
}
.air-datepicker.-inline- .air-datepicker-nav--action svg {
  display: block;
  width: 100%;
  height: 100%;
}
.air-datepicker.-inline- .air-datepicker-nav--action path {
  stroke: #6b717b;
}
.air-datepicker.-inline- .air-datepicker-nav--action:hover {
  background: none;
}
.air-datepicker.-inline- .air-datepicker-nav--action.-disabled- {
  visibility: visible;
  pointer-events: none;
}
.air-datepicker.-inline- .air-datepicker-nav--action.-disabled- path {
  stroke: #a5aebe;
}
@media (min-width: 1200px) {
  .air-datepicker.-inline- .air-datepicker-nav--action {
    width: 3rem;
    height: 3rem;
  }
}
.air-datepicker.-inline- .air-datepicker-nav--title {
  padding: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  color: #a5aebe;
  pointer-events: none;
}
@media (min-width: 1200px) {
  .air-datepicker.-inline- .air-datepicker-nav--title {
    font-size: 2.2rem;
  }
}
.air-datepicker.-inline- .air-datepicker--content {
  padding: 0;
}
.air-datepicker.-inline- .air-datepicker-body--day-names {
  height: 4.4rem;
  margin: 0;
  border-bottom: 1px solid #d2dbea;
}
@media (min-width: 1200px) {
  .air-datepicker.-inline- .air-datepicker-body--day-names {
    height: 6rem;
  }
}
.air-datepicker.-inline- .air-datepicker-body--day-name {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #828b9b;
}
@media (min-width: 1200px) {
  .air-datepicker.-inline- .air-datepicker-body--day-name {
    font-size: 2.2rem;
    position: relative;
    z-index: 100;
  }
  .air-datepicker.-inline- .air-datepicker-body--day-name:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
    background: #fff;
    border: 1px solid #d2dbea;
  }
}
.air-datepicker.-inline- .air-datepicker-body--cells {
  padding: 0.4rem;
  gap: 0.4rem;
}
.air-datepicker.-inline- .air-datepicker-body--cells.-days- {
  grid-auto-rows: initial;
}
@media (min-width: 1200px) {
  .air-datepicker.-inline- .air-datepicker-body--cells {
    padding: 0;
    gap: 0;
  }
}
.air-datepicker.-inline- .air-datepicker-cell {
  height: auto;
  width: auto;
  aspect-ratio: 1/1;
  font-size: max(1.4rem, min(1.15vw, 2.2rem));
  line-height: 1.3;
  font-weight: 700;
  color: #828b9b;
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
  min-width: 0;
}
.air-datepicker.-inline- .air-datepicker-cell.-other-month- {
  pointer-events: none;
}
.air-datepicker.-inline- .air-datepicker-cell.-focus- {
  background: transparent;
}
.air-datepicker.-inline- .air-datepicker-cell.-selected- {
  background: #cc2e27;
  color: #fff;
}
.air-datepicker.-inline- .air-datepicker-cell.-selected- .calendar__cell-dots > li {
  background-color: #fff !important;
}
.air-datepicker.-inline- .air-datepicker-cell.-selected- .calendar__cell-bg {
  opacity: 0;
}
@media (min-width: 1200px) {
  .air-datepicker.-inline- .air-datepicker-cell {
    position: relative;
    z-index: 100;
    font-size: 2.2rem;
    aspect-ratio: unset;
    min-height: 27rem;
    padding: 1rem;
    overflow: visible;
    overflow: initial;
    border-radius: 0;
  }
  .air-datepicker.-inline- .air-datepicker-cell:before {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: -1px;
    z-index: -1;
    background: #fff;
    border: 1px solid #d2dbea;
  }
  .air-datepicker.-inline- .air-datepicker-cell.-selected- {
    background-color: transparent;
    color: #828b9b;
  }
}
.air-datepicker.-inline- .air-datepicker--buttons {
  padding: 0.4rem;
  border: none;
}
@media (min-width: 1200px) {
  .air-datepicker.-inline- .air-datepicker--buttons {
    display: none;
  }
}
.air-datepicker.-inline- .air-datepicker-buttons {
  display: grid;
  grid-template-columns: 1fr;
}
.air-datepicker.-inline- .air-datepicker-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 3.6rem;
  border-radius: 0.6rem;
  background: #f3f7fc;
  color: #828b9b;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}

body[data-aos-duration="50"] [data-aos], [data-aos][data-aos][data-aos-duration="50"] {
  transition-duration: 50ms;
}
body[data-aos-delay="50"] [data-aos], [data-aos][data-aos][data-aos-delay="50"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="50"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="50"].aos-animate {
  transition-delay: 50ms;
  animation-delay: 50ms;
}
body[data-aos-duration="100"] [data-aos], [data-aos][data-aos][data-aos-duration="100"] {
  transition-duration: 100ms;
}
body[data-aos-delay="100"] [data-aos], [data-aos][data-aos][data-aos-delay="100"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="100"].aos-animate {
  transition-delay: 100ms;
  animation-delay: 100ms;
}
body[data-aos-duration="150"] [data-aos], [data-aos][data-aos][data-aos-duration="150"] {
  transition-duration: 150ms;
}
body[data-aos-delay="150"] [data-aos], [data-aos][data-aos][data-aos-delay="150"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="150"].aos-animate {
  transition-delay: 150ms;
  animation-delay: 150ms;
}
body[data-aos-duration="200"] [data-aos], [data-aos][data-aos][data-aos-duration="200"] {
  transition-duration: 200ms;
}
body[data-aos-delay="200"] [data-aos], [data-aos][data-aos][data-aos-delay="200"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="200"].aos-animate {
  transition-delay: 200ms;
  animation-delay: 200ms;
}
body[data-aos-duration="250"] [data-aos], [data-aos][data-aos][data-aos-duration="250"] {
  transition-duration: 250ms;
}
body[data-aos-delay="250"] [data-aos], [data-aos][data-aos][data-aos-delay="250"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="250"].aos-animate {
  transition-delay: 250ms;
  animation-delay: 250ms;
}
body[data-aos-duration="300"] [data-aos], [data-aos][data-aos][data-aos-duration="300"] {
  transition-duration: 300ms;
}
body[data-aos-delay="300"] [data-aos], [data-aos][data-aos][data-aos-delay="300"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="300"].aos-animate {
  transition-delay: 300ms;
  animation-delay: 300ms;
}
body[data-aos-duration="350"] [data-aos], [data-aos][data-aos][data-aos-duration="350"] {
  transition-duration: 350ms;
}
body[data-aos-delay="350"] [data-aos], [data-aos][data-aos][data-aos-delay="350"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="350"].aos-animate {
  transition-delay: 350ms;
  animation-delay: 350ms;
}
body[data-aos-duration="400"] [data-aos], [data-aos][data-aos][data-aos-duration="400"] {
  transition-duration: 400ms;
}
body[data-aos-delay="400"] [data-aos], [data-aos][data-aos][data-aos-delay="400"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="400"].aos-animate {
  transition-delay: 400ms;
  animation-delay: 400ms;
}
body[data-aos-duration="450"] [data-aos], [data-aos][data-aos][data-aos-duration="450"] {
  transition-duration: 450ms;
}
body[data-aos-delay="450"] [data-aos], [data-aos][data-aos][data-aos-delay="450"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="450"].aos-animate {
  transition-delay: 450ms;
  animation-delay: 450ms;
}
body[data-aos-duration="500"] [data-aos], [data-aos][data-aos][data-aos-duration="500"] {
  transition-duration: 500ms;
}
body[data-aos-delay="500"] [data-aos], [data-aos][data-aos][data-aos-delay="500"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="500"].aos-animate {
  transition-delay: 500ms;
  animation-delay: 500ms;
}
body[data-aos-duration="550"] [data-aos], [data-aos][data-aos][data-aos-duration="550"] {
  transition-duration: 550ms;
}
body[data-aos-delay="550"] [data-aos], [data-aos][data-aos][data-aos-delay="550"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="550"].aos-animate {
  transition-delay: 550ms;
  animation-delay: 550ms;
}
body[data-aos-duration="600"] [data-aos], [data-aos][data-aos][data-aos-duration="600"] {
  transition-duration: 600ms;
}
body[data-aos-delay="600"] [data-aos], [data-aos][data-aos][data-aos-delay="600"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="600"].aos-animate {
  transition-delay: 600ms;
  animation-delay: 600ms;
}
body[data-aos-duration="650"] [data-aos], [data-aos][data-aos][data-aos-duration="650"] {
  transition-duration: 650ms;
}
body[data-aos-delay="650"] [data-aos], [data-aos][data-aos][data-aos-delay="650"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="650"].aos-animate {
  transition-delay: 650ms;
  animation-delay: 650ms;
}
body[data-aos-duration="700"] [data-aos], [data-aos][data-aos][data-aos-duration="700"] {
  transition-duration: 700ms;
}
body[data-aos-delay="700"] [data-aos], [data-aos][data-aos][data-aos-delay="700"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="700"].aos-animate {
  transition-delay: 700ms;
  animation-delay: 700ms;
}
body[data-aos-duration="750"] [data-aos], [data-aos][data-aos][data-aos-duration="750"] {
  transition-duration: 750ms;
}
body[data-aos-delay="750"] [data-aos], [data-aos][data-aos][data-aos-delay="750"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="750"].aos-animate {
  transition-delay: 750ms;
  animation-delay: 750ms;
}
body[data-aos-duration="800"] [data-aos], [data-aos][data-aos][data-aos-duration="800"] {
  transition-duration: 800ms;
}
body[data-aos-delay="800"] [data-aos], [data-aos][data-aos][data-aos-delay="800"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="800"].aos-animate {
  transition-delay: 800ms;
  animation-delay: 800ms;
}
body[data-aos-duration="850"] [data-aos], [data-aos][data-aos][data-aos-duration="850"] {
  transition-duration: 850ms;
}
body[data-aos-delay="850"] [data-aos], [data-aos][data-aos][data-aos-delay="850"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="850"].aos-animate {
  transition-delay: 850ms;
  animation-delay: 850ms;
}
body[data-aos-duration="900"] [data-aos], [data-aos][data-aos][data-aos-duration="900"] {
  transition-duration: 900ms;
}
body[data-aos-delay="900"] [data-aos], [data-aos][data-aos][data-aos-delay="900"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="900"].aos-animate {
  transition-delay: 900ms;
  animation-delay: 900ms;
}
body[data-aos-duration="950"] [data-aos], [data-aos][data-aos][data-aos-duration="950"] {
  transition-duration: 950ms;
}
body[data-aos-delay="950"] [data-aos], [data-aos][data-aos][data-aos-delay="950"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="950"].aos-animate {
  transition-delay: 950ms;
  animation-delay: 950ms;
}
body[data-aos-duration="1000"] [data-aos], [data-aos][data-aos][data-aos-duration="1000"] {
  transition-duration: 1000ms;
}
body[data-aos-delay="1000"] [data-aos], [data-aos][data-aos][data-aos-delay="1000"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1000"].aos-animate {
  transition-delay: 1000ms;
  animation-delay: 1000ms;
}
body[data-aos-duration="1050"] [data-aos], [data-aos][data-aos][data-aos-duration="1050"] {
  transition-duration: 1050ms;
}
body[data-aos-delay="1050"] [data-aos], [data-aos][data-aos][data-aos-delay="1050"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1050"].aos-animate {
  transition-delay: 1050ms;
  animation-delay: 1050ms;
}
body[data-aos-duration="1100"] [data-aos], [data-aos][data-aos][data-aos-duration="1100"] {
  transition-duration: 1100ms;
}
body[data-aos-delay="1100"] [data-aos], [data-aos][data-aos][data-aos-delay="1100"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1100"].aos-animate {
  transition-delay: 1100ms;
  animation-delay: 1100ms;
}
body[data-aos-duration="1150"] [data-aos], [data-aos][data-aos][data-aos-duration="1150"] {
  transition-duration: 1150ms;
}
body[data-aos-delay="1150"] [data-aos], [data-aos][data-aos][data-aos-delay="1150"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1150"].aos-animate {
  transition-delay: 1150ms;
  animation-delay: 1150ms;
}
body[data-aos-duration="1200"] [data-aos], [data-aos][data-aos][data-aos-duration="1200"] {
  transition-duration: 1200ms;
}
body[data-aos-delay="1200"] [data-aos], [data-aos][data-aos][data-aos-delay="1200"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1200"].aos-animate {
  transition-delay: 1200ms;
  animation-delay: 1200ms;
}
body[data-aos-duration="1250"] [data-aos], [data-aos][data-aos][data-aos-duration="1250"] {
  transition-duration: 1250ms;
}
body[data-aos-delay="1250"] [data-aos], [data-aos][data-aos][data-aos-delay="1250"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1250"].aos-animate {
  transition-delay: 1250ms;
  animation-delay: 1250ms;
}
body[data-aos-duration="1300"] [data-aos], [data-aos][data-aos][data-aos-duration="1300"] {
  transition-duration: 1300ms;
}
body[data-aos-delay="1300"] [data-aos], [data-aos][data-aos][data-aos-delay="1300"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1300"].aos-animate {
  transition-delay: 1300ms;
  animation-delay: 1300ms;
}
body[data-aos-duration="1350"] [data-aos], [data-aos][data-aos][data-aos-duration="1350"] {
  transition-duration: 1350ms;
}
body[data-aos-delay="1350"] [data-aos], [data-aos][data-aos][data-aos-delay="1350"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1350"].aos-animate {
  transition-delay: 1350ms;
  animation-delay: 1350ms;
}
body[data-aos-duration="1400"] [data-aos], [data-aos][data-aos][data-aos-duration="1400"] {
  transition-duration: 1400ms;
}
body[data-aos-delay="1400"] [data-aos], [data-aos][data-aos][data-aos-delay="1400"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1400"].aos-animate {
  transition-delay: 1400ms;
  animation-delay: 1400ms;
}
body[data-aos-duration="1450"] [data-aos], [data-aos][data-aos][data-aos-duration="1450"] {
  transition-duration: 1450ms;
}
body[data-aos-delay="1450"] [data-aos], [data-aos][data-aos][data-aos-delay="1450"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1450"].aos-animate {
  transition-delay: 1450ms;
  animation-delay: 1450ms;
}
body[data-aos-duration="1500"] [data-aos], [data-aos][data-aos][data-aos-duration="1500"] {
  transition-duration: 1500ms;
}
body[data-aos-delay="1500"] [data-aos], [data-aos][data-aos][data-aos-delay="1500"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1500"].aos-animate {
  transition-delay: 1500ms;
  animation-delay: 1500ms;
}
body[data-aos-duration="1550"] [data-aos], [data-aos][data-aos][data-aos-duration="1550"] {
  transition-duration: 1550ms;
}
body[data-aos-delay="1550"] [data-aos], [data-aos][data-aos][data-aos-delay="1550"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1550"].aos-animate {
  transition-delay: 1550ms;
  animation-delay: 1550ms;
}
body[data-aos-duration="1600"] [data-aos], [data-aos][data-aos][data-aos-duration="1600"] {
  transition-duration: 1600ms;
}
body[data-aos-delay="1600"] [data-aos], [data-aos][data-aos][data-aos-delay="1600"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1600"].aos-animate {
  transition-delay: 1600ms;
  animation-delay: 1600ms;
}
body[data-aos-duration="1650"] [data-aos], [data-aos][data-aos][data-aos-duration="1650"] {
  transition-duration: 1650ms;
}
body[data-aos-delay="1650"] [data-aos], [data-aos][data-aos][data-aos-delay="1650"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1650"].aos-animate {
  transition-delay: 1650ms;
  animation-delay: 1650ms;
}
body[data-aos-duration="1700"] [data-aos], [data-aos][data-aos][data-aos-duration="1700"] {
  transition-duration: 1700ms;
}
body[data-aos-delay="1700"] [data-aos], [data-aos][data-aos][data-aos-delay="1700"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1700"].aos-animate {
  transition-delay: 1700ms;
  animation-delay: 1700ms;
}
body[data-aos-duration="1750"] [data-aos], [data-aos][data-aos][data-aos-duration="1750"] {
  transition-duration: 1750ms;
}
body[data-aos-delay="1750"] [data-aos], [data-aos][data-aos][data-aos-delay="1750"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1750"].aos-animate {
  transition-delay: 1750ms;
  animation-delay: 1750ms;
}
body[data-aos-duration="1800"] [data-aos], [data-aos][data-aos][data-aos-duration="1800"] {
  transition-duration: 1800ms;
}
body[data-aos-delay="1800"] [data-aos], [data-aos][data-aos][data-aos-delay="1800"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1800"].aos-animate {
  transition-delay: 1800ms;
  animation-delay: 1800ms;
}
body[data-aos-duration="1850"] [data-aos], [data-aos][data-aos][data-aos-duration="1850"] {
  transition-duration: 1850ms;
}
body[data-aos-delay="1850"] [data-aos], [data-aos][data-aos][data-aos-delay="1850"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1850"].aos-animate {
  transition-delay: 1850ms;
  animation-delay: 1850ms;
}
body[data-aos-duration="1900"] [data-aos], [data-aos][data-aos][data-aos-duration="1900"] {
  transition-duration: 1900ms;
}
body[data-aos-delay="1900"] [data-aos], [data-aos][data-aos][data-aos-delay="1900"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1900"].aos-animate {
  transition-delay: 1900ms;
  animation-delay: 1900ms;
}
body[data-aos-duration="1950"] [data-aos], [data-aos][data-aos][data-aos-duration="1950"] {
  transition-duration: 1950ms;
}
body[data-aos-delay="1950"] [data-aos], [data-aos][data-aos][data-aos-delay="1950"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="1950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="1950"].aos-animate {
  transition-delay: 1950ms;
  animation-delay: 1950ms;
}
body[data-aos-duration="2000"] [data-aos], [data-aos][data-aos][data-aos-duration="2000"] {
  transition-duration: 2000ms;
}
body[data-aos-delay="2000"] [data-aos], [data-aos][data-aos][data-aos-delay="2000"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2000"].aos-animate {
  transition-delay: 2000ms;
  animation-delay: 2000ms;
}
body[data-aos-duration="2050"] [data-aos], [data-aos][data-aos][data-aos-duration="2050"] {
  transition-duration: 2050ms;
}
body[data-aos-delay="2050"] [data-aos], [data-aos][data-aos][data-aos-delay="2050"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2050"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2050"].aos-animate {
  transition-delay: 2050ms;
  animation-delay: 2050ms;
}
body[data-aos-duration="2100"] [data-aos], [data-aos][data-aos][data-aos-duration="2100"] {
  transition-duration: 2100ms;
}
body[data-aos-delay="2100"] [data-aos], [data-aos][data-aos][data-aos-delay="2100"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2100"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2100"].aos-animate {
  transition-delay: 2100ms;
  animation-delay: 2100ms;
}
body[data-aos-duration="2150"] [data-aos], [data-aos][data-aos][data-aos-duration="2150"] {
  transition-duration: 2150ms;
}
body[data-aos-delay="2150"] [data-aos], [data-aos][data-aos][data-aos-delay="2150"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2150"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2150"].aos-animate {
  transition-delay: 2150ms;
  animation-delay: 2150ms;
}
body[data-aos-duration="2200"] [data-aos], [data-aos][data-aos][data-aos-duration="2200"] {
  transition-duration: 2200ms;
}
body[data-aos-delay="2200"] [data-aos], [data-aos][data-aos][data-aos-delay="2200"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2200"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2200"].aos-animate {
  transition-delay: 2200ms;
  animation-delay: 2200ms;
}
body[data-aos-duration="2250"] [data-aos], [data-aos][data-aos][data-aos-duration="2250"] {
  transition-duration: 2250ms;
}
body[data-aos-delay="2250"] [data-aos], [data-aos][data-aos][data-aos-delay="2250"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2250"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2250"].aos-animate {
  transition-delay: 2250ms;
  animation-delay: 2250ms;
}
body[data-aos-duration="2300"] [data-aos], [data-aos][data-aos][data-aos-duration="2300"] {
  transition-duration: 2300ms;
}
body[data-aos-delay="2300"] [data-aos], [data-aos][data-aos][data-aos-delay="2300"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2300"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2300"].aos-animate {
  transition-delay: 2300ms;
  animation-delay: 2300ms;
}
body[data-aos-duration="2350"] [data-aos], [data-aos][data-aos][data-aos-duration="2350"] {
  transition-duration: 2350ms;
}
body[data-aos-delay="2350"] [data-aos], [data-aos][data-aos][data-aos-delay="2350"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2350"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2350"].aos-animate {
  transition-delay: 2350ms;
  animation-delay: 2350ms;
}
body[data-aos-duration="2400"] [data-aos], [data-aos][data-aos][data-aos-duration="2400"] {
  transition-duration: 2400ms;
}
body[data-aos-delay="2400"] [data-aos], [data-aos][data-aos][data-aos-delay="2400"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2400"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2400"].aos-animate {
  transition-delay: 2400ms;
  animation-delay: 2400ms;
}
body[data-aos-duration="2450"] [data-aos], [data-aos][data-aos][data-aos-duration="2450"] {
  transition-duration: 2450ms;
}
body[data-aos-delay="2450"] [data-aos], [data-aos][data-aos][data-aos-delay="2450"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2450"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2450"].aos-animate {
  transition-delay: 2450ms;
  animation-delay: 2450ms;
}
body[data-aos-duration="2500"] [data-aos], [data-aos][data-aos][data-aos-duration="2500"] {
  transition-duration: 2500ms;
}
body[data-aos-delay="2500"] [data-aos], [data-aos][data-aos][data-aos-delay="2500"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2500"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2500"].aos-animate {
  transition-delay: 2500ms;
  animation-delay: 2500ms;
}
body[data-aos-duration="2550"] [data-aos], [data-aos][data-aos][data-aos-duration="2550"] {
  transition-duration: 2550ms;
}
body[data-aos-delay="2550"] [data-aos], [data-aos][data-aos][data-aos-delay="2550"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2550"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2550"].aos-animate {
  transition-delay: 2550ms;
  animation-delay: 2550ms;
}
body[data-aos-duration="2600"] [data-aos], [data-aos][data-aos][data-aos-duration="2600"] {
  transition-duration: 2600ms;
}
body[data-aos-delay="2600"] [data-aos], [data-aos][data-aos][data-aos-delay="2600"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2600"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2600"].aos-animate {
  transition-delay: 2600ms;
  animation-delay: 2600ms;
}
body[data-aos-duration="2650"] [data-aos], [data-aos][data-aos][data-aos-duration="2650"] {
  transition-duration: 2650ms;
}
body[data-aos-delay="2650"] [data-aos], [data-aos][data-aos][data-aos-delay="2650"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2650"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2650"].aos-animate {
  transition-delay: 2650ms;
  animation-delay: 2650ms;
}
body[data-aos-duration="2700"] [data-aos], [data-aos][data-aos][data-aos-duration="2700"] {
  transition-duration: 2700ms;
}
body[data-aos-delay="2700"] [data-aos], [data-aos][data-aos][data-aos-delay="2700"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2700"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2700"].aos-animate {
  transition-delay: 2700ms;
  animation-delay: 2700ms;
}
body[data-aos-duration="2750"] [data-aos], [data-aos][data-aos][data-aos-duration="2750"] {
  transition-duration: 2750ms;
}
body[data-aos-delay="2750"] [data-aos], [data-aos][data-aos][data-aos-delay="2750"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2750"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2750"].aos-animate {
  transition-delay: 2750ms;
  animation-delay: 2750ms;
}
body[data-aos-duration="2800"] [data-aos], [data-aos][data-aos][data-aos-duration="2800"] {
  transition-duration: 2800ms;
}
body[data-aos-delay="2800"] [data-aos], [data-aos][data-aos][data-aos-delay="2800"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2800"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2800"].aos-animate {
  transition-delay: 2800ms;
  animation-delay: 2800ms;
}
body[data-aos-duration="2850"] [data-aos], [data-aos][data-aos][data-aos-duration="2850"] {
  transition-duration: 2850ms;
}
body[data-aos-delay="2850"] [data-aos], [data-aos][data-aos][data-aos-delay="2850"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2850"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2850"].aos-animate {
  transition-delay: 2850ms;
  animation-delay: 2850ms;
}
body[data-aos-duration="2900"] [data-aos], [data-aos][data-aos][data-aos-duration="2900"] {
  transition-duration: 2900ms;
}
body[data-aos-delay="2900"] [data-aos], [data-aos][data-aos][data-aos-delay="2900"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2900"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2900"].aos-animate {
  transition-delay: 2900ms;
  animation-delay: 2900ms;
}
body[data-aos-duration="2950"] [data-aos], [data-aos][data-aos][data-aos-duration="2950"] {
  transition-duration: 2950ms;
}
body[data-aos-delay="2950"] [data-aos], [data-aos][data-aos][data-aos-delay="2950"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="2950"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="2950"].aos-animate {
  transition-delay: 2950ms;
  animation-delay: 2950ms;
}
body[data-aos-duration="3000"] [data-aos], [data-aos][data-aos][data-aos-duration="3000"] {
  transition-duration: 3000ms;
}
body[data-aos-delay="3000"] [data-aos], [data-aos][data-aos][data-aos-delay="3000"] {
  transition-delay: 0;
  animation-delay: 0;
}
body[data-aos-delay="3000"] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay="3000"].aos-animate {
  transition-delay: 3000ms;
  animation-delay: 3000ms;
}

body[data-aos-easing=linear] [data-aos], [data-aos][data-aos][data-aos-easing=linear] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing=ease] [data-aos], [data-aos][data-aos][data-aos-easing=ease] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing=ease-in] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing=ease-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-out] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing=ease-in-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-back] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing=ease-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-back] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing=ease-in-out-back] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-back] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing=ease-in-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-sine] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing=ease-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-sine] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing=ease-in-out-sine] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-sine] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing=ease-in-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quad] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quad] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quad] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quad] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-cubic] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-cubic] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-cubic] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-cubic] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing=ease-in-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-quart] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing=ease-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-out-quart] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing=ease-in-out-quart] [data-aos], [data-aos][data-aos][data-aos-easing=ease-in-out-quart] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

/**
 * Fade animations:
 * fade
 * fade-up, fade-down, fade-left, fade-right
 * fade-up-right, fade-up-left, fade-down-right, fade-down-left
 */
[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

[data-aos=fade-up] {
  transform: translate3d(0, 10rem, 0);
}

[data-aos=fade-down] {
  transform: translate3d(0, -10rem, 0);
}

[data-aos=fade-right] {
  transform: translate3d(-10rem, 0, 0);
}

[data-aos=fade-left] {
  transform: translate3d(10rem, 0, 0);
}

[data-aos=fade-up-right] {
  transform: translate3d(-10rem, 10rem, 0);
}

[data-aos=fade-up-left] {
  transform: translate3d(10rem, 10rem, 0);
}

[data-aos=fade-down-right] {
  transform: translate3d(-10rem, -10rem, 0);
}

[data-aos=fade-down-left] {
  transform: translate3d(10rem, -10rem, 0);
}

/**
 * Zoom animations:
 * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
 * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
 */
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform;
}
[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

[data-aos=zoom-in] {
  transform: scale(0.6);
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 10rem, 0) scale(0.6);
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -10rem, 0) scale(0.6);
}

[data-aos=zoom-in-right] {
  transform: translate3d(-10rem, 0, 0) scale(0.6);
}

[data-aos=zoom-in-left] {
  transform: translate3d(10rem, 0, 0) scale(0.6);
}

[data-aos=zoom-out] {
  transform: scale(1.2);
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 10rem, 0) scale(1.2);
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -10rem, 0) scale(1.2);
}

[data-aos=zoom-out-right] {
  transform: translate3d(-10rem, 0, 0) scale(1.2);
}

[data-aos=zoom-out-left] {
  transform: translate3d(10rem, 0, 0) scale(1.2);
}

/**
 * Slide animations
 */
[data-aos^=slide][data-aos^=slide] {
  transition-property: transform;
}
[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translate3d(0, 0, 0);
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0);
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0);
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0);
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0);
}

/**
 * Flip animations:
 * flip-left, flip-right, flip-up, flip-down
 */
[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform;
}

[data-aos=flip-left] {
  transform: perspective(250rem) rotateY(-100deg);
}
[data-aos=flip-left].aos-animate {
  transform: perspective(250rem) rotateY(0);
}

[data-aos=flip-right] {
  transform: perspective(250rem) rotateY(100deg);
}
[data-aos=flip-right].aos-animate {
  transform: perspective(250rem) rotateY(0);
}

[data-aos=flip-up] {
  transform: perspective(250rem) rotateX(-100deg);
}
[data-aos=flip-up].aos-animate {
  transform: perspective(250rem) rotateX(0);
}

[data-aos=flip-down] {
  transform: perspective(250rem) rotateX(100deg);
}
[data-aos=flip-down].aos-animate {
  transform: perspective(250rem) rotateX(0);
}

.banners {
  margin: 0 0 6rem;
  background: #ECC9CF;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .banners {
    margin: 0 0 10rem;
  }
}

@media (max-width: 767px) {
  .banners:has(.banners__counter) .swiper-slide {
    background-color: #fff;
  }
}
@media (max-width: 767px) {
  .banners:has(.banners__counter) .swiper-banners .swiper-pagination {
    transition: 0.3s bottom;
    left: 1.6rem;
  }
}

@media (max-width: 767px) {
  .banners:has(.slide-counter.swiper-slide-active) .banners__mobile {
    margin-top: 0;
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .banners:has(.slide-counter.swiper-slide-active) .js-swiper-banners-pagination {
    bottom: calc(11.5rem + 1.6rem);
  }
}

.banners__slide {
  position: relative;
  padding: 4rem 0 14rem;
  height: auto;
  min-height: 100%;
  flex: 1;
}
@media (max-width: 767px) {
  .banners__slide {
    min-height: 40rem;
    flex: 0 1 auto;
    padding: 4rem 0;
  }
}
@media (min-width: 1200px) {
  .banners__slide {
    padding: 10rem 0 14rem;
    min-height: 62rem;
  }
  .banners__slide .banners__slide-wysiwyg, .banners__slide .banners__slide-text {
    margin-bottom: 3.2rem;
  }
}

.banners__slide .banners__counter {
  max-width: 62.5rem;
  margin-bottom: 3.2rem;
}
@media (max-width: 991px) {
  .banners__slide .banners__counter {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .banners__slide .banners__counter {
    display: none;
  }
}

.banners__mobile {
  display: none;
}
@media (max-width: 767px) {
  .banners__mobile {
    display: flex;
    flex-shrink: 0;
    margin-top: -11.5rem;
    opacity: 0;
    transition: 0.3s;
  }
}
@media (max-width: 767px) {
  .banners__mobile .banners__counter {
    overflow: hidden;
    padding: 1.6rem;
  }
}

.banners__slide-video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: 0;
}
.banners__slide-video:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0.04%, rgba(255, 255, 255, 0) 85.92%, rgba(255, 255, 255, 0) 85.92%);
}
.banners__slide-video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banners__slide-video.no-overlay:after {
  display: none !important;
}
.banners__slide-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.banners__slide-image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0.04%, rgba(255, 255, 255, 0) 85.92%, rgba(255, 255, 255, 0) 85.92%);
}
.banners__slide-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .banners__slide-image:after {
    display: none;
  }
}

.banners__slide-desc {
  position: relative;
  z-index: 2;
  padding: 0 6rem 0 0;
}
@media (min-width: 768px) {
  .banners__slide-desc {
    margin: 0 0 0 50%;
    padding: 0 0 0 1.6rem;
  }
}
@media (min-width: 1200px) {
  .banners__slide-desc {
    margin: 0 0 0 50%;
    padding: 0 0 0 1.6rem;
    max-width: 76.8rem;
  }
}

.banners__slide-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .banners__slide-title {
    margin: 0 0 3rem;
    font-size: 7rem;
  }
}

.banners__slide-wysiwyg,
.banners__slide-text {
  display: block;
  margin: 0 0 2.6rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.banners__slide-wysiwyg p,
.banners__slide-text p {
  margin: 0 0 1rem;
}
.banners__slide-wysiwyg p:last-child,
.banners__slide-text p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .banners__slide-wysiwyg,
  .banners__slide-text {
    margin: 0 0 5rem;
    font-size: 2.2rem;
    -webkit-line-clamp: 3;
  }
}

@media (min-width: 1200px) {
  .banners__slide-button .ui-btn {
    height: 6.1rem;
    padding: 0 3rem;
    gap: 2rem;
    font-size: 1.8rem;
  }
}

.stories {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .stories {
    margin: 0 0 10rem;
  }
}

.stories__item {
  display: block;
  color: #A5AEBE;
}
.stories__item.is-darken .stories__item-image {
  border-color: #A5AEBE;
}
.stories__item:hover {
  color: #A5AEBE;
}
.stories__item:hover .stories__item-image {
  border-color: #CC2E27;
}

.stories__item-image {
  margin: 0 0 0.6rem;
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #D2DBEA;
  background: #EEF3FA;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
  transition: 0.25s;
}
.stories__item-image:before {
  content: "";
  display: block;
  float: left;
  padding: 100% 0 0 0;
}
.stories__item-image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  border: 0.4rem solid #fff;
}
.stories__item-image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
@media (min-width: 1200px) {
  .stories__item-image {
    border-width: 2px;
  }
}

.stories__item-title {
  display: block;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 1200px) {
  .stories__item-title {
    font-size: 1.6rem;
  }
}

.welcome {
  padding: 4rem 0;
  margin: 0 0 6rem;
  background: #F3F7FC;
  border-radius: 2rem;
}
@media (min-width: 1200px) {
  .welcome {
    padding: 0;
    margin: 0 0 9rem;
    background: none;
    border-radius: 0;
  }
}

@media (min-width: 768px) {
  .welcome__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 1.6rem;
    gap: 0 1.6rem;
    grid-template-areas: "desc desc" "caption caption" "card-red card-violet";
  }
}
@media (min-width: 1200px) {
  .welcome__grid {
    position: relative;
    background: #F3F7FC;
    border-radius: 2rem;
    padding: 7rem;
    gap: 0 3.2rem;
    grid-template-columns: 1fr 38.8rem 38.8rem;
    grid-template-areas: "desc card-red card-violet" "caption card-red card-violet";
    align-items: start;
  }
  .welcome__grid:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 4rem;
    left: 50%;
    width: 68.4rem;
    height: 13.1rem;
    background-image: url("data:image/svg+xml,%3Csvg width='684' height='131' viewBox='0 0 684 131' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.62305 91.8439C72.1196 111.986 178.518 92.5117 232.021 45.4284C298.023 -12.6529 153.023 -17.3322 208.499 59.9998C299.575 168.26 564.917 136.055 678.999 59.9998' stroke='%236562EF' stroke-width='2' stroke-linecap='round' stroke-dasharray='6 6'/%3E%3Cpath d='M683 56L668 56' stroke='%236562EF' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M683 70L683 56' stroke='%236562EF' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    margin: 0 0 0 -28rem;
  }
}

.welcome__desc {
  margin: 0 0 2.4rem;
}
@media (min-width: 768px) {
  .welcome__desc {
    grid-area: desc;
  }
}
@media (min-width: 1200px) {
  .welcome__desc {
    margin: -1rem 0 4rem;
  }
}

.welcome__title {
  display: block;
  margin: 0 0 2.2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .welcome__title {
    margin: 0 0 4rem;
    font-size: 5rem;
  }
}

.welcome__wysiwyg {
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.welcome__wysiwyg p {
  margin: 0 0 1.6rem;
}
.welcome__wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .welcome__wysiwyg {
    font-size: 2.2rem;
  }
}

.welcome__card {
  border-radius: 1rem;
  background: #fff;
  margin: 0 0 4rem;
  padding: 1.8rem;
  display: block;
  color: #6B717B;
}
.welcome__card:last-child {
  margin: 0;
}
.welcome__card:hover {
  color: #6B717B;
}
.welcome__card:hover .welcome__card-image {
  transform: scale(0.95);
}
.welcome__card--red .welcome__card-title {
  color: #CC2E27;
}
@media (min-width: 768px) {
  .welcome__card--red {
    grid-area: card-red;
  }
}
.welcome__card--violet .welcome__card-title {
  color: #6562EF;
}
@media (min-width: 768px) {
  .welcome__card--violet {
    grid-area: card-violet;
  }
}
@media (min-width: 1200px) {
  .welcome__card {
    padding: 2.4rem 2.8rem 2.8rem;
    margin: 0;
  }
}

.welcome__card-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .welcome__card-title {
    margin: 0 0 1.6rem;
    font-size: 2.2rem;
  }
}

.welcome__card-text {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .welcome__card-text {
    font-size: 1.8rem;
    margin: 0 0 3.6rem;
  }
}

.welcome__card-image {
  display: block;
  transition: 0.4s;
}
.welcome__card-image img {
  display: block;
  width: 100%;
  height: auto;
}

.welcome__caption {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  color: #6B717B;
}
.welcome__caption br {
  display: none;
}
@media (min-width: 768px) {
  .welcome__caption {
    grid-area: caption;
  }
}
@media (min-width: 1200px) {
  .welcome__caption {
    margin: 0;
    font-size: 1.8rem;
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .welcome__caption br {
    display: block;
  }
}

.featured {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .featured {
    margin: 0 0 12rem;
  }
}

.featured__title {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .featured__title {
    font-size: 4rem;
    margin: 0 0 4rem;
    display: flex;
    align-items: center;
    min-height: 6rem;
  }
}

@media (min-width: 1200px) {
  .featured__swiper {
    padding: 3.2rem 0 0 0;
    border-top: 1px solid #D2DBEA;
  }
}

.stock {
  margin: 0 0 6rem;
}
@media (min-width: 768px) {
  .stock {
    overflow: visible;
  }
}
@media (min-width: 1200px) {
  .stock {
    margin: 0 0 9rem;
  }
}

.stock__title {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .stock__title {
    font-size: 4rem;
    margin: 0 0 4rem;
  }
}

@media (min-width: 768px) {
  .stock__grid {
    display: grid;
    grid-template-columns: 29rem 1fr;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-areas: "card swiper";
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .stock__grid {
    position: relative;
    padding: 3.2rem 0 0 0;
    border-top: 1px solid #D2DBEA;
    grid-template-columns: 40fr 60fr;
    gap: 3.2rem;
  }
}

.stock__card {
  border-radius: 2rem;
  background: linear-gradient(66deg, #DCF3FD 9.92%, #E9E5F5 53.02%, #FFE8E6 93.4%);
  padding: 1.8rem;
  margin: 0 0 1.8rem;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .stock__card {
    grid-area: card;
    position: sticky;
    top: 8.6rem;
    margin: 0;
    min-height: 100%;
  }
}
@media (min-width: 1200px) {
  .stock__card {
    margin: 0;
    padding: 7rem;
  }
}

.stock__card-wysiwyg,
.stock__card-text {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  color: #6B717B;
}
.stock__card-wysiwyg p,
.stock__card-text p {
  margin: 0 0 1.6rem;
}
.stock__card-wysiwyg p:last-child,
.stock__card-text p:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .stock__card-wysiwyg,
  .stock__card-text {
    margin: 0 0 3.2rem;
  }
}
@media (min-width: 1200px) {
  .stock__card-wysiwyg,
  .stock__card-text {
    font-size: 2.2rem;
  }
}

.stock__card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto 0 -1.8rem;
}
.stock__card-image img {
  display: block;
}
@media (min-width: 1200px) {
  .stock__card-image {
    margin: auto 0 -7rem;
  }
}

@media (min-width: 768px) {
  .stock__swiper {
    grid-area: swiper;
    min-width: 0;
    overflow: hidden;
    width: calc(100% + 1.6rem);
  }
}
@media (min-width: 1200px) {
  .stock__swiper {
    overflow: visible;
    width: auto;
  }
}

.benefits {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .benefits {
    margin: 0 0 9rem;
    padding: 3rem 0;
  }
}

.benefits__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.benefits__title br {
  display: none;
}
@media (min-width: 1200px) {
  .benefits__title {
    margin: 0 0 4rem;
    font-size: 4rem;
  }
  .benefits__title br {
    display: block;
  }
}

.benefits__card {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  color: #4f4e62;
  color: var(--body-color);
  background: #F3F7FC;
  border-radius: 2rem;
  padding: 1.8rem;
  transition: 0.4s ease-out;
  overflow: hidden;
}
.benefits__card:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background: #CC2E27;
  transform: scale(0);
  width: 0px;
  height: 0px;
  border-radius: 50%;
  transition: 0.4s ease-out;
  aspect-ratio: 1/1;
  transform-origin: 50% 50%;
  opacity: 0;
}
.benefits__card mark {
  transition: 0.4s ease-out;
}
.benefits__card svg:has(path[stroke^="#"]) path {
  stroke: currentColor;
}
.benefits__card svg:has(path[fill^="#"]) path {
  fill: currentColor;
}
.benefits__card:hover {
  color: #fff;
}
.benefits__card:hover:before {
  width: 36rem;
  height: 36rem;
  transform: scale(2);
  opacity: 1;
}
.benefits__card:hover .benefits__card-icon,
.benefits__card:hover mark {
  color: #fff;
}
@media (min-width: 1200px) {
  .benefits__card {
    padding: 2.8rem;
  }
}

.benefits__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 0 2.6rem;
  transition: 0.4s ease-out;
  color: #CC2E27;
}
.benefits__card-icon img, .benefits__card-icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .benefits__card-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 0 3rem;
  }
}

.benefits__card-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .benefits__card-title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.benefits__card-wysiwyg,
.benefits__card-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.benefits__card-wysiwyg p,
.benefits__card-text p {
  margin: 0 0 1.6rem;
}
.benefits__card-wysiwyg p:last-child,
.benefits__card-text p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .benefits__card-wysiwyg,
  .benefits__card-text {
    font-size: 1.8rem;
  }
}

.about {
  margin: 0 0 6rem;
  overflow: visible;
}
@media (min-width: 1200px) {
  .about {
    margin: 0 0 12rem;
  }
}
@media (min-width: 768px) {
  .about.--reverse .about__card {
    grid-template-areas: "desc swiper" "button swiper";
  }
}
@media (min-width: 1200px) {
  .about.--mb0 {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .about.--pt0 {
    padding-top: 0;
  }
  .about.--pt0 .about__card-swiper {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .about.--pb0 {
    padding-bottom: 0;
  }
  .about.--pb0 .about__card-swiper {
    margin-bottom: 0;
  }
}

.about__card {
  position: relative;
}
@media (min-width: 768px) {
  .about__card {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto auto;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-areas: "swiper desc" "swiper button";
    grid-template-rows: auto auto;
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .about__card {
    gap: 0 8.8rem;
    padding: 8rem 0;
    min-height: 57.4rem;
  }
}

.about__card-wysiwyg,
.about__card-desc {
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
}
.about__card-wysiwyg h1,
.about__card-wysiwyg h2,
.about__card-wysiwyg h3,
.about__card-desc h1,
.about__card-desc h2,
.about__card-desc h3 {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.about__card-wysiwyg ul,
.about__card-desc ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.about__card-wysiwyg ul:last-child,
.about__card-desc ul:last-child {
  margin: 0;
}
.about__card-wysiwyg ul > li,
.about__card-desc ul > li {
  position: relative;
  padding: 0 0 0 1.8rem;
  margin: 0 0 1rem;
}
.about__card-wysiwyg ul > li:last-child,
.about__card-desc ul > li:last-child {
  margin: 0;
}
.about__card-wysiwyg ul > li:before,
.about__card-desc ul > li:before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
  position: absolute;
  top: 0.5em;
  left: 0;
}
.about__card-wysiwyg p,
.about__card-desc p {
  margin: 0 0 2rem;
  color: #6B717B;
}
.about__card-wysiwyg p:last-child,
.about__card-desc p:last-child {
  margin: 0;
}
.about__card-wysiwyg small,
.about__card-desc small {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .about__card-wysiwyg,
  .about__card-desc {
    grid-area: desc;
  }
}
@media (min-width: 1200px) {
  .about__card-wysiwyg,
  .about__card-desc {
    padding: 0 0 4rem;
    margin: 0;
    font-size: 2.2rem;
  }
  .about__card-wysiwyg h1,
  .about__card-wysiwyg h2,
  .about__card-wysiwyg h3,
  .about__card-desc h1,
  .about__card-desc h2,
  .about__card-desc h3 {
    margin: 0 0 4rem;
    font-size: 4rem;
  }
  .about__card-wysiwyg ul,
  .about__card-desc ul {
    margin: 0 0 3rem;
  }
  .about__card-wysiwyg ul > li,
  .about__card-desc ul > li {
    padding-left: 2.4rem;
  }
  .about__card-wysiwyg ul > li:before,
  .about__card-desc ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
  .about__card-wysiwyg p,
  .about__card-desc p {
    margin: 0 0 3rem;
  }
  .about__card-wysiwyg small,
  .about__card-desc small {
    font-size: 1.8rem;
  }
}

.about__card-swiper {
  margin: 0 0 3rem;
}
.about__card-swiper picture {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 343/245;
  overflow: hidden;
  border-radius: 2rem;
}
.about__card-swiper img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .about__card-swiper {
    grid-area: swiper;
    min-width: 0;
    position: sticky;
    top: 8.6rem;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .about__card-swiper {
    position: relative;
    top: 0;
    margin: -8rem 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    inset: 0;
  }
  .about__card-swiper picture {
    aspect-ratio: unset;
    width: 100%;
    height: 100%;
  }
}

.about__card-button .ui-btn {
  width: 100%;
  height: 4.3rem;
}
@media (min-width: 768px) {
  .about__card-button {
    grid-area: button;
  }
}
@media (min-width: 1200px) {
  .about__card-button {
    align-self: flex-end;
  }
  .about__card-button .ui-btn {
    height: 4.8rem;
    width: auto;
    padding: 0 3rem;
    font-size: 1.8rem;
  }
}

.community {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .community {
    margin: 0 0 12rem;
  }
}

.community__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
@media (min-width: 768px) {
  .community__grid {
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: "desc list" "desc button";
    grid-template-rows: 1fr auto;
  }
}
@media (min-width: 1200px) {
  .community__grid {
    grid-template-columns: 1fr 42.4rem;
    grid-template-areas: "desc list" "desc button";
    gap: 3.2rem;
  }
}

.community__desc {
  border-radius: 2rem;
  padding: 4rem 1.6rem;
  margin: 0 -1.6rem;
  background: #F3F7FC;
}
@media (min-width: 768px) {
  .community__desc {
    margin: 0;
    grid-area: desc;
  }
}
@media (min-width: 1200px) {
  .community__desc {
    padding: 6rem 7rem 7rem;
  }
}

.community__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .community__title {
    margin: 0 0 9rem;
    font-size: 5rem;
  }
}

.community__steps {
  margin: 0 0 0 4.5rem;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.community__steps b {
  display: block;
  position: relative;
  top: -1rem;
  margin: 0 0 2px;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
}
.community__steps > li {
  position: relative;
  padding: 0 0 3rem 4.5rem;
  border-left: 1px dashed #A5AEBE;
}
.community__steps > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 5rem;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='50' height='119' viewBox='0 0 50 119' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49 118C-13.7307 109.902 -16.2568 10.3544 49 0.999994' stroke='%23CC2E27' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100% 100%;
}
.community__steps > li:after {
  content: "";
  display: block;
  position: absolute;
  top: -0.5rem;
  left: -0.5rem;
  width: 1rem;
  height: 1rem;
  background: #CC2E27;
  border-radius: 50%;
}
.community__steps > li:last-child {
  padding-bottom: 0;
  border-color: transparent;
}
.community__steps > li:last-child:before {
  width: 7rem;
  height: 11rem;
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='116' viewBox='0 0 70 116' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.4987 1.00069C-18.26 22.0023 14.491 75.4233 39.3303 68.7676C62.7402 62.4949 31.5417 35.5024 36.8655 72.2499C38.8895 86.2207 40.4606 95.8954 44.2401 110.001' stroke='%23CC2E27' stroke-linecap='round' stroke-dasharray='4 4'/%3E%3Cpath d='M45.6172 115.41L40.1526 112.255' stroke='%23CC2E27' stroke-linecap='round'/%3E%3Cpath d='M48.7417 110.001L45.6184 115.411' stroke='%23CC2E27' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  margin: 0 -3rem 0 0;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .community__steps > li:last-child:before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .community__steps {
    padding: 11.6rem 0 0 0;
    margin: 0 -7rem 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    font-size: 2.2rem;
  }
  .community__steps b {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
  .community__steps > li {
    padding: 4rem 9.5rem 0 0;
    margin: 0;
    border: none;
    border-top: 1px dashed #A5AEBE;
    min-width: 0;
  }
  .community__steps > li:before {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 100%;
    width: auto;
    height: 11.6rem;
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='422' height='116' viewBox='0 0 422 116' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 115.501C30.5 -33.4997 387 -39.4997 420.5 115.501' stroke='%23CC2E27' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .community__steps > li:after {
    width: 1.5rem;
    height: 1.5rem;
    top: -0.75rem;
    left: -0.75rem;
  }
  .community__steps > li:last-child:before {
    width: 39rem;
    height: 11.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='392' height='117' viewBox='0 0 392 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 116C1 25.7311 230.846 -48.6927 230.846 42.7495C230.846 83.3077 142.028 42.7495 240.538 31.0785C290.387 25.1727 330.073 19.0005 382 19.0005' stroke='%23CC2E27' stroke-width='2' stroke-linecap='round' stroke-dasharray='6 6'/%3E%3Cpath d='M391 19.0005L381 9.00049' stroke='%23CC2E27' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M381.102 28.8999L391.001 19.0004' stroke='%23CC2E27' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  }
}

.community__wysiwyg {
  margin: 0 0 1.6rem;
  padding: 3rem 1.8rem;
  background: #CC2E27;
  color: #fff;
  border-radius: 2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.community__wysiwyg ul {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
}
.community__wysiwyg ul:last-child {
  margin: 0;
}
.community__wysiwyg ul > li {
  position: relative;
  padding: 0 0 0 1.8rem;
  margin: 0 0 1.6rem;
}
.community__wysiwyg ul > li:last-child {
  margin: 0;
}
.community__wysiwyg ul > li:before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0.5em;
  left: 0;
}
@media (min-width: 768px) {
  .community__wysiwyg {
    grid-area: list;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .community__wysiwyg {
    margin: 3.2rem 0 0 0;
    padding: 2.8rem;
    font-size: 1.8rem;
  }
  .community__wysiwyg ul > li {
    padding: 0 0 0 2.4rem;
  }
  .community__wysiwyg ul > li::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.community__list {
  margin: 0 0 1.6rem;
  padding: 3rem 1.8rem;
  list-style: none;
  background: #CC2E27;
  color: #fff;
  border-radius: 2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.community__list > li {
  position: relative;
  padding: 0 0 0 1.8rem;
  margin: 0 0 1.6rem;
}
.community__list > li:last-child {
  margin: 0;
}
.community__list > li:before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 0.5em;
  left: 0;
}
@media (min-width: 768px) {
  .community__list {
    grid-area: list;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .community__list {
    margin: 3.2rem 0 0 0;
    padding: 2.8rem;
    font-size: 1.8rem;
  }
  .community__list > li {
    padding: 0 0 0 2.4rem;
  }
  .community__list > li::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.community__button .ui-btn {
  width: 100%;
  height: 4.3rem;
}
@media (min-width: 768px) {
  .community__button {
    grid-area: button;
  }
}
@media (min-width: 1200px) {
  .community__button {
    margin: 0 0 3.2rem;
  }
  .community__button .ui-btn {
    width: auto;
    height: 4.8rem;
    padding: 0 3rem;
    font-size: 1.8rem;
  }
}

.reviews {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .reviews {
    margin: 0 0 12rem;
  }
}

@media (min-width: 768px) {
  .reviews__grid {
    display: grid;
    grid-template-columns: 33fr 66fr;
    grid-template-areas: "desc swiper";
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
}
@media (min-width: 768px) {
  .reviews__desc {
    grid-area: desc;
  }
}
@media (min-width: 1200px) {
  .reviews__desc {
    padding: 0 0 0 7rem;
    display: flex;
    flex-direction: column;
  }
}

.reviews__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .reviews__title {
    margin: 0 0 7rem;
    font-size: 4rem;
  }
}

.reviews__control {
  display: none;
}
@media (min-width: 768px) {
  .reviews__control {
    display: block;
  }
}
@media (min-width: 1200px) {
  .reviews__control {
    margin: auto 0 0 0;
  }
}

@media (min-width: 768px) {
  .reviews__swiper {
    min-width: 0;
    grid-area: swiper;
  }
}

.reviews-academy {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .reviews-academy {
    margin: 0 0 12rem;
  }
}

@media (min-width: 1200px) {
  .reviews-academy__desc {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}

.reviews-academy__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .reviews-academy__title {
    margin: 0 0 7rem;
    font-size: 5rem;
  }
}

.reviews-academy__control {
  display: none;
}
@media (min-width: 1200px) {
  .reviews-academy__control {
    margin: auto 0 0 0;
    display: block;
  }
}

.articles {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .articles {
    margin: 0 0 12rem;
  }
}

@media (min-width: 768px) {
  .articles__grid {
    display: grid;
    grid-template-columns: 66fr 33fr;
    grid-template-areas: "swiper desc";
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .articles__grid {
    gap: 6rem;
    grid-template-columns: 1fr 39.6rem;
  }
}

@media (min-width: 768px) {
  .articles__desc {
    grid-area: desc;
  }
}

.articles__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .articles__title {
    font-size: 4rem;
    margin: 0 0 3rem;
  }
}

.articles__wysiwyg,
.articles__text {
  display: block;
  margin: 0 0 3rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.articles__wysiwyg p,
.articles__text p {
  margin: 0 0 1.6rem;
}
.articles__wysiwyg p:last-child,
.articles__text p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .articles__wysiwyg,
  .articles__text {
    margin: 0 0 6.6rem;
    font-size: 2.2rem;
  }
}

.articles__control {
  display: none;
}
@media (min-width: 768px) {
  .articles__control {
    display: block;
  }
}

@media (min-width: 768px) {
  .articles__swiper {
    min-width: 0;
    grid-area: swiper;
  }
}

.checkout {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .checkout {
    overflow: visible;
    margin: 0 0 12rem;
  }
}
.checkout:has(.checkout__empty) {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .checkout:has(.checkout__empty) {
    margin: 0 0 6rem;
  }
}

.checkout__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3rem;
  margin: 0 0 4rem;
}
.checkout__head .row {
  flex: 1;
  align-items: center;
  align-self: stretch;
}
@media (min-width: 768px) {
  .checkout__head {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .checkout__head {
    margin: 0 0 6rem;
  }
}

:has(.checkout__thank) .checkout__head {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  :has(.checkout__thank) .checkout__head {
    margin: 0 0 6rem;
  }
}

.checkout__back {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  border: 2px solid rgba(165, 174, 190, 0.6);
  border-radius: 1rem;
  height: 4rem;
  padding: 0 1.8rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  color: #828B9B;
  gap: 1rem;
  transition: 0.25s;
}
.checkout__back svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
.checkout__back:hover {
  border-color: #4F4E62;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .checkout__back {
    height: 5.2rem;
    padding: 0 2.4rem;
    font-size: 1.8rem;
  }
  .checkout__back svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.checkout__title {
  display: block;
  margin: 0;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
  flex: 1;
}
@media (min-width: 1200px) {
  .checkout__title {
    font-size: 7rem;
  }
}

.checkout__empty {
  display: block;
  margin: -1rem 0 0 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  max-width: 107.7rem;
}
.checkout__empty a {
  font-weight: 500;
}
@media (min-width: 1200px) {
  .checkout__empty {
    font-size: 2.2rem;
    margin: 0;
  }
}

:has(.checkout__thank) .checkout__title {
  font-size: 3.6rem;
}
@media (min-width: 1200px) {
  :has(.checkout__thank) .checkout__title {
    font-size: 7rem;
  }
}

@media (min-width: 1200px) {
  .checkout__body {
    display: grid;
    grid-template-columns: 1fr 42.6rem;
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
}

.checkout__main {
  margin: 0 0 6rem;
}
.checkout__main:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .checkout__main {
    min-width: 0;
    margin: 0;
  }
}

.checkout__group {
  margin: 0 0 6rem;
}
.checkout__group:last-child {
  margin: 0;
}
.checkout__group .row {
  margin: 0 -1rem -2rem;
}
.checkout__group .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.checkout__group .ui-payments {
  margin: 0 0 3rem;
}
.checkout__group .ui-bonuses {
  margin: 0 0 3rem;
}
.checkout__group .ui-comments {
  margin: 0 0 2rem;
}
.checkout__group .ui-comments .ui-textarea {
  height: 15.2rem;
}
@media (min-width: 1200px) {
  .checkout__group {
    margin: 0 0 8rem;
  }
  .checkout__group .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .checkout__group .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
  .checkout__group .ui-payments {
    margin: 0 0 6rem;
  }
  .checkout__group .ui-bonuses {
    margin: 0 0 6rem;
  }
  .checkout__group .ui-comments {
    margin: 0 0 6rem;
  }
  .checkout__group .ui-comments .ui-textarea {
    height: 6rem;
  }
  .checkout__group .ui-checklist {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 4rem;
  }
  .checkout__group .ui-checklist > li {
    flex: 1 1 auto;
    max-width: 55rem;
  }
}

@media (min-width: 1200px) {
  .checkout__sticky {
    position: sticky;
    top: 13.2rem;
  }
}

.checkout__order {
  background: #F3F7FC;
  border-radius: 2rem;
  margin: 0 -1.6rem 2rem;
  padding: 2rem 1.6rem;
}
.checkout__order:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .checkout__order {
    padding: 2.8rem 3.2rem 3.2rem;
    margin: 0 0 3rem;
  }
}

.checkout__order-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .checkout__order-title {
    font-size: 3rem;
    margin: 0 0 3.2rem;
  }
}

.checkout__order-line {
  display: block;
  border: none;
  border-bottom: 2px solid #fff;
  margin: 0 -1.8rem 2rem;
}
@media (min-width: 1200px) {
  .checkout__order-line {
    margin: 0 -3.2rem 2.8rem;
    border-width: 0.4rem;
  }
}

.checkout__order-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
}
.checkout__order-table .ui-tooltip {
  left: 0.6rem;
}
.checkout__order-table .ui-promocode {
  margin: 1.2rem 0 0 0;
}
.checkout__order-table tbody {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
}
.checkout__order-table tbody th, .checkout__order-table tbody td {
  padding: 0 0.8rem 1.6rem;
}
.checkout__order-table tbody th:first-child, .checkout__order-table tbody td:first-child {
  padding-left: 0;
}
.checkout__order-table tbody th:last-child, .checkout__order-table tbody td:last-child {
  padding-right: 0;
  font-weight: 500;
  text-align: right;
  white-space: nowrap;
}
.checkout__order-table tbody tr:first-child th, .checkout__order-table tbody tr:first-child td {
  padding-top: 2rem;
}
.checkout__order-table tbody tr:last-child th, .checkout__order-table tbody tr:last-child td {
  padding-bottom: 2rem;
  position: relative;
}
.checkout__order-table tbody tr:last-child th:before, .checkout__order-table tbody tr:last-child td:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: -1.8rem;
  right: -1.8rem;
  height: 2px;
  background: #fff;
}
.checkout__order-table tbody:first-child tr:first-child th, .checkout__order-table tbody:first-child tr:first-child td {
  padding-top: 0;
}
.checkout__order-table tfoot {
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
  position: relative;
}
.checkout__order-table tfoot th, .checkout__order-table tfoot td {
  padding: 2rem 0.8rem;
}
.checkout__order-table tfoot th:first-child, .checkout__order-table tfoot td:first-child {
  padding-left: 0;
}
.checkout__order-table tfoot th:last-child, .checkout__order-table tfoot td:last-child {
  padding-right: 0;
  text-align: right;
  white-space: nowrap;
}
.checkout__order-table:last-child tfoot tr:last-child th, .checkout__order-table:last-child tfoot tr:last-child td {
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .checkout__order-table tbody {
    font-size: 2rem;
  }
  .checkout__order-table tbody th, .checkout__order-table tbody td {
    padding-bottom: 2rem;
  }
  .checkout__order-table tbody tr:first-child th, .checkout__order-table tbody tr:first-child td {
    padding-top: 2.8rem;
  }
  .checkout__order-table tbody tr:last-child th, .checkout__order-table tbody tr:last-child td {
    padding-bottom: 3.2rem;
  }
  .checkout__order-table tbody tr:last-child th:before, .checkout__order-table tbody tr:last-child td:before {
    left: -3.2rem;
    right: -3.2rem;
    height: 0.4rem;
    bottom: -2px;
  }
  .checkout__order-table tfoot {
    font-size: 3rem;
  }
  .checkout__order-table tfoot th, .checkout__order-table tfoot td {
    padding-top: 3.2rem;
    padding-bottom: 2.8rem;
  }
}

.checkout__order-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
  white-space: normal;
  text-align: left;
}
@media (min-width: 1200px) {
  .checkout__order-text {
    font-size: 2.2rem;
  }
}

.checkout__order-buttons,
.checkout__order-button {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.checkout__order-buttons .ui-btn,
.checkout__order-button .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
.checkout__order-buttons .ui-btn--white:hover,
.checkout__order-button .ui-btn--white:hover {
  border-color: #cc2e27;
  border-color: var(--color-red);
  color: #4F4E62;
}
.checkout__order-buttons .ui-warning,
.checkout__order-button .ui-warning {
  padding: 0.6rem 0 0 0;
}
@media (min-width: 1200px) {
  .checkout__order-buttons .ui-btn,
  .checkout__order-button .ui-btn {
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.checkout__reg {
  display: block;
  border-radius: 1rem;
  border: 1px solid #D2DBEA;
  padding: 1.8rem;
  margin: 0;
}
.checkout__reg .ui-check {
  gap: 1.4rem;
}
.checkout__reg .ui-check__text {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 2px 0;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .checkout__reg {
    margin: 0;
    padding: 2rem;
  }
  .checkout__reg .ui-check__text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 0;
  }
}

.checkout__group-check {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
@media (min-width: 992px) {
  .checkout__group-check {
    gap: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .checkout__group-check {
    margin-top: 3.2rem;
  }
}

.checkout__group-check .ui-check__input:checked ~ .ui-check__checkbox {
  background: #6B717B;
  border-color: #6B717B;
}

.checkout__group-check .ui-check__checkbox {
  color: #6B717B;
}

.checkout__group-check .lk-holder {
  position: static;
  margin-left: auto;
}
@media (min-width: 768px) {
  .checkout__group-check .lk-holder {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .checkout__group-check .lk-holder {
    position: relative;
  }
}

.checkout__group-check .lk-holder__show {
  width: 100%;
  right: auto;
  left: 0;
  top: 100%;
  transform: translate(0, 1rem);
}
@media (min-width: 992px) {
  .checkout__group-check .lk-holder__show {
    width: 40rem;
    right: -1.5rem;
    left: auto;
    top: 50%;
    transform: translate(100%, -50%);
  }
}
@media (min-width: 1200px) {
  .checkout__group-check .lk-holder__show {
    width: 52rem;
  }
}

.checkout__group-check .lk-holder__icon {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1200px) {
  .checkout__group-check .lk-holder__icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.follow {
  margin: 0 0 9rem;
}
.follow:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .follow {
    margin: 0 0 12rem;
  }
}

.follow__card {
  background: #EEF3FA;
  border-radius: 2rem;
  margin: 0 -1.6rem;
  padding: 3rem 1.6rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3.6rem;
  gap: 3.6rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .follow__card {
    padding: 3rem 31.6rem 3rem 3rem;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .follow__card {
    margin: 0;
    padding: 6rem 31.6rem 7.4rem 7rem;
  }
}

@media (min-width: 768px) {
  .follow__card-desc {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 3rem 8rem;
    gap: 3rem 8rem;
    grid-template-areas: "title" "text" "social";
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .follow__card-desc {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-gap: 3rem 8rem;
    gap: 3rem 8rem;
    grid-template-areas: "title title" "social text";
    align-items: center;
  }
}

.follow__card-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 768px) {
  .follow__card-title {
    grid-area: title;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .follow__card-title {
    font-size: 4rem;
    margin: 0;
  }
}

.follow__card-text {
  display: block;
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 768px) {
  .follow__card-text {
    grid-area: text;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .follow__card-text {
    font-size: 2.2rem;
    margin: 0;
    max-width: 46.4rem;
  }
}

.follow__card-social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 2rem;
}
@media (min-width: 768px) {
  .follow__card-social {
    grid-area: social;
  }
}
@media (min-width: 1200px) {
  .follow__card-social {
    grid-area: social;
    gap: 3.2rem;
  }
}

.follow__card-social-link {
  display: block;
  width: 4rem;
  height: 4rem;
  background: #fff;
  border-radius: 0.8rem;
  transition: 0.25s;
}
.follow__card-social-link svg {
  display: block;
  width: 100%;
  height: 100%;
}
.follow__card-social-link svg path {
  transition: 0.25s;
}
.follow__card-social-link:not(:hover) svg path:first-child {
  fill: #A5AEBE;
}
@media (min-width: 1200px) {
  .follow__card-social-link {
    width: 6rem;
    height: 6rem;
  }
}

.follow__card-image {
  margin: 0 -1.6rem -3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 0 3.2rem;
}
.follow__card-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='375' height='306' viewBox='0 0 375 306' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse opacity='0.7' cx='187.5' cy='280.5' rx='425.5' ry='280.5' fill='%23D2DBEA'/%3E%3C/svg%3E%0A");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center top;
}
@media (min-width: 768px) {
  .follow__card-image {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 31.6rem;
    margin: 0;
  }
  .follow__card-image:before {
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='316' height='276' viewBox='0 0 316 276' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle opacity='0.7' cx='280.5' cy='137.5' r='280.5' fill='%23D2DBEA'/%3E%3C/svg%3E%0A");
  }
}

:has(.seo) .catalog {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  :has(.seo) .catalog {
    margin: 0 0 7rem;
  }
}

.catalog {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .catalog {
    margin: 0 0 12rem;
    overflow: visible;
  }
}

.catalog__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .catalog__title {
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 4rem;
  }
}

.catalog__wysiwyg,
.catalog__text {
  display: block;
  margin: 0 0 4rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.catalog__wysiwyg p,
.catalog__text p {
  margin: 0 0 1.6rem;
}
.catalog__wysiwyg p:last-child,
.catalog__text p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .catalog__wysiwyg,
  .catalog__text {
    font-size: 2.2rem;
    margin: 0 0 8rem;
    max-width: 148.8rem;
  }
}

@media (min-width: 1200px) {
  .catalog__layout {
    display: grid;
    grid-template-columns: 42.4rem 1fr;
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
}

@media (min-width: 1200px) {
  .catalog__main {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
}

.catalog__topbar {
  margin: 0 0 3rem;
  display: flex;
  align-items: center;
  gap: 3rem;
}
@media (min-width: 1200px) {
  .catalog__topbar {
    margin: 0 0 5rem;
    order: -1;
  }
  .catalog__topbar .ui-filter-handler {
    display: none;
  }
}

.catalog__tags {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .catalog__tags {
    order: -2;
    margin: 0 0 5rem;
  }
}

.catalog__grid {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
}
.catalog__grid > li {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.catalog__grid.--tile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3rem 1.6rem;
  gap: 3rem 1.6rem;
}
@media (min-width: 768px) {
  .catalog__grid.--tile {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .catalog__grid.--tile {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .catalog__grid.--tile {
    grid-template-columns: repeat(3, 1fr);
    gap: 4rem 3.2rem;
  }
}
.catalog__grid.--list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 4rem 0;
  gap: 4rem 0;
}
@media (min-width: 1200px) {
  .catalog__grid.--list {
    gap: 6rem 0;
  }
}
@media (min-width: 1200px) {
  .catalog__grid {
    margin: 0 0 7rem;
  }
}

.catalog__pagination {
  margin: 0 0 6rem;
}
.catalog__pagination:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .catalog__pagination {
    margin: 0 0 7rem;
  }
}

.catalog__seo {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.catalog__seo p {
  margin: 0 0 2rem;
}
.catalog__seo p:last-child {
  margin: 0;
}
.catalog__seo b {
  font-weight: 500;
}
.catalog__seo ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.catalog__seo ul > li {
  position: relative;
  padding: 0 0 0 1.8rem;
  margin: 0 0 1.4rem;
}
.catalog__seo ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
}
.catalog__seo ul > li:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .catalog__seo {
    font-size: 1.8rem;
    max-width: 112.4rem;
  }
  .catalog__seo p {
    margin: 0 0 3rem;
  }
  .catalog__seo ul {
    margin: 0 0 3rem;
    font-size: 1.8rem;
  }
  .catalog__seo ul > li {
    margin: 0 0 2rem;
    padding: 0 0 0 2.4rem;
  }
  .catalog__seo ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.catalog__list {
  margin: 0 0 6rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.catalog__list:last-child {
  margin-bottom: 0;
}
.catalog__list > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .catalog__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .catalog__list {
    grid-template-columns: repeat(4, 1fr);
  }
  .catalog__list.--x3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .catalog__list {
    gap: 6rem 3.2rem;
  }
}

.catalog__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 1rem;
  color: #4F4E62;
  background: #F3F7FC;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  will-change: transform;
}
@media (hover: none) {
  .catalog__card:hover {
    color: #4F4E62;
  }
}
@media (hover: hover) {
  .catalog__card:hover {
    color: #fff;
  }
  .catalog__card:hover .catalog__card-desc:before {
    width: 48rem;
    height: 48rem;
    border-radius: inherit;
    transform: scale(2);
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .catalog__card {
    border-radius: 2rem;
  }
}

.catalog__card-image {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 163/130;
  background: inherit;
}
.catalog__card-image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .catalog__card-image {
    aspect-ratio: 424/340;
  }
}

.catalog__card-desc {
  position: relative;
  z-index: 100;
  padding: 1rem 1.6rem 1.2rem;
  overflow: hidden;
  flex: 1;
}
.catalog__card-desc:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  z-index: -1;
  background: #CC2E27;
  transition: 0.4s;
  border-radius: 50%;
  aspect-ratio: 1/1;
  opacity: 0;
  will-change: transform;
}
@media (min-width: 1200px) {
  .catalog__card-desc {
    padding: 2.8rem;
  }
}

.catalog__card-title {
  display: block;
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .catalog__card-title {
    font-size: 2.2rem;
  }
}

.catalog__legend {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .catalog__legend {
    margin: 0 0 3rem;
    font-size: 4rem;
  }
}

.seo {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .seo {
    margin: 0 0 12rem;
    overflow: visible;
  }
}

@media (min-width: 1200px) {
  .seo__layout {
    display: grid;
    grid-template-columns: 42.4rem 1fr;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
  }
}

@media (min-width: 1200px) {
  .seo__main {
    min-width: 0;
    display: flex;
    flex-direction: column;
  }
}

.seo__wysiwyg {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.seo__wysiwyg p {
  margin: 0 0 2rem;
}
.seo__wysiwyg p:last-child {
  margin: 0;
}
.seo__wysiwyg b {
  font-weight: 500;
}
.seo__wysiwyg ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.seo__wysiwyg ul > li {
  position: relative;
  padding: 0 0 0 1.8rem;
  margin: 0 0 1.4rem;
}
.seo__wysiwyg ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
}
.seo__wysiwyg ul > li:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .seo__wysiwyg {
    font-size: 1.8rem;
    max-width: 112.4rem;
  }
  .seo__wysiwyg p {
    margin: 0 0 3rem;
  }
  .seo__wysiwyg ul {
    margin: 0 0 3rem;
    font-size: 1.8rem;
  }
  .seo__wysiwyg ul > li {
    margin: 0 0 2rem;
    padding: 0 0 0 2.4rem;
  }
  .seo__wysiwyg ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.is-filter-open .filter__offcanvas {
  opacity: 1;
  visibility: visible;
  transform: translate(0, 0);
}

.filter {
  position: relative;
}
@media (min-width: 1200px) {
  .filter {
    position: sticky;
    top: 13.2rem;
  }
}

.filter__legend {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .filter__legend {
    margin: 0 0 3rem;
    font-size: 4rem;
  }
}

.filter__draggable {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 6rem;
}
@media (min-width: 768px) {
  .filter__draggable {
    display: none;
  }
}

.filter__offcanvas {
  position: fixed;
  top: 6rem;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 2rem 2rem 0 0;
  padding: 3rem 2rem 4rem;
  background: #fff;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  transform: translate(0, 6rem);
}
.filter__offcanvas:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  width: 8rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  margin: 0 0 0 -4rem;
  background: #D2DBEA;
}
@media (min-width: 1200px) {
  .filter__offcanvas {
    position: relative;
    top: 0;
    z-index: 500;
    padding: 0;
    background: none;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    box-shadow: none;
    transform: none;
    background: #F3F7FC;
    border-radius: 2rem;
    padding: 3rem;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100svh - 10rem - 6.4rem);
  }
  .filter__offcanvas:before {
    display: none;
  }
  .filter__offcanvas::-webkit-scrollbar {
    display: none;
  }
}

.filter__head {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 3.2rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .filter__head {
    display: none;
  }
}

.filter__body {
  flex: 1;
  margin: 0;
  padding: 0 0 7rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.filter__body::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1200px) {
  .filter__body {
    padding: 0;
    overflow: visible;
  }
}

.filter__foot {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3.2rem;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 3rem 2rem 4rem;
}
.filter__foot .ui-btn--red {
  width: 100%;
  height: 5rem;
  font-size: 1.8rem;
}
@media (min-width: 1200px) {
  .filter__foot {
    display: none;
  }
}

.filter__title {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  color: #6B717B;
}

.filter__close {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  color: #A5AEBE;
}
.filter__close:hover {
  color: #4F4E62;
}

.filter__accordion {
  margin: 0 0 3.2rem;
}
.filter__accordion:last-child {
  margin: 0;
}
.filter__accordion > dt {
  display: flex;
  align-items: center;
  margin: 0 0 1.4rem;
  gap: 1.6rem;
}
.filter__accordion > dt:last-child {
  margin: 0;
}
.filter__accordion > dd {
  margin: 0 0 3.2rem;
}
.filter__accordion > dd:last-child {
  margin: 0;
}
.filter__accordion .ui-checklist {
  display: block;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  margin: 0 0 -1rem;
}
.filter__accordion .ui-checklist > li {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  margin: 0 0 1rem;
}
.filter__accordion .ui-checklist > li:first-child:nth-last-child(2) {
  display: block;
}
.filter__accordion .ui-check {
  gap: 1rem;
  display: flex;
  align-items: flex-start;
}
.filter__accordion .ui-check__checkbox,
.filter__accordion .ui-check__radio {
  width: 2rem;
  height: 2rem;
  border-width: 1.5px;
  background: #fff;
  border-color: rgba(165, 174, 190, 0.7);
}
.filter__accordion .ui-check__checkbox svg,
.filter__accordion .ui-check__radio svg {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2rem;
  height: 2rem;
  margin: -1rem 0 0 -1rem;
}
.filter__accordion .ui-check__text {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 0;
}
@media (min-width: 768px) {
  .filter__accordion .ui-checklist {
    max-width: 37.5rem;
  }
}
@media (min-width: 1200px) {
  .filter__accordion > dt {
    margin: 0 0 4rem;
  }
  .filter__accordion > dt:last-child {
    margin: 0;
  }
  .filter__accordion > dt:has(.filter__handler) {
    cursor: pointer;
    color: #4F4E62;
    transition: 0.25s;
  }
  .filter__accordion > dt:has(.filter__handler):hover {
    color: #CC2E27;
  }
  .filter__accordion > dt.is-open .filter__handler path:nth-of-type(1) {
    opacity: 0;
  }
  .filter__accordion > dd {
    display: none;
    position: relative;
    top: -1.6rem;
    margin: 0 0 4rem;
  }
  .filter__accordion > dd:last-child {
    margin: 0;
  }
  .filter__accordion .ui-checklist {
    display: block;
    margin: 0 0 -1.4rem;
    max-width: none;
  }
  .filter__accordion .ui-checklist > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 1.4rem;
  }
  .filter__accordion .ui-checklist > li:first-child:nth-last-child(2) {
    display: block;
  }
  .filter__accordion .ui-checklist.ui-checklist--fullwidth {
    -moz-column-count: 1;
         column-count: 1;
  }
  .filter__accordion .ui-check {
    gap: 1.6rem;
    display: flex;
    align-items: flex-start;
  }
  .filter__accordion .ui-check__checkbox,
  .filter__accordion .ui-check__radio {
    width: 2.4rem;
    height: 2.4rem;
    border-width: 2px;
    background: transparent;
    border-color: rgba(165, 174, 190, 0.7);
  }
  .filter__accordion .ui-check__checkbox svg,
  .filter__accordion .ui-check__radio svg {
    width: 2.4rem;
    height: 2.4rem;
    margin: -1.2rem 0 0 -1.2rem;
  }
  .filter__accordion .ui-check__text {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 0;
  }
}
@media (max-width: 1199px) {
  .filter__accordion > dd {
    display: block !important;
  }
}

.filter__label {
  display: block;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .filter__label {
    font-size: 2.2rem;
    cursor: inherit;
  }
}

.filter__handler {
  display: none;
}
@media (min-width: 1200px) {
  .filter__handler {
    display: block;
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 1rem;
    transition: 0.25s;
    cursor: inherit;
  }
  .filter__handler path {
    transition: inherit;
  }
}

.auth {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .auth {
    margin: 0 0 3.2rem;
  }
}

.auth__panel {
  border-radius: 2rem;
  background: #EEF3FA;
  padding: 1.8rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2.4rem;
  gap: 2.4rem;
}
@media (min-width: 768px) {
  .auth__panel {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .auth__panel {
    padding: 2.4rem 3.2rem;
  }
}

.auth__panel-text {
  display: block;
  margin: 0 auto 0 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .auth__panel-text {
    font-size: 2.2rem;
    max-width: 73.4rem;
  }
}

.auth__panel-buttons {
  display: grid;
  grid-template-columns: 1fr;
}
.auth__panel-buttons .ui-btn {
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .auth__panel-buttons .ui-btn {
    height: 5.6rem;
    font-size: 1.8rem;
    min-width: 30.2rem;
  }
}

.cart {
  margin: 0 0 4rem;
}
.cart:last-child {
  margin-bottom: 0;
}
.cart .ui-check__input:checked ~ .ui-check__checkbox {
  background: #6B717B;
  border-color: #6B717B;
  color: #fff;
}
.cart .ui-check__checkbox {
  border-color: rgba(165, 174, 190, 0.7);
  color: #6B717B;
  background: #fff;
}
@media (min-width: 1200px) {
  .cart {
    margin: 0 0 8rem;
  }
}

.cart__table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  text-align: left;
}
.cart__table tr.is-disabled {
  opacity: 0.4;
}
.cart__table tr.is-disabled .cart__table-check,
.cart__table tr.is-disabled .cart__table-image,
.cart__table tr.is-disabled .cart__table-desc,
.cart__table tr.is-disabled .cart__table-price,
.cart__table tr.is-disabled .cart__table-number {
  pointer-events: none;
}
.cart__table tr.is-disabled .cart__table-control {
  pointer-events: auto;
}
.cart__table th, .cart__table td {
  border-top: 1px solid #D2DBEA;
  border-bottom: 1px solid #D2DBEA;
}
.cart__table th {
  padding: 2.4rem 1.6rem;
}
.cart__table th:first-child {
  padding-left: 0;
}
.cart__table th:last-child {
  padding-right: 0;
}
.cart__table td {
  padding: 3.2rem 4rem;
  vertical-align: top;
}
.cart__table td:first-child {
  padding-left: 0;
}
.cart__table td:nth-of-type(2) {
  padding-left: 0;
  padding-right: 0;
}
.cart__table td:last-child {
  padding-right: 0;
}
.cart__table td:has(.cart__table-check) {
  padding-right: 1.6rem;
}
.cart__table td:has(.cart__table-image) {
  padding-left: 0;
  padding-right: 0;
}
.cart__table td:has(.cart__table-desc) {
  padding-left: 3.2rem;
}
@media (max-width: 1199px) {
  .cart__table td {
    padding: 3.2rem 1.6rem;
  }
}
@media (max-width: 767px) {
  .cart__table {
    display: block;
  }
  .cart__table thead,
  .cart__table tbody,
  .cart__table tr,
  .cart__table th,
  .cart__table td {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
  }
  .cart__table thead {
    border-top: 1px solid #D2DBEA;
    border-bottom: 1px solid #D2DBEA;
    padding: 1.6rem 0;
  }
  .cart__table tbody tr {
    position: relative;
    display: grid;
    grid-template-columns: 2.4rem 9rem 1fr;
    grid-template-areas: "checkbox image price" "checkbox image desc";
    grid-gap: 0 1.6rem;
    gap: 0 1.6rem;
    padding: 2rem 0 7.6rem;
    border-bottom: 1px solid #D2DBEA;
  }
  .cart__table tbody td:has(.cart__table-check) {
    padding: 0;
    grid-area: checkbox;
  }
  .cart__table tbody td:has(.cart__table-image) {
    padding: 0;
    grid-area: image;
  }
  .cart__table tbody td:has(.cart__table-desc) {
    padding: 0;
    grid-area: desc;
  }
  .cart__table tbody td:has(.cart__table-desc) .cart__table-control {
    position: absolute;
    left: 4rem;
    bottom: 2rem;
  }
  .cart__table tbody td:has(.cart__table-price) {
    padding: 0;
    grid-area: price;
  }
  .cart__table tbody td:has(.cart__table-number) {
    position: absolute;
    right: 0;
    bottom: 2rem;
  }
}

.cart__table-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.cart__table-topbar .ui-check {
  align-items: center;
}
.cart__table-topbar .ui-check__text {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
@media (min-width: 992px) {
  .cart__table-topbar {
    justify-content: flex-start;
    gap: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .cart__table-topbar {
    justify-content: flex-start;
    gap: 3.2rem;
    font-size: 1.8rem;
  }
}

.cart__table-check {
  display: flex;
  align-items: center;
  height: 7.7rem;
}
@media (min-width: 992px) {
  .cart__table-check {
    height: 16.4rem;
  }
}
@media (min-width: 1200px) {
  .cart__table-check {
    height: 16.4rem;
  }
}

.cart__table-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9rem;
  height: 7.7rem;
  border-radius: 0.8rem;
  border: 1px solid #D2DBEA;
}
.cart__table-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 992px) {
  .cart__table-image {
    width: 18.8rem;
    height: 16.4rem;
    border-radius: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .cart__table-image {
    width: 18.8rem;
    height: 16.4rem;
    border-radius: 1.5rem;
  }
}

.cart__table-title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 500;
}
.cart__table-title a {
  color: #4F4E62;
}
.cart__table-title a:hover {
  color: #828B9B;
}
@media (min-width: 1200px) {
  .cart__table-title {
    margin: 0 0 1.6rem;
    font-size: 2.2rem;
  }
}

.cart__table-info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 768px) {
  .cart__table-info {
    margin: 0 0 1.6rem;
  }
}
@media (min-width: 1200px) {
  .cart__table-info {
    font-size: 1.8rem;
    margin: 0 0 2.4rem;
    gap: 1.6rem 4rem;
  }
}

.cart__table-price {
  display: flex;
  align-items: center;
  gap: 0.8rem 1.6rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 700;
  color: #4F4E62;
  margin: 0 0 1rem;
  white-space: nowrap;
}
.cart__table-price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.cart__table-price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-weight: 500;
  color: #A5AEBE;
}
.cart__table-price .ui-tooltip {
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .cart__table-price {
    font-size: 2.2rem;
    gap: 1.8rem;
    margin: 0;
  }
  .cart__table-price .ui-tooltip {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.cart__table-control {
  display: flex;
  gap: 1rem;
}

.cart__table-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  background: #F3F7FC;
  color: #828B9B;
  transition: 0.25s;
}
.cart__table-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}
.cart__table-btn svg.icon-favorites path {
  fill: transparent;
  transition: 0.25s;
}
.cart__table-btn:hover {
  color: #CC2E27;
}
.cart__table-btn.is-active {
  color: #CC2E27;
}
.cart__table-btn.is-active svg.icon-favorites path {
  fill: currentColor;
}

.cart__table-number {
  display: flex;
  justify-content: flex-end;
}

.thank {
  margin: 0 0 6rem;
}
.thank:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .thank {
    margin: 0 0 12rem;
  }
}

.thank__text {
  display: block;
  margin: 0 0 4rem;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
  color: #4F4E62;
}
.thank__text br {
  display: none;
}
@media (min-width: 1200px) {
  .thank__text {
    margin: 0 0 6rem;
    font-size: 2.2rem;
  }
  .thank__text br {
    display: block;
  }
}

.thank__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .thank__title {
    margin: 0 0 4rem;
    font-size: 3rem;
  }
}

@media (min-width: 1200px) {
  .thank__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
  }
  .thank__table thead {
    border-top: 1px solid #D2DBEA;
    border-bottom: 1px solid #D2DBEA;
  }
  .thank__table thead th, .thank__table thead td {
    padding: 2.4rem 3.2rem;
    font-weight: 500;
    color: #828B9B;
  }
  .thank__table thead th:first-child, .thank__table thead td:first-child {
    padding-left: 0;
  }
  .thank__table thead th:last-child, .thank__table thead td:last-child {
    padding-right: 0;
  }
  .thank__table tbody {
    border-top: 1px solid #D2DBEA;
    border-bottom: 1px solid #D2DBEA;
  }
  .thank__table tbody th, .thank__table tbody td {
    padding: 1rem 3.2rem;
    vertical-align: top;
  }
  .thank__table tbody th:first-child, .thank__table tbody td:first-child {
    padding-left: 0;
  }
  .thank__table tbody th:last-child, .thank__table tbody td:last-child {
    padding-right: 0;
  }
  .thank__table tbody tr:first-child th, .thank__table tbody tr:first-child td {
    padding-top: 3.2rem;
  }
  .thank__table tbody tr:last-child th, .thank__table tbody tr:last-child td {
    padding-bottom: 3.2rem;
  }
  .thank__table th, .thank__table td {
    width: 25%;
  }
  .thank__table th:first-of-type, .thank__table td:first-of-type {
    width: 50%;
  }
}
@media (max-width: 1199px) {
  .thank__table {
    display: block;
  }
  .thank__table thead,
  .thank__table tbody,
  .thank__table tfoot,
  .thank__table tr,
  .thank__table th,
  .thank__table td {
    display: block;
  }
  .thank__table thead {
    display: none;
  }
  .thank__table tbody {
    border-top: 1px solid #D2DBEA;
    border-bottom: 1px solid #D2DBEA;
    margin: 0 0 -1px;
    padding: 2rem 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .thank__table tr:nth-of-type(1) {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 1.6rem 2rem;
    gap: 1.6rem 2rem;
  }
  .thank__table tr:nth-of-type(2) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.6rem 2rem;
    gap: 1.6rem 2rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .thank__table tr:nth-of-type(2) {
    grid-template-columns: 2fr 1fr;
  }
}

.thank__table-title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
.thank__table-title a {
  color: #4F4E62;
}
.thank__table-title a:hover {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .thank__table-title {
    font-size: 2.2rem;
  }
}

.thank__table-price {
  display: flex;
  align-items: center;
  gap: 1.1rem 2.2rem;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 400;
  color: #4F4E62;
  margin: 0;
  white-space: nowrap;
}
.thank__table-price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.thank__table-price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .thank__table-price {
    font-size: 2.2rem;
    gap: 1.8rem;
  }
}

.thank__table-info {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.thank__table-info > li {
  margin: 0 0 1rem;
}
.thank__table-info > li:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .thank__table-info {
    color: #6B717B;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 4rem;
    font-size: 1.8rem;
  }
  .thank__table-info > li {
    margin: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .thank__table-info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}

.thank__table-count {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .thank__table-count {
    font-size: 2.2rem;
  }
}

:has(.breadcrumbs) .header {
  margin: 0;
}

.breadcrumbs {
  padding: 3rem 0 4rem;
  overflow-x: auto;
  overflow-y: hidden;
  display: flex;
}
.breadcrumbs::-webkit-scrollbar {
  display: none;
}
.breadcrumbs > .container-fluid {
  min-width: -moz-max-content;
  min-width: max-content;
}
@media (min-width: 1200px) {
  .breadcrumbs {
    padding: 4.6rem 0 3.4rem;
  }
}

.breadcrumbs__menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2.7rem;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
  color: #A5AEBE;
}
.breadcrumbs__menu > li {
  position: relative;
  flex: 0 0 auto;
}
.breadcrumbs__menu > li:after {
  content: "/";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: -2.7rem;
  width: 2.7rem;
  height: 100%;
}
.breadcrumbs__menu > li:last-child:after {
  display: none;
}
@media (min-width: 1200px) {
  .breadcrumbs__menu {
    font-size: 1.6rem;
    gap: 3.8rem;
  }
  .breadcrumbs__menu > li:after {
    right: -3.8rem;
    width: 3.8rem;
  }
}

.breadcrumbs__link {
  display: block;
  color: #A5AEBE;
}
.breadcrumbs__link:hover {
  color: #4F4E62;
}
.breadcrumbs__link svg {
  display: block;
}
.breadcrumbs__link svg.icon-home {
  color: #cc2e27;
  color: var(--color-red);
}

.sku {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .sku {
    overflow: visible;
    margin: 0 0 12rem;
  }
}

@media (min-width: 1200px) {
  .sku__grid {
    display: grid;
    grid-template-columns: 728fr 502fr 484fr;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
    grid-template-areas: "title title ." "gallery rating aside" "gallery desc aside" "gallery . aside" "delivery delivery aside" "tabs tabs aside";
  }
  .sku__title {
    grid-area: title;
  }
  .sku__gallery {
    grid-area: gallery;
  }
  .sku__desc {
    grid-area: desc;
    align-self: flex-start;
  }
  .sku__rating {
    grid-area: rating;
    align-self: flex-start;
  }
  .sku__aside {
    grid-area: aside;
  }
  .sku__delivery {
    grid-area: delivery;
  }
  .sku__tabs {
    grid-area: tabs;
  }
  .sku__sticky {
    position: sticky;
    top: 13.2rem;
  }
}
.sku__title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .sku__title {
    margin: 0 0 8rem;
    font-size: 5rem;
    line-height: 1.3;
    font-weight: 500;
  }
}

.sku__rating {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .sku__rating {
    margin: 0 0 4rem;
    gap: 1.4rem;
  }
  .sku__rating .ui-rating__star {
    width: 2rem;
    height: 2rem;
  }
  .sku__rating .ui-rating__counter {
    font-size: 1.8rem;
  }
}

.sku__gallery {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .sku__gallery {
    margin: 0 0 9rem;
  }
}

.sku__aside {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .sku__aside {
    margin: 0 0 0 4.2rem;
    padding: 0 0 0 3.2rem;
    border-left: 1px solid #D2DBEA;
  }
}

.sku__id {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .sku__id {
    font-size: 1.8rem;
    margin: 0 0 2.6rem;
  }
}

.sku__price {
  display: block;
  margin: 0 0 1.6rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.sku__price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.sku__price del {
  font-size: 2.2rem;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
  font-weight: 400;
}
.sku__price mark {
  font-size: 2.2rem;
  font-weight: 400;
  margin: 0 0 0 auto;
}
.sku__price.is-lock {
  filter: blur(1rem);
  pointer-events: none;
}
@media (min-width: 1200px) {
  .sku__price {
    margin: 0 0 2.6rem;
    gap: 3.2rem;
    font-size: 4rem;
    line-height: 1.3;
    font-weight: 500;
  }
  .sku__price del,
  .sku__price mark {
    font-size: 2.6rem;
  }
}

.sku__profi {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: #F3F7FC;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  gap: 1rem;
  margin: 0 0 1.6rem;
  min-height: 4rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  color: #4F4E62;
}
.sku__profi:last-child {
  margin-bottom: 0;
}
.sku__profi svg {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
.sku__profi:hover {
  color: #828B9B;
}
@media (min-width: 768px) {
  .sku__profi {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .sku__profi {
    margin: 0 0 2rem;
    min-height: 4.8rem;
    font-size: 1.8rem;
    padding: 1.2rem 1.4rem;
    gap: 1rem;
  }
  .sku__profi svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.sku__control {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.sku__control p {
  margin: 0 0 1.6rem;
}
.sku__control p:last-child {
  margin-bottom: 0;
}
.sku__control .row {
  margin: 0 -0.5rem -1.6rem;
  padding: 0 0 1.6rem;
}
.sku__control .row:last-child {
  padding-bottom: 0;
}
.sku__control .row > [class^=col] {
  padding: 0 0.5rem 1.6rem;
}
.sku__control .ui-btn {
  width: 100%;
  height: 4rem;
}
.sku__control .ui-select .choices {
  height: 4rem;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .sku__control .ui-select {
    width: 22.5rem;
  }
}
@media (min-width: 1200px) {
  .sku__control {
    font-size: 1.8rem;
    gap: 2rem;
  }
  .sku__control .row {
    margin: 0 -0.7rem -2rem;
    padding: 0 0 1.8rem;
  }
  .sku__control .row > [class^=col] {
    padding: 0 0.7rem 2rem;
  }
  .sku__control .ui-number {
    height: 5.2rem;
  }
  .sku__control .ui-select {
    width: auto;
  }
  .sku__control .ui-select .choices {
    height: 5.2rem;
    font-size: 1.8rem;
  }
  .sku__control .ui-select .choices__list--dropdown .choices__item {
    font-size: 1.8rem;
  }
  .sku__control .ui-btn {
    height: 5.2rem;
    font-size: 1.8rem;
  }
}

.sku__author {
  margin: 0 0 2rem;
}
@media (min-width: 1200px) {
  .sku__author {
    display: none;
  }
}

.sku__type {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .sku__type {
    display: none;
  }
}

.sku__desc {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .sku__desc {
    margin: 0 0 9rem;
  }
}

.sku__desc-author {
  display: none;
}
@media (min-width: 1200px) {
  .sku__desc-author {
    display: block;
    margin: 0 0 3rem;
  }
}

.sku__desc-type {
  display: none;
}
@media (min-width: 1200px) {
  .sku__desc-type {
    display: block;
    margin: 0 0 3.6rem;
  }
}

.sku__desc-list {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
}
.sku__desc-list b {
  font-weight: 500;
  color: #4F4E62;
}
.sku__desc-list:last-child {
  margin-bottom: 0;
}
.sku__desc-list > li {
  position: relative;
  padding: 0 0 0 1.6rem;
  margin: 0 0 1.2rem;
}
.sku__desc-list > li:last-child {
  margin-bottom: 0;
}
.sku__desc-list > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  margin: 0;
  border-radius: 50%;
  background: #CC2E27;
}
@media (min-width: 1200px) {
  .sku__desc-list {
    font-size: 1.8rem;
    margin: 0 0 3rem;
  }
  .sku__desc-list > li {
    padding: 0 0 0 2.4rem;
    margin: 0 0 1.5rem;
  }
  .sku__desc-list > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.sku__desc-wysiwyg {
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
}
.sku__desc-wysiwyg p {
  margin: 0 0 1rem;
}
.sku__desc-wysiwyg p:last-child {
  margin-bottom: 0;
}
.sku__desc-wysiwyg b {
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .sku__desc-wysiwyg {
    margin: 0 0 4rem;
    font-size: 1.8rem;
  }
}

.sku__desc-control .ui-btn {
  height: 4rem;
  padding: 0 2rem;
  font-size: 1.4rem;
}
@media (min-width: 1200px) {
  .sku__desc-control .ui-btn {
    height: 4.8rem;
    padding: 0 3rem;
    font-size: 1.8rem;
  }
}

.sku__delivery {
  margin: 0 -1.6rem 6rem;
  padding: 3rem 1.6rem;
  border-radius: 2rem;
  background: #EEF3FA;
}
.sku__delivery:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .sku__delivery {
    display: grid;
    grid-template-columns: 848fr 318fr;
    align-items: start;
  }
}
@media (min-width: 1200px) {
  .sku__delivery {
    margin: 0 0 8rem;
    padding: 3.2rem 3.2rem 4rem;
    gap: 3.2rem;
  }
}

.sku__delivery-desc {
  color: #6B717B;
}
@media (min-width: 1200px) {
  .sku__delivery-desc {
    min-width: 0;
  }
}

.sku__delivery-title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
.sku__delivery-title a {
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .sku__delivery-title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.sku__delivery-text {
  display: block;
  margin: 0 0 3rem;
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .sku__delivery-text {
    margin: 0 0 3.2rem;
    font-size: 1.8rem;
  }
}

.sku__delivery-list {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  font-size: 1.8rem;
  line-height: 1.26;
  font-weight: 500;
  color: #4F4E62;
  counter-reset: point;
}
.sku__delivery-list > li {
  position: relative;
  margin: 0 0 2rem;
  padding: 0 0 0 4.6rem;
}
.sku__delivery-list > li:last-child {
  margin-bottom: 0;
}
.sku__delivery-list > li:before {
  content: counter(point);
  counter-increment: point 1;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #CC2E27;
  border-radius: 50%;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  color: #CC2E27;
}
.sku__delivery-list small {
  display: block;
  padding: 0.6rem 0 0 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .sku__delivery-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 2rem 7.2rem;
    font-size: 2.2rem;
  }
  .sku__delivery-list > li {
    padding: 0 0 0 6rem;
    margin: 0;
  }
  .sku__delivery-list > li:before {
    width: 3.8rem;
    height: 3.8rem;
    font-size: 1.8rem;
    border-width: 2px;
  }
  .sku__delivery-list small {
    padding: 1.2rem 0 0 0;
    font-size: 1.8rem;
  }
}

.sku__delivery-image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 80%;
  margin: 0 auto;
}
.sku__delivery-image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .sku__delivery-image {
    max-width: none;
  }
}

.sku__tabs-control {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .sku__tabs-control {
    margin: 0 0 6rem;
  }
}

.sku__tabs-wrapper {
  position: relative;
}

.sku__tabs-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
}
.sku__tabs-content.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
  transition: 0.25s;
}

.sku__tabs-btn {
  display: flex;
  align-items: center;
  height: 4rem;
  position: relative;
  cursor: pointer;
  color: #A5AEBE;
  transition: 0.25s;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.sku__tabs-btn:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid #D2DBEA;
  transition: 0.25s;
}
.sku__tabs-btn:hover {
  color: #CC2E27;
}
.sku__tabs-btn.is-active {
  color: #CC2E27;
}
.sku__tabs-btn.is-active:after {
  border-color: #CC2E27;
}
@media (min-width: 1200px) {
  .sku__tabs-btn {
    font-size: 2.2rem;
    height: 4.8rem;
  }
}

.sku__wysiwyg {
  margin-bottom: 6rem;
}
.sku__wysiwyg:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .sku__wysiwyg {
    margin-bottom: 8rem;
  }
}

.sku__specification {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #4F4E62;
  text-align: left;
}
.sku__specification table {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: left;
  display: block;
}
.sku__specification table thead,
.sku__specification table tbody,
.sku__specification table tr,
.sku__specification table th,
.sku__specification table td {
  display: block;
}
.sku__specification table tr {
  margin: 0 0 2rem;
}
.sku__specification table tr:last-child {
  margin: 0;
}
.sku__specification table th {
  margin: 0 0 0.8rem;
  color: #6B717B;
  font-weight: 400;
}
.sku__specification a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #6B717B;
}
.sku__specification a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 768px) {
  .sku__specification table {
    display: table;
    width: 100%;
    border-collapse: collapse;
  }
  .sku__specification table thead,
  .sku__specification table tbody {
    display: table-row-group;
  }
  .sku__specification table tr {
    display: table-row;
  }
  .sku__specification table th,
  .sku__specification table td {
    display: table-cell;
    padding: 0 1rem 2rem;
    vertical-align: top;
  }
  .sku__specification table th:first-child,
  .sku__specification table td:first-child {
    padding-left: 0;
    width: 25%;
  }
  .sku__specification table th:last-child,
  .sku__specification table td:last-child {
    padding-right: 0;
  }
}
@media (min-width: 1200px) {
  .sku__specification {
    font-size: 1.8rem;
  }
  .sku__specification table {
    font-size: 1.8rem;
  }
}

.sku__files-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.sku__files-list > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .sku__files-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .sku__files-list {
    gap: 3.2rem;
  }
}

.sku__reviews-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.sku__reviews-list > li {
  min-width: 0;
}
@media (min-width: 1200px) {
  .sku__reviews-list {
    gap: 3.2rem;
  }
}

.sku__comments-list {
  margin: 0 0 7rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  gap: 3rem;
}
.sku__comments-list:last-child {
  margin-bottom: 0;
}
.sku__comments-list > li {
  min-width: 0;
}
@media (min-width: 1200px) {
  .sku__comments-list {
    gap: 6.4rem;
  }
}

.sku__comments-feedback {
  position: relative;
  z-index: 2;
  padding: 3rem 1.6rem 1.8rem;
  margin: 0 -1.6rem 6rem;
  background: #CC2E27;
  color: #fff;
  border-radius: 2rem;
}
@media (min-width: 1200px) {
  .sku__comments-feedback {
    padding: 3.2rem;
  }
}

.sku__comments-feedback-desc {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .sku__comments-feedback-desc {
    margin: 0;
  }
}

.sku__comments-feedback-title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .sku__comments-feedback-title {
    margin: 0 0 2rem;
    font-size: 3rem;
  }
}

.sku__comments-feedback-text {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .sku__comments-feedback-text {
    font-size: 1.8rem;
    max-width: 34rem;
  }
}

.sku__comments-feedback-form .row {
  margin: 0 -1rem -2rem;
}
.sku__comments-feedback-form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.sku__comments-feedback-form .ui-validate {
  color: #F9E3E7;
}
.sku__comments-feedback-form .ui-input,
.sku__comments-feedback-form .ui-textarea {
  background-color: rgba(249, 227, 231, 0.2);
  border-color: transparent;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1.6rem 1.6rem;
}
.sku__comments-feedback-form .ui-input::-moz-placeholder, .sku__comments-feedback-form .ui-textarea::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.sku__comments-feedback-form .ui-input::placeholder,
.sku__comments-feedback-form .ui-textarea::placeholder {
  color: #fff;
  opacity: 0.7;
}
.sku__comments-feedback-form .ui-input:focus,
.sku__comments-feedback-form .ui-textarea:focus {
  border-color: #F9E3E7;
}
.sku__comments-feedback-form .ui-input.is-error,
.sku__comments-feedback-form .ui-textarea.is-error {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sku__comments-feedback-form .ui-input.is-valid,
.sku__comments-feedback-form .ui-textarea.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.sku__comments-feedback-form .ui-input {
  height: 5.2rem;
}
.sku__comments-feedback-form .ui-textarea {
  height: 13.2rem;
}
.sku__comments-feedback-form .ui-checklist {
  padding: 1rem 0;
}
.sku__comments-feedback-form .ui-check__input:checked ~ .ui-check__checkbox {
  background: #fff;
  color: #CC2E27;
}
.sku__comments-feedback-form .ui-check__input:checked ~ .ui-check__checkbox:after {
  opacity: 1;
}
.sku__comments-feedback-form .ui-check__checkbox {
  background: rgba(252, 231, 227, 0.2);
  color: #fff;
  border-color: transparent;
}
.sku__comments-feedback-form .ui-check__text {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 2px 0;
}
.sku__comments-feedback-form .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .sku__comments-feedback-form .ui-symbols {
    display: none;
  }
  .sku__comments-feedback-form .ui-textarea {
    height: 5.2rem;
  }
  .sku__comments-feedback-form .ui-checklist {
    display: grid;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .sku__comments-feedback-form .ui-btn {
    height: 5.2rem;
  }
}
@media (min-width: 1200px) {
  .sku__comments-feedback-form .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .sku__comments-feedback-form .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
  .sku__comments-feedback-form .ui-input,
  .sku__comments-feedback-form .ui-textarea,
  .sku__comments-feedback-form .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1.6rem 2.4rem;
  }
  .sku__comments-feedback-form .ui-btn {
    height: 5.2rem;
    font-weight: 500;
  }
  .sku__comments-feedback-form .ui-check__text {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 0.3rem 0;
  }
  .sku__comments-feedback-form .ui-checklist {
    padding: 0;
    display: flex;
    gap: 3.2rem;
  }
  .sku__comments-feedback-form .ui-checklist > li {
    flex: 0 0 auto;
    max-width: 31rem;
  }
}

@keyframes skuCollapsed {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .is-sku-sticky .sku__collapsed {
    display: flex;
    animation: 0.4s ease both skuCollapsed;
  }
  .is-sku-sticky .sku__id {
    display: none;
  }
}

.sku__collapsed {
  display: none;
}
@media (min-width: 1200px) {
  .sku__collapsed {
    display: none;
    align-items: flex-start;
    gap: 2.6rem;
    margin: 0 0 2.6rem;
  }
}

@media (min-width: 1200px) {
  .sku__collapsed-desc {
    flex: 1;
  }
}

@media (min-width: 1200px) {
  .sku__collapsed-title {
    display: block;
    margin: 0 0 2.6rem;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 500;
  }
}

@media (min-width: 1200px) {
  .sku__collapsed-rating {
    gap: 1.4rem;
  }
  .sku__collapsed-rating .ui-rating__stars {
    gap: 0.4rem;
  }
  .sku__collapsed-rating .ui-rating__star {
    width: 2rem;
    height: 2rem;
  }
  .sku__collapsed-rating .ui-rating__counter {
    font-size: 1.8rem;
  }
}

@media (min-width: 1200px) {
  .sku__collapsed-image {
    flex: 0 0 auto;
    width: 12rem;
    height: 9.2rem;
    border-radius: 1rem;
    overflow: hidden;
    border: 1px solid #D2DBEA;
  }
  .sku__collapsed-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.sku__clue {
  display: flex;
  align-items: center;
  gap: 1rem;
  background: #fff;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  padding: 1.2rem;
  margin: 0 0 3.2rem;
}
@media (min-width: 1200px) {
  .sku__clue {
    padding: 1.2rem 1.4rem;
    margin: 0 0 3.2rem;
  }
}

.sku__clue-icon {
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .sku__clue-icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.sku__clue-text {
  display: block;
  flex: 1;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.sku__clue-text a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4F4E62;
}
.sku__clue-text a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .sku__clue-text {
    font-size: 1.6rem;
  }
}

.system {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .system {
    margin: 0 0 12rem;
  }
}

.system__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .system__title {
    margin: 0 0 5rem;
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
  }
}

.system__wysiwyg {
  margin: 0 0 4rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.system__wysiwyg p {
  margin: 0 0 1.6rem;
}
.system__wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .system__wysiwyg {
    font-size: 2.2rem;
    max-width: 34rem;
  }
}

.system__image {
  margin: 0 0 4rem;
}
.system__image img {
  display: block;
  width: 100%;
}
@media (min-width: 1200px) {
  .system__image {
    margin: 0 0 2rem;
  }
}

.system__control .ui-btn {
  width: 100%;
  height: 4.5rem;
}
@media (min-width: 1200px) {
  .system__control {
    display: flex;
    justify-content: center;
  }
  .system__control .ui-btn {
    height: 5.2rem;
    width: 33.333%;
  }
}

.news-article {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .news-article {
    margin: 0 0 12rem;
  }
}

.news-article__head {
  padding: 0 0 3.4rem;
  margin: 0 0 4rem;
  border-bottom: 1px solid #D2DBEA;
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
@media (min-width: 1200px) {
  .news-article__head {
    gap: 3rem 10rem;
    padding: 0 0 6rem;
    margin: 0 0 7rem;
  }
}

.news-article__body {
  margin: 0 0 4rem;
}
.news-article__body:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .news-article__body {
    margin: 0 0 9rem;
  }
}

.news-article__foot {
  margin: 0 0 4rem;
}
.news-article__foot:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .news-article__foot {
    margin: 0 0 9rem;
  }
}

.news-article__title {
  display: block;
  margin: 0;
  flex: 0 0 100%;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .news-article__title {
    flex: 1;
  }
}
@media (min-width: 1200px) {
  .news-article__title {
    font-size: 7rem;
  }
}

.news-article__info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 auto;
  gap: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.news-article__info > li {
  display: flex;
  align-items: center;
  border-radius: 1rem;
  background: #F3F7FC;
  height: 3.8rem;
  padding: 0.8rem 1.6rem;
  gap: 1rem;
}
.news-article__info svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .news-article__info {
    padding: 1.2rem 0;
    gap: 3.2rem;
    font-size: 2.2rem;
  }
  .news-article__info > li {
    height: 4.8rem;
    padding: 0.8rem 2rem;
  }
  .news-article__info svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.news-article__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0 4rem;
  gap: 0 4rem;
}
@media (min-width: 1200px) {
  .news-article__grid {
    gap: 0 3.2rem;
    grid-template-columns: 7fr 5fr;
    grid-template-areas: "lead aside" "wysiwyg aside" ". aside";
    align-items: start;
  }
}

.news-article__lead {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  margin: 0 0 4rem;
}
.news-article__lead p {
  margin: 0 0 1.6rem;
}
.news-article__lead p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .news-article__lead {
    font-size: 3rem;
    grid-area: lead;
    padding: 0 5rem 0 0;
    margin: 0 0 5rem;
  }
}

.news-article__aside {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .news-article__aside {
    gap: 3.2rem;
    grid-area: aside;
    margin: 0;
  }
}

.news-article__image {
  display: block;
  border-radius: 2rem;
  background: #F3F7FC;
  overflow: hidden;
}
.news-article__image img {
  display: block;
  width: 100%;
  height: 100%;
}

.news-article__wysiwyg {
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
}
.news-article__wysiwyg p {
  margin: 0 0 1.6rem;
}
.news-article__wysiwyg p:last-child {
  margin: 0;
}
.news-article__wysiwyg picture {
  border-radius: 2rem;
  display: block;
  background: #F3F7FC;
  overflow: hidden;
  margin: 3rem 0;
}
.news-article__wysiwyg picture img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .news-article__wysiwyg {
    font-size: 2.2rem;
    grid-area: wysiwyg;
    padding: 0 5rem 0 0;
  }
  .news-article__wysiwyg picture {
    margin: 7rem 0;
  }
  .news-article__wysiwyg p {
    margin: 0 0 2rem;
  }
}

.news {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .news {
    margin: 0 0 12rem;
  }
}

.news__title {
  display: block;
  margin: 0 0 4rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .news__title {
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 8rem;
  }
}

.news__list {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.news__list > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .news__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .news__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .news__list {
    gap: 3.2rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

.other {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .other {
    margin: 0 0 12rem;
  }
}

.other__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .other__title {
    font-size: 4rem;
    line-height: 1.3;
    font-weight: 500;
    margin: 0;
  }
}

.other__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .other__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 3.2rem;
  }
}

.promotions {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .promotions {
    margin: 0 0 12rem;
  }
}

.promotions__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .promotions__title {
    margin: 0 0 8rem;
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
  }
}

.promotions__control {
  display: none;
}
@media (min-width: 1200px) {
  .promotions__control {
    display: block;
    padding: 3.2rem 0 0 0;
  }
  .promotions__control .ui-btn {
    width: 100%;
    height: 6rem;
    font-size: 2.2rem;
  }
}

.categories {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .categories {
    margin: 0 0 12rem;
  }
  .categories .row > [class^=col] {
    display: flex;
    flex-direction: column;
  }
}

.categories__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .categories__title {
    font-size: 4rem;
  }
}

.categories__control {
  display: none;
}
@media (min-width: 1200px) {
  .categories__control {
    display: flex;
    gap: 2rem;
    margin: auto 0 0 0;
  }
}

.categories__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 2rem;
  color: #4F4E62;
  background: #F3F7FC;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  will-change: transform;
}
@media (hover: none) {
  .categories__card:hover {
    color: #4F4E62;
  }
}
@media (hover: hover) {
  .categories__card:hover {
    color: #fff;
  }
  .categories__card:hover .categories__card-desc:before {
    width: 36rem;
    height: 36rem;
    border-radius: inherit;
    transform: scale(2);
    opacity: 1;
  }
}
.categories__card-image {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 290/232;
  background: inherit;
}
.categories__card-image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .categories__card-image {
    aspect-ratio: 424/340;
  }
}

.categories__card-desc {
  position: relative;
  z-index: 100;
  padding: 1.6rem 1.8rem;
  overflow: hidden;
  flex: 1;
}
.categories__card-desc:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  z-index: -1;
  background: #CC2E27;
  transition: 0.4s;
  border-radius: 50%;
  aspect-ratio: 1/1;
  opacity: 0;
  will-change: transform;
}
@media (min-width: 1200px) {
  .categories__card-desc {
    padding: 2.8rem;
  }
}

.categories__card-title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .categories__card-title {
    font-size: 2.2rem;
  }
}

.materials {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .materials {
    margin: 0 0 12rem;
  }
}

.materials__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .materials__title {
    font-size: 7rem;
    max-width: 124rem;
    margin: 0 0 4rem;
  }
}

.materials__wysiwyg {
  margin: 0 0 4rem;
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
}
.materials__wysiwyg p {
  margin: 0 0 1rem;
}
.materials__wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .materials__wysiwyg {
    margin: 0 0 7rem;
    font-size: 2.2rem;
    max-width: 124rem;
  }
}

.materials__group {
  margin: 0 0 6rem;
}
.materials__group:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .materials__group {
    margin: 0 0 12rem;
  }
}

.materials__group-title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .materials__group-title {
    margin: 5rem 0 5rem;
    font-size: 4rem;
  }
}

.materials__card {
  height: 100%;
  border-radius: 1rem;
  border: 1px solid #D2DBEA;
  background: #fff;
  color: #4f4e62;
  display: flex;
  flex-direction: column;
  padding: 1.6rem;
}
.materials__card:hover {
  color: #4f4e62;
}
@media (min-width: 1200px) {
  .materials__card {
    border-radius: 2rem;
    display: flex;
    flex-direction: row;
    padding: 2.8rem;
    gap: 2.4rem;
  }
}

.materials__card-icon {
  display: block;
  margin: 0 0 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
  color: #CC2E27;
}
.materials__card-icon img, .materials__card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .materials__card-icon {
    margin: 0;
    width: 6rem;
    height: 6rem;
  }
}

.materials__card-desc {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (min-width: 1200px) {
  .materials__card-desc {
    align-items: flex-start;
  }
}

.materials__card-name {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .materials__card-name {
    font-size: 2.2rem;
  }
}

.materials__card-size {
  display: flex;
  align-items: center;
  margin: 0 0 1.4rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
  gap: 0.7rem;
}
.materials__card-size:last-child {
  margin-bottom: 0;
}
.materials__card-size svg {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .materials__card-size {
    margin: 0 0 2.8rem;
    font-size: 1.6rem;
  }
}

.materials__card-clue {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: auto 0 0 0;
  background: #F3F7FC;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  padding: 1.2rem;
}
@media (min-width: 1200px) {
  .materials__card-clue {
    padding: 1.2rem 1.4rem;
  }
}

.materials__card-clue-icon {
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .materials__card-clue-icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.materials__card-clue-text {
  display: block;
  flex: 1;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.materials__card-clue-text a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4F4E62;
}
.materials__card-clue-text a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .materials__card-clue-text {
    font-size: 1.6rem;
  }
}

.materials__card-btn {
  margin: auto 0 0 0;
  height: 4.4rem;
  width: 100%;
  font-size: 1.6rem;
}
.materials__card-btn:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .materials__card-btn {
    height: 5rem;
    width: auto;
    padding: 0 3rem;
    font-size: 1.8rem;
  }
}

.certificates {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .certificates {
    margin: 0 0 12rem;
  }
}

.certificates__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .certificates__title {
    font-size: 7rem;
    max-width: 164rem;
    margin: 0 0 4rem;
  }
}

.certificates__wysiwyg {
  margin: 0 0 4rem;
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
}
.certificates__wysiwyg p {
  margin: 0 0 1rem;
}
.certificates__wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .certificates__wysiwyg {
    margin: 0 0 7rem;
    font-size: 2.2rem;
    max-width: 138rem;
  }
}

.certificates__subtitle {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .certificates__subtitle {
    margin: 0 0 4rem;
    font-size: 3rem;
  }
}

.certificates__tags {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .certificates__tags {
    margin: 0 0 9rem;
  }
}

.certificates__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 2rem;
  color: #4F4E62;
  background: #fff;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  will-change: transform;
  border: 1px solid #D2DBEA;
}
.certificates__card:hover {
  color: #CC2E27;
}
.certificates__card:hover .certificates__card-image img {
  filter: grayscale(0%);
}
.certificates__card:hover .certificates__card-image svg {
  transform: scale(1);
}
.certificates__card-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 290/356;
  position: relative;
}
.certificates__card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(100%);
  transition: 0.25s;
}
.certificates__card-image svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 50;
  width: 4.8rem;
  height: 4.8rem;
  margin: -2.4rem 0 0 -2.4rem;
  transition: 0.25s;
  transform: scale(0);
}
@media (min-width: 1200px) {
  .certificates__card-image {
    aspect-ratio: 332/440;
  }
  .certificates__card-image svg {
    width: 6.4rem;
    height: 6.4rem;
    margin: -3.2rem 0 0 -3.2rem;
  }
}

.certificates__card-desc {
  position: relative;
  z-index: 100;
  padding: 1.6rem;
  overflow: hidden;
  flex: 1;
}
@media (min-width: 1200px) {
  .certificates__card-desc {
    padding: 2.8rem;
  }
}

.certificates__card-title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .certificates__card-title {
    font-size: 2.2rem;
  }
}

.favorites {
  margin: 0 0 6rem;
  overflow: visible;
  overflow: initial;
}
@media (min-width: 1200px) {
  .favorites {
    margin: 0 0 12rem;
  }
}

.favorites__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .favorites__title {
    font-size: 7rem;
    max-width: 164rem;
    margin: 0 0 6rem;
  }
}

.favorites__menu {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .favorites__menu {
    margin: 0 0 6rem;
  }
}

.favorites__menu-link {
  display: flex;
  align-items: center;
  height: 4rem;
  position: relative;
  cursor: pointer;
  color: #A5AEBE;
  transition: 0.25s;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.favorites__menu-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid #D2DBEA;
  transition: 0.25s;
}
.favorites__menu-link:hover {
  color: #CC2E27;
}
.favorites__menu-link.is-active {
  color: #CC2E27;
}
.favorites__menu-link.is-active:after {
  border-color: #CC2E27;
}
@media (min-width: 1200px) {
  .favorites__menu-link {
    font-size: 2.2rem;
    height: 4.8rem;
  }
}

.favorites__tags {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .favorites__tags {
    margin: 0 0 6rem;
  }
}

.favorites__topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .favorites__topbar {
    margin: 0 0 6rem;
  }
}

.favorites__grid {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.favorites__grid > li {
  min-width: 0;
}
.favorites__grid.--tile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3.2rem 1.6rem;
  gap: 3.2rem 1.6rem;
}
@media (min-width: 768px) {
  .favorites__grid.--tile {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .favorites__grid.--tile {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .favorites__grid.--tile {
    grid-template-columns: repeat(5, 1fr);
    gap: 3.2rem;
  }
}
.favorites__grid.--list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 4rem 0;
  gap: 4rem 0;
}
@media (min-width: 1200px) {
  .favorites__grid.--list {
    gap: 6rem 0;
  }
}
.favorites__grid.--academy {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 4rem 1.6rem;
  gap: 4rem 1.6rem;
}
@media (min-width: 768px) {
  .favorites__grid.--academy {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .favorites__grid.--academy {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .favorites__grid.--academy {
    grid-template-columns: repeat(4, 1fr);
    gap: 3.2rem;
  }
}
.favorites__grid .ui-card-list__title,
.favorites__grid .ui-card-list__text {
  max-width: none;
}
@media (min-width: 1200px) {
  .favorites__grid {
    margin: 0 0 6rem;
  }
}

.favorites__empty {
  display: block;
  margin: 0;
  position: relative;
}
@media (min-width: 1200px) {
  .favorites__empty:hover .favorites__empty-anim {
    opacity: 1;
    visibility: visible;
  }
}

.favorites__empty-text {
  position: relative;
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.favorites__empty-text svg {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
}
@media (min-width: 1200px) {
  .favorites__empty-text {
    font-size: 1.8rem;
  }
  .favorites__empty-text svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.favorites__empty-anim {
  margin: 0;
  position: absolute;
  left: 0;
  bottom: 100%;
  z-index: 2500;
  width: 38.4rem;
  height: 38.4rem;
  border-radius: 2rem;
  overflow: hidden;
  margin: 0 0 2rem;
  pointer-events: none;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.favorites__empty-anim:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(79, 78, 98, 0.4);
  z-index: 1;
}
.favorites__empty-anim svg {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  transform-box: fill-box;
}
.favorites__empty-anim.is-anim-01 .favorites__empty-anim-card--01 {
  animation-name: animCardZoomIn;
}
.favorites__empty-anim.is-anim-01 .favorites__empty-anim-card--01 .favorites__empty-anim-heart {
  animation-name: animHeartZoomIn;
}
.favorites__empty-anim.is-anim-01 .favorites__empty-anim-cursor {
  animation-name: animCursorZoomIn;
}
.favorites__empty-anim.is-anim-02 .favorites__empty-anim-card--01 .favorites__empty-anim-circle {
  animation-name: animCircleClick;
}
.favorites__empty-anim.is-anim-02 .favorites__empty-anim-card--01 .favorites__empty-anim-heart {
  animation-name: animHeartClick;
}
.favorites__empty-anim.is-anim-03 .favorites__empty-anim-card--01 {
  animation-name: animCardZoomOut;
}
.favorites__empty-anim.is-anim-03 .favorites__empty-anim-cursor {
  animation-name: animCursorZoomOut;
}
.favorites__empty-anim.is-anim-04 .favorites__empty-anim-card--01 {
  animation-name: animCardMoveOut;
}
.favorites__empty-anim.is-anim-04 .favorites__empty-anim-card--01 .favorites__empty-anim-heart {
  animation-name: animHeartOut;
}
.favorites__empty-anim.is-anim-04 .favorites__empty-anim-card--02 {
  animation-name: animCardMoveIn;
}
.favorites__empty-anim.is-anim-05 .favorites__empty-anim-card--02 {
  animation-name: animCardZoomIn;
}
.favorites__empty-anim.is-anim-05 .favorites__empty-anim-card--02 .favorites__empty-anim-heart {
  animation-name: animHeartZoomIn;
}
.favorites__empty-anim.is-anim-05 .favorites__empty-anim-cursor {
  animation-name: animCursorZoomIn;
}
.favorites__empty-anim.is-anim-06 .favorites__empty-anim-card--02 .favorites__empty-anim-circle {
  animation-name: animCircleClick;
}
.favorites__empty-anim.is-anim-06 .favorites__empty-anim-card--02 .favorites__empty-anim-heart {
  animation-name: animHeartClick;
}
.favorites__empty-anim.is-anim-07 .favorites__empty-anim-card--02 {
  animation-name: animCardZoomOut;
}
.favorites__empty-anim.is-anim-07 .favorites__empty-anim-cursor {
  animation-name: animCursorZoomOut;
}
.favorites__empty-anim.is-anim-08 .favorites__empty-anim-card--01 {
  animation-name: animCardMoveIn;
}
.favorites__empty-anim.is-anim-08 .favorites__empty-anim-card--02 {
  animation-name: animCardMoveOut;
}
.favorites__empty-anim.is-anim-08 .favorites__empty-anim-card--02 .favorites__empty-anim-heart {
  animation-name: animHeartOut;
}

.favorites__empty-anim-card {
  transform-origin: 50% 0%;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.favorites__empty-anim-card--01 {
  opacity: 1;
}
.favorites__empty-anim-card--02 {
  opacity: 0;
}

.favorites__empty-anim-cursor {
  transform-origin: 50% 50%;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

.favorites__empty-anim-circle {
  transform-origin: 50% 50%;
  animation-duration: 2s;
  animation-fill-mode: forwards;
  transform-box: fill-box;
  transform: scale(0);
}

.favorites__empty-anim-heart {
  transform-origin: 50% 50%;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes animCardZoomIn {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.333);
    opacity: 1;
  }
}
@keyframes animCursorZoomIn {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(80%, -70%);
  }
}
@keyframes animHeartZoomIn {
  0% {
    stroke: #A5AEBE;
  }
  100% {
    stroke: #CC2E27;
  }
}
@keyframes animCircleClick {
  0%, 100% {
    transform: scale(0);
  }
  66.666% {
    transform: scale(1);
  }
}
@keyframes animHeartClick {
  0% {
    stroke: #CC2E27;
    fill: transparent;
  }
  100% {
    stroke: #CC2E27;
    fill: #CC2E27;
  }
}
@keyframes animCardZoomOut {
  0% {
    transform: scale(1.333);
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes animCursorZoomOut {
  0% {
    transform: translate(80%, -70%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes animHeartOut {
  0%, 100% {
    stroke: #A5AEBE;
    fill: transparent;
  }
}
@keyframes animCardMoveOut {
  0% {
    transform: translate(0%, 0%);
    opacity: 1;
  }
  66%, 100% {
    transform: translate(-100%, 0%);
    opacity: 0;
  }
}
@keyframes animCardMoveIn {
  0% {
    opacity: 0;
  }
  66%, 100% {
    opacity: 1;
  }
}
.read-article {
  overflow: hidden;
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .read-article {
    margin: 0 0 12rem;
    overflow: visible;
    overflow: initial;
  }
}

.read-article__head {
  margin: 0 0 4rem;
}
@media (min-width: 768px) {
  .read-article__head {
    display: grid;
    align-items: start;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title author" "panel panel";
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
  }
}
@media (min-width: 1200px) {
  .read-article__head {
    margin: 0 0 7rem;
  }
}

.read-article__body {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .read-article__body {
    display: grid;
    grid-template-columns: 510fr 1184fr;
    grid-template-areas: "aside main";
    grid-gap: 9.8rem;
    gap: 9.8rem;
    margin: 0 0 8rem;
  }
}

.read-article__foot {
  padding: 3rem 0;
  border-top: 1px solid #D2DBEA;
  border-bottom: 1px solid #D2DBEA;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (min-width: 768px) {
  .read-article__foot {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .read-article__foot {
    padding-left: 60.8rem;
  }
}

.read-article__aside {
  margin: 0 0 4rem;
}
@media (min-width: 768px) {
  .read-article__aside {
    grid-area: aside;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .read-article__aside {
    grid-area: aside;
    min-width: 0;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .read-article__main {
    grid-area: main;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .read-article__main {
    grid-area: main;
    min-width: 0;
  }
}

.read-article__vote {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4rem;
}
.read-article__vote .ui-vote:has(.ui-vote__input:checked) {
  transform: none;
}
.read-article__vote .ui-vote__item {
  width: 2.4rem;
  height: 2.4rem;
}
@media (min-width: 768px) {
  .read-article__vote {
    flex: 1;
  }
}
@media (min-width: 1200px) {
  .read-article__vote {
    font-size: 2.2rem;
    gap: 2.4rem;
  }
  .read-article__vote .ui-vote__stars {
    gap: 0.6rem;
  }
}

.read-article__share {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.4rem;
}
@media (min-width: 1200px) {
  .read-article__share {
    font-size: 2.2rem;
    gap: 2.4rem;
  }
}

.read-article__share-link {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  color: #A5AEBE;
}
.read-article__share-link svg {
  display: block;
  width: 100%;
  height: 100%;
}
.read-article__share-link:hover {
  color: #4F4E62;
}

.read-article__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 768px) {
  .read-article__title {
    grid-area: title;
    max-width: 90%;
  }
}
@media (min-width: 992px) {
  .read-article__title {
    max-width: 80%;
  }
}
@media (min-width: 1200px) {
  .read-article__title {
    margin: 0 0 6rem;
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
    max-width: 126rem;
  }
}

.read-article__author {
  margin: 0 0 4rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media (min-width: 768px) {
  .read-article__author {
    grid-area: author;
  }
}
@media (min-width: 1200px) {
  .read-article__author {
    gap: 2rem;
    margin: 0 0 6rem;
  }
}

.read-article__author-image {
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  background: #EEF3FA;
  overflow: hidden;
}
.read-article__author-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .read-article__author-image {
    width: 8rem;
    height: 8rem;
  }
}

.read-article__author-name {
  display: block;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.read-article__author-name small {
  display: block;
  font-size: 1.4rem;
  color: #A5AEBE;
  margin: 0 0 0.6rem;
}
@media (min-width: 1200px) {
  .read-article__author-name {
    font-size: 2.2rem;
  }
  .read-article__author-name small {
    font-size: 1.8rem;
  }
}

.read-article__panel {
  border-top: 1px solid #D2DBEA;
  border-bottom: 1px solid #D2DBEA;
  padding: 2rem 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
@media (min-width: 768px) {
  .read-article__panel {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    grid-area: panel;
  }
}
@media (min-width: 1200px) {
  .read-article__panel {
    padding: 3rem 0;
  }
}

.read-article__info {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  gap: 0.8rem 3.6rem;
  display: flex;
  flex-wrap: wrap;
}
.read-article__info > li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.read-article__info > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1.8rem;
  width: 0.6rem;
  height: 0.6rem;
  margin: -0.3rem -0.3rem 0 0;
  background: #D2DBEA;
  border-radius: 50%;
}
.read-article__info > li:last-child:after {
  display: none;
}
@media (min-width: 768px) {
  .read-article__info {
    flex: 1;
  }
}
@media (min-width: 1200px) {
  .read-article__info {
    font-size: 2.2rem;
    gap: 0.8rem 5.6rem;
  }
  .read-article__info > li {
    gap: 1rem;
  }
  .read-article__info > li:after {
    width: 0.8rem;
    height: 0.8rem;
    margin: -0.4rem -0.4rem 0 0;
    right: -2.8rem;
  }
}

.read-article__tags {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .read-article__tags {
    gap: 1.6rem;
  }
}

.read-article__tags-link {
  display: flex;
  align-items: center;
  border-radius: 0.6rem;
  min-height: 2.7rem;
  padding: 0.6rem 1rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  background: #EEF3FA;
  color: #6B717B;
}
.read-article__tags-link:hover {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .read-article__tags-link {
    min-height: 3.9rem;
    padding: 0.6rem 1.4rem;
    font-size: 1.8rem;
  }
}

.read-article__image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2rem;
  background: #F3F7FC;
  overflow: hidden;
  margin: 0 0 2rem;
}
.read-article__image img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .read-article__image {
    margin: 0 0 4rem;
  }
}

.read-article__nav {
  border-radius: 2rem;
  background: #F3F7FC;
  padding: 1.8rem;
}
@media (min-width: 1200px) {
  .read-article__nav {
    padding: 3.2rem;
    position: sticky;
    top: 13.2rem;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100svh - 10rem - 6.4rem);
  }
  .read-article__nav::-webkit-scrollbar {
    display: none;
  }
}

.read-article__nav-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.2rem;
  gap: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
.read-article__nav-menu > li {
  min-width: 0;
}
@media (min-width: 1200px) {
  .read-article__nav-menu {
    gap: 2.4rem;
    font-size: 2.2rem;
  }
}

.read-article__nav-link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 0 0 1.6rem;
  color: #6B717B;
}
.read-article__nav-link:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.8;
}
.read-article__nav-link:hover {
  color: #CC2E27;
}
.read-article__nav-link.is-active {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .read-article__nav-link {
    padding: 0 0 0 2.2rem;
  }
  .read-article__nav-link:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.read-article__wysiwyg {
  margin: 0 0 6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.read-article__wysiwyg:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg {
    margin: 0 0 7rem;
    font-size: 2.2rem;
    max-width: 103.2rem;
  }
}
.read-article__wysiwyg > h1, .read-article__wysiwyg > h2, .read-article__wysiwyg > h3, .read-article__wysiwyg > h4, .read-article__wysiwyg > h5, .read-article__wysiwyg > h6 {
  display: block;
  color: #4F4E62;
}
.read-article__wysiwyg > h2 {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > h2 {
    font-size: 5rem;
    margin: 0 0 5rem;
  }
}
.read-article__wysiwyg > h3 {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > h3 {
    font-size: 4rem;
    margin: 0 0 4rem;
  }
}
.read-article__wysiwyg > h4 {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > h4 {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
}
.read-article__wysiwyg > h5 {
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > h5 {
    font-size: 3rem;
    margin: 0 0 5rem;
  }
}
.read-article__wysiwyg > ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.read-article__wysiwyg > ul > li {
  position: relative;
  min-width: 0;
  padding: 0 0 0 1.6rem;
}
.read-article__wysiwyg > ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > ul {
    gap: 2rem;
    margin: 0 0 5rem;
  }
  .read-article__wysiwyg > ul > li {
    padding: 0 0 0 2.4rem;
  }
  .read-article__wysiwyg > ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.read-article__wysiwyg > ol {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
  counter-reset: point;
  font-size: 1.6rem;
}
.read-article__wysiwyg > ol > li {
  position: relative;
  padding: 0 0 0 3.4rem;
}
.read-article__wysiwyg > ol > li:before {
  content: counter(point, decimal-leading-zero);
  counter-increment: point 1;
  position: absolute;
  top: 0;
  left: 0;
  font-weight: 500;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > ol {
    margin: 0 0 5rem;
    gap: 4rem;
    font-size: 2.2rem;
  }
  .read-article__wysiwyg > ol > li {
    padding: 0 0 0 5.2rem;
  }
}
.read-article__wysiwyg b {
  color: #4F4E62;
  font-weight: 500;
}
.read-article__wysiwyg > mark {
  margin: 0 0 6rem;
  padding: 1.8rem;
  display: block;
  border-radius: 1rem;
  background: rgba(249, 227, 231, 0.5);
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A8241E;
}
.read-article__wysiwyg > mark p {
  margin: 0 0 2rem;
}
.read-article__wysiwyg > mark p:last-child {
  margin-bottom: 0;
}
.read-article__wysiwyg > mark a {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  height: 4.2rem;
  border-radius: 1rem;
  padding: 0.8rem 1.6rem;
  background: #fff;
  color: #6B717B;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.read-article__wysiwyg > mark a:hover {
  color: #CC2E27;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > mark {
    margin: 0 0 5rem;
    padding: 2.8rem;
    font-size: 2.2rem;
  }
  .read-article__wysiwyg > mark p {
    margin: 0 0 3rem;
  }
  .read-article__wysiwyg > mark a {
    height: 4.8rem;
    padding: 0 2rem;
    font-size: 1.8rem;
  }
}
.read-article__wysiwyg > blockquote {
  display: block;
  margin: 0 0 6rem;
  border-left: 2px solid #CC2E27;
  padding: 4rem 0 0 2rem;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
.read-article__wysiwyg > blockquote:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 2rem;
  width: 2.4rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='28' viewBox='0 0 31 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 18.5V24C13.5 26.2091 11.7091 28 9.5 28H4C1.79086 28 0 26.2091 0 24V14.5C0 4.12464 4.85912 0.851064 8.76022 0.154843C9.71169 -0.014963 10.5 0.783502 10.5 1.75C10.5 2.7165 9.69512 3.46522 8.77462 3.75984C4.60433 5.09461 3.5 11.2435 3.5 14.5H9.5C11.7091 14.5 13.5 16.2909 13.5 18.5Z' fill='%23CC2E27'/%3E%3Cpath d='M31 18.5V24C31 26.2091 29.2091 28 27 28H21.5C19.2909 28 17.5 26.2091 17.5 24V14.5C17.5 4.12464 22.3591 0.851064 26.2602 0.154843C27.2117 -0.014963 28 0.783502 28 1.75C28 2.7165 27.1951 3.46522 26.2746 3.75984C22.1043 5.09461 21 11.2435 21 14.5H27C29.2091 14.5 31 16.2909 31 18.5Z' fill='%23CC2E27'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
.read-article__wysiwyg > blockquote p {
  margin: 0 0 2rem;
}
.read-article__wysiwyg > blockquote p:last-child {
  margin-bottom: 0;
}
.read-article__wysiwyg > blockquote figure {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.read-article__wysiwyg > blockquote figure img {
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
}
.read-article__wysiwyg > blockquote figure picture {
  display: block;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  margin: 0;
}
.read-article__wysiwyg > blockquote figure picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.read-article__wysiwyg > blockquote figure figcaption {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #4F4E62;
}
.read-article__wysiwyg > blockquote figure small {
  display: block;
  font-size: 1.4rem;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > blockquote {
    border-width: 0.3rem;
    padding: 5.8rem 0 0 3rem;
    font-size: 2.2rem;
  }
  .read-article__wysiwyg > blockquote:before {
    width: 3.2rem;
    height: 2.8rem;
    top: 0;
    left: 3rem;
  }
  .read-article__wysiwyg > blockquote p {
    margin: 0 0 3rem;
  }
  .read-article__wysiwyg > blockquote figure {
    gap: 2rem;
  }
  .read-article__wysiwyg > blockquote picture {
    width: 6rem;
    height: 6rem;
  }
  .read-article__wysiwyg > blockquote figcaption {
    font-size: 1.8rem;
  }
  .read-article__wysiwyg > blockquote small {
    font-size: 1.8rem;
  }
}
.read-article__wysiwyg > p {
  margin: 0 0 1rem;
}
.read-article__wysiwyg > p:last-child {
  margin-bottom: 0;
}
.read-article__wysiwyg > p + h3 {
  margin-top: 4rem;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > p + h3 {
    margin-top: 5rem;
  }
}
.read-article__wysiwyg > p + h1, .read-article__wysiwyg > p + h2, .read-article__wysiwyg > p + h4, .read-article__wysiwyg > p + h5, .read-article__wysiwyg > p + h6 {
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > p + h1, .read-article__wysiwyg > p + h2, .read-article__wysiwyg > p + h4, .read-article__wysiwyg > p + h5, .read-article__wysiwyg > p + h6 {
    margin-top: 5rem;
  }
}
.read-article__wysiwyg > p + blockquote, .read-article__wysiwyg > p + mark {
  margin-top: 3rem;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > p + blockquote, .read-article__wysiwyg > p + mark {
    margin-top: 4rem;
  }
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > p {
    margin: 0 0 1.6rem;
  }
}
.read-article__wysiwyg > a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #cc2e27;
  color: var(--color-red);
}
.read-article__wysiwyg > a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #a8241e;
  color: var(--color-red-hover);
}
.read-article__wysiwyg > figure, .read-article__wysiwyg > figure > img, .read-article__wysiwyg > picture, .read-article__wysiwyg > img, .read-article__wysiwyg > p > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 2rem;
  overflow: hidden;
  margin: 6rem 0;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > figure, .read-article__wysiwyg > figure > img, .read-article__wysiwyg > picture, .read-article__wysiwyg > img, .read-article__wysiwyg > p > img {
    margin: 7rem 0;
  }
}
.read-article__wysiwyg > p > img, .read-article__wysiwyg > figure > img {
  margin: 0;
}
.read-article__wysiwyg > figure > figcaption {
  padding: 0.8rem 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #4F4E62;
  clear: both;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > figure > figcaption {
    font-size: 1.8rem;
  }
}
.read-article__wysiwyg h1,
.read-article__wysiwyg h2,
.read-article__wysiwyg h3,
.read-article__wysiwyg h4,
.read-article__wysiwyg h5,
.read-article__wysiwyg h6 {
  clear: both;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > .align-left, .read-article__wysiwyg > figure[style*="float: left"], .read-article__wysiwyg > img[style*="float: left"] {
    max-width: calc(50% - 1.6rem);
    margin-right: 1.6rem;
    margin-top: 0;
    margin-bottom: 6rem;
    float: left;
  }
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > .align-right, .read-article__wysiwyg > figure[style*="float: right"], .read-article__wysiwyg > img[style*="float: right"] {
    max-width: calc(50% - 1.6rem);
    margin-left: 1.6rem;
    margin-top: 0;
    margin-bottom: 6rem;
    float: right;
  }
}
.read-article__wysiwyg > p:has(img:nth-of-type(2)) {
  clear: both;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3.2rem;
  gap: 3.2rem;
}
.read-article__wysiwyg > hr {
  clear: both;
}
.read-article__wysiwyg > table {
  width: 100%;
  max-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  text-align: left;
  margin: 6rem 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.read-article__wysiwyg > table th, .read-article__wysiwyg > table td {
  padding: 1.6rem;
  width: 18.4rem;
  border-top: 1px solid #D2DBEA;
}
.read-article__wysiwyg > table th:not(:last-of-type), .read-article__wysiwyg > table td:not(:last-of-type) {
  border-right: 1px solid #D2DBEA;
}
.read-article__wysiwyg > table th {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  border-top: none;
}
.read-article__wysiwyg > table td {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.read-article__wysiwyg > table thead tr:last-child th, .read-article__wysiwyg > table thead tr:last-child td {
  border-bottom: 1px solid #D2DBEA;
}
.read-article__wysiwyg > table tbody tr:first-child th, .read-article__wysiwyg > table tbody tr:first-child td {
  border-top: none;
}
@media (min-width: 1200px) {
  .read-article__wysiwyg > table {
    margin: 7rem 0;
  }
  .read-article__wysiwyg > table th, .read-article__wysiwyg > table td {
    padding: 2.8rem;
  }
  .read-article__wysiwyg > table th {
    font-size: 2.2rem;
    white-space: nowrap;
  }
  .read-article__wysiwyg > table td {
    font-size: 1.8rem;
  }
}

.read-article__inject {
  margin: 6rem 0;
}
@media (min-width: 1200px) {
  .read-article__inject {
    margin: 7rem 0;
  }
}

.read-article__gallery .row,
.read-article__images .row {
  gap: 2rem 0;
}
.read-article__gallery figure,
.read-article__images figure {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
}
.read-article__gallery picture,
.read-article__images picture {
  display: block;
  width: 100%;
  height: auto;
  background: #F3F7FC;
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
}
.read-article__gallery img,
.read-article__images img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.read-article__gallery figcaption,
.read-article__images figcaption {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  display: block;
}
@media (min-width: 1200px) {
  .read-article__gallery figure,
  .read-article__images figure {
    gap: 2rem;
  }
  .read-article__gallery figcaption,
  .read-article__images figcaption {
    font-size: 1.8rem;
  }
}

.read-article__gallery picture {
  aspect-ratio: 343/228;
}
@media (min-width: 1200px) {
  .read-article__gallery picture {
    aspect-ratio: 1032/600;
  }
}

.read-article__images picture {
  aspect-ratio: 343/274;
}
@media (min-width: 1200px) {
  .read-article__images picture {
    aspect-ratio: 500/400;
  }
}

.read-article__table table {
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  overflow: hidden;
  text-align: left;
}
.read-article__table table th, .read-article__table table td {
  padding: 1.6rem;
  width: 18.4rem;
  border-top: 1px solid #D2DBEA;
}
.read-article__table table th:not(:last-of-type), .read-article__table table td:not(:last-of-type) {
  border-right: 1px solid #D2DBEA;
}
.read-article__table table th {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  border-top: none;
}
.read-article__table table td {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .read-article__table table {
    border: none;
  }
  .read-article__table table th, .read-article__table table td {
    min-width: 27.2rem;
    width: 27.2rem;
    padding: 2.8rem;
  }
  .read-article__table table th {
    font-size: 2.2rem;
    white-space: nowrap;
  }
  .read-article__table table td {
    font-size: 1.8rem;
  }
}

.read-article__featured-title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .read-article__featured-title {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 500;
    margin: 0 0 3.2rem;
  }
}

.read-article__featured-line {
  display: none;
}
@media (min-width: 1200px) {
  .read-article__featured-line {
    margin: 0 0 3.2rem;
    border: none;
    border-bottom: 1px solid #D2DBEA;
    display: block;
  }
}

.read-article__quiz {
  background: #EEF3FA;
  border-radius: 2rem;
  margin: 0 -1.6rem;
  padding: 2rem 1.6rem 1.6rem;
}
@media (min-width: 1200px) {
  .read-article__quiz {
    margin: 0;
    padding: 3.2rem;
  }
}

.read-article__quiz-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .read-article__quiz-title {
    font-size: 3rem;
    margin: 0 0 1.6rem;
  }
}

.read-article__quiz-text {
  display: block;
  padding: 0 3.2rem 0 0;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .read-article__quiz-text {
    font-size: 1.8rem;
    margin: 0 0 3.2rem;
  }
}

.read-article__quiz-step {
  display: grid;
  align-items: center;
  grid-template-columns: 7rem 1fr auto;
  grid-gap: 3rem 1.6rem;
  gap: 3rem 1.6rem;
  grid-template-areas: "progress progress" "image title" "data data" "control control";
  padding: 0.4rem 0 0 0;
}
@media (min-width: 768px) {
  .read-article__quiz-step {
    display: grid;
    align-items: start;
    grid-template-columns: 7rem 1fr;
    grid-template-areas: "progress progress progress" "image title title" "image data control";
  }
}
@media (min-width: 1200px) {
  .read-article__quiz-step {
    display: grid;
    align-items: start;
    grid-template-columns: 13rem 1fr;
    grid-gap: 3rem 4.2rem;
    gap: 3rem 4.2rem;
    grid-template-areas: "progress progress progress" "image title title" "image data control";
  }
}

.read-article__quiz-step-progress {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 0.4rem;
  background: #fff;
  display: flex;
  position: relative;
  grid-area: progress;
}
.read-article__quiz-step-progress:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #CC2E27;
  margin: -0.4rem 0 0 0;
  z-index: 1;
}
.read-article__quiz-step-progress > li {
  flex: 1;
  text-indent: -999.9rem;
  position: relative;
  background: #CC2E27;
}
.read-article__quiz-step-progress > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #CC2E27;
  margin: -0.4rem 0 0 0;
  z-index: 1;
}
.read-article__quiz-step-progress > li.is-active {
  background: rgba(165, 174, 190, 0.4);
}
.read-article__quiz-step-progress > li.is-active:before {
  background: #fff;
}
.read-article__quiz-step-progress > li.is-active ~ li {
  background: #fff;
}
.read-article__quiz-step-progress > li.is-active ~ li:before {
  background: #fff;
}
@media (min-width: 1200px) {
  .read-article__quiz-step-progress {
    height: 0.4rem;
  }
  .read-article__quiz-step-progress:before {
    width: 1.2rem;
    height: 1.2rem;
    margin: -0.6rem 0 0 0;
  }
  .read-article__quiz-step-progress > li:before {
    width: 1.2rem;
    height: 1.2rem;
    margin: -0.6rem 0 0 0;
  }
}

.read-article__quiz-step-image {
  display: block;
  width: 7rem;
  height: 7rem;
  border-radius: 1rem;
  background: #fff;
  overflow: hidden;
  grid-area: image;
}
.read-article__quiz-step-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .read-article__quiz-step-image {
    width: 13rem;
    height: 13rem;
  }
}

.read-article__quiz-step-title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  color: #6B717B;
  grid-area: title;
}
.read-article__quiz-step-title mark {
  display: block;
  margin: 0 0 0.6rem;
  color: #A5AEBE;
}
@media (min-width: 768px) {
  .read-article__quiz-step-title mark {
    margin: 0;
    display: inline;
  }
}
@media (min-width: 1200px) {
  .read-article__quiz-step-title {
    font-size: 2.2rem;
  }
}

.read-article__quiz-step-data {
  grid-area: data;
}
.read-article__quiz-step-checklist {
  margin: 0 0 -1.2rem;
  padding: 0;
  list-style: none;
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  line-height: 1;
}
.read-article__quiz-step-checklist > li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 0 1.2rem;
}
.read-article__quiz-step-checklist .ui-check {
  gap: 1rem;
}
.read-article__quiz-step-checklist .ui-check__radio,
.read-article__quiz-step-checklist .ui-check__checkbox {
  width: 2rem;
  height: 2rem;
}
.read-article__quiz-step-checklist .ui-check__text {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 0;
}
@media (min-width: 1200px) {
  .read-article__quiz-step-checklist {
    margin: 0 0 -2rem;
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    max-width: 48rem;
  }
  .read-article__quiz-step-checklist > li {
    margin: 0 0 2rem;
  }
  .read-article__quiz-step-checklist .ui-check {
    gap: 1.6rem;
  }
  .read-article__quiz-step-checklist .ui-check__radio,
  .read-article__quiz-step-checklist .ui-check__checkbox {
    width: 2.4rem;
    height: 2.4rem;
  }
  .read-article__quiz-step-checklist .ui-check__text {
    font-size: 1.8rem;
    line-height: 2rem;
    font-weight: 400;
    padding: 2px 0;
  }
}

.read-article__quiz-step-control {
  grid-area: control;
  display: flex;
  gap: 1.6rem;
}
@media (min-width: 768px) {
  .read-article__quiz-step-control {
    align-self: end;
  }
}
@media (min-width: 1200px) {
  .read-article__quiz-step-control {
    align-self: end;
  }
}

.read-article__quiz-step-prev,
.read-article__quiz-step-next {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  min-width: 3.8rem;
  height: 3.8rem;
  border-radius: 1rem;
  padding: 0 1.6rem;
  background: #fff;
  color: #6B717B;
}
.read-article__quiz-step-prev svg,
.read-article__quiz-step-next svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
.read-article__quiz-step-prev:hover,
.read-article__quiz-step-next:hover {
  color: #CC2E27;
}
.read-article__quiz-step-prev:disabled,
.read-article__quiz-step-next:disabled {
  display: none;
}
@media (min-width: 1200px) {
  .read-article__quiz-step-prev,
  .read-article__quiz-step-next {
    min-width: 4.8rem;
    height: 4.8rem;
    padding: 0 2rem;
    font-size: 1.8rem;
  }
  .read-article__quiz-step-prev svg,
  .read-article__quiz-step-next svg {
    width: 2rem;
    height: 2rem;
  }
}

.read-article__quiz-step-prev {
  padding: 0;
}

.read-article__quiz-step-label {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .read-article__quiz-step-label {
    font-size: 1.8rem;
    margin: 0 0 1.2rem;
  }
}

.read-article__quiz-step-send {
  margin: 0 0 3rem;
}
.read-article__quiz-step-send .row {
  margin: 0 -0.8rem -1.6rem;
}
.read-article__quiz-step-send .row > [class^=col] {
  padding: 0 0.8rem 1.6rem;
}
.read-article__quiz-step-send .ui-input {
  height: 5.2rem;
  background-color: rgba(165, 174, 190, 0.1);
}
.read-article__quiz-step-send .ui-btn {
  width: 100%;
  height: 5.2rem;
  font-size: 1.6rem;
}
.read-article__quiz-step-send .ui-share__toggle {
  width: 5.2rem;
  height: 5.2rem;
}
@media (min-width: 1200px) {
  .read-article__quiz-step-send {
    margin: 0 0 2.4rem;
  }
  .read-article__quiz-step-send .row {
    margin: 0 -1rem -2rem;
  }
  .read-article__quiz-step-send .row > [class^=col] {
    padding: 0 1rem 2rem;
  }
  .read-article__quiz-step-send .ui-input,
  .read-article__quiz-step-send .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
  .read-article__quiz-step-send .ui-share__toggle {
    width: 4.8rem;
    height: 4.8rem;
  }
}

.read-article__quiz-step-social {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.read-article__quiz-step-social > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .read-article__quiz-step-social {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .read-article__quiz-step-social {
    margin: 0 0 3.2rem;
    gap: 2rem;
  }
}

.read-article__quiz-step-social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.2rem;
  border-radius: 1rem;
  gap: 1.4rem;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  background: #fff;
  color: #4F4E62;
}
.read-article__quiz-step-social-link svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
}
.read-article__quiz-step-social-link svg rect,
.read-article__quiz-step-social-link svg path {
  transition: 0.25s;
}
.read-article__quiz-step-social-link:hover {
  color: #4F4E62;
}
.read-article__quiz-step-social-link:hover svg.icon-vk rect {
  fill: #0077FF;
}
.read-article__quiz-step-social-link:hover svg.icon-vk path {
  fill: #fff;
}
.read-article__quiz-step-social-link:hover svg.icon-whatsapp rect {
  fill: #1FC640;
}
.read-article__quiz-step-social-link:hover svg.icon-whatsapp path {
  fill: #fff;
}
.read-article__quiz-step-social-link:hover svg.icon-telegram rect {
  fill: #30A4DA;
}
.read-article__quiz-step-social-link:hover svg.icon-telegram path {
  fill: #fff;
}
@media (min-width: 1200px) {
  .read-article__quiz-step-social-link {
    font-size: 1.8rem;
  }
  .read-article__quiz-step-social-link svg {
    width: 3rem;
    height: 3rem;
  }
}

.read-article__quiz-step-reset {
  width: 100%;
  height: 5.2rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .read-article__quiz-step-reset {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .read-article__quiz-step-reset {
    width: auto;
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0 1.8rem;
  }
}

.read-article__subc {
  background: #F3F7FC;
  border-radius: 2rem;
  padding: 2.4rem 1.6rem;
  margin: 0 -1.6rem;
}
@media (min-width: 1200px) {
  .read-article__subc {
    margin: 0;
    padding: 3.2rem;
  }
}

.read-article__subc-title {
  display: block;
  margin: 0 0 3.2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .read-article__subc-title {
    font-size: 3rem;
  }
}

.read-article__subc-form .row {
  align-items: center;
  margin: 0 -1rem -2rem;
}
.read-article__subc-form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.read-article__subc-form .ui-input {
  background-color: rgba(165, 174, 190, 0.1);
  border-color: transparent;
  height: 5.2rem;
}
.read-article__subc-form .ui-input:focus {
  border-color: rgba(165, 174, 190, 0.5);
}
.read-article__subc-form .choices {
  background-color: rgba(165, 174, 190, 0.1);
  border-color: transparent;
  height: 5.2rem;
}
.read-article__subc-form .choices.is-focused {
  border-color: rgba(165, 174, 190, 0.5);
}
.read-article__subc-form .choices > .choices__inner > .choices__arrow {
  color: #A5AEBE;
}
.read-article__subc-form .choices > .choices__list--dropdown {
  border-color: #EEF3FA;
  background-color: #EEF3FA;
}
.read-article__subc-form .ui-checklist {
  padding: 1.2rem 0;
}
.read-article__subc-form .ui-check__input:checked ~ .ui-check__checkbox {
  background: #A5AEBE;
  border-color: transparent;
  color: #fff;
}
.read-article__subc-form .ui-check__input:checked ~ .ui-check__checkbox:after {
  opacity: 1;
}
.read-article__subc-form .ui-check__checkbox {
  background: rgba(165, 174, 190, 0.2);
  color: #A5AEBE;
  border-color: transparent;
}
.read-article__subc-form .ui-check__text {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 2px 0;
  color: #828B9B;
}
.read-article__subc-form .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .read-article__subc-form .ui-checklist {
    display: grid;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .read-article__subc-form .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .read-article__subc-form .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
  .read-article__subc-form .ui-input,
  .read-article__subc-form .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0 2.4rem;
  }
  .read-article__subc-form .choices {
    height: 4.8rem;
  }
  .read-article__subc-form .ui-check__text {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 0.3rem 0;
  }
  .read-article__subc-form .ui-checklist {
    padding: 0;
    gap: 3.2rem;
  }
  .read-article__subc-form .ui-checklist > li {
    flex: 0 0 auto;
    max-width: 31rem;
  }
}

.read {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .read {
    margin: 0 0 12rem;
  }
}

.read__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .read__title {
    margin: 0 0 7rem;
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
  }
}

.read__filter {
  margin: 0 0 4rem;
}
.read__filter .ui-title {
  display: block;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
.read__filter .row {
  gap: 2rem 0;
  align-items: center;
}
.read__filter .choices .choices__list--dropdown {
  border-color: #EEF3FA;
  background-color: #EEF3FA;
}
@media (min-width: 1200px) {
  .read__filter {
    margin: 0 0 5.4rem;
  }
  .read__filter .row {
    margin: 0 -1.6rem;
  }
  .read__filter .row > [class^=col] {
    padding: 0 1.6rem;
  }
  .read__filter .ui-title {
    font-size: 3rem;
  }
  .read__filter .choices {
    height: 5.2rem;
  }
}

.read__tags {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .read__tags {
    margin: 0 0 6rem;
  }
}

.read__tags-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 3.4rem;
  padding: 0 1.4rem;
  border-radius: 4rem;
  transition: 0.25s;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  background: #F3F7FC;
  color: #4F4E62;
}
.read__tags-btn svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
.read__tags-btn:hover {
  background: #F9E3E7;
  color: #CC2E27;
}
.read__tags-btn:has(svg) {
  background: rgba(210, 219, 234, 0.6);
  color: #4F4E62;
}
.read__tags-btn:has(svg):hover {
  background: #d2dbea;
  color: #4F4E62;
}
.read__tags-btn.is-active {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .read__tags-btn {
    font-size: 2.2rem;
    padding: 0 2.8rem;
    height: 5.6rem;
    gap: 1.6rem;
  }
  .read__tags-btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.read__count {
  margin: 0 0 4rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .read__count {
    margin: 0 0 6rem;
    font-size: 1.8rem;
  }
}

.read__list {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.read__list > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .read__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .read__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .read__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 3.2rem;
    margin: 0 0 4rem;
  }
}

.request {
  overflow: visible;
  overflow: initial;
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .request {
    margin: 0 0 12rem;
  }
}

.request__wrapper {
  margin: 0 -1.6rem;
  padding: 2.4rem 1.6rem;
  border-radius: 2rem;
  background: #828B9B;
  color: #fff;
}
@media (min-width: 1200px) {
  .request__wrapper {
    margin: 0;
    padding: 7rem;
  }
}

.request__desc {
  margin: 0 0 3.2rem;
}
@media (min-width: 1200px) {
  .request__desc {
    margin: 0;
    max-width: 42rem;
  }
}

.request__title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .request__title {
    margin: 0 0 3rem;
    font-size: 3rem;
  }
}

.request__text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .request__text {
    font-size: 1.8rem;
    max-width: 34rem;
  }
}

.request__form .row {
  align-items: center;
  margin: 0 -1rem -2rem;
}
.request__form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.request__form .form-response-success,
.request__form .form-response-error,
.request__form .ui-validate {
  color: #fff;
}
.request__form .ui-input {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: #fff;
  height: 5.2rem;
}
.request__form .ui-input::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.request__form .ui-input::placeholder {
  color: #fff;
  opacity: 0.7;
}
.request__form .ui-input:focus {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.request__form .ui-input.is-error {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.request__form .ui-input.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.request__form .choices {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: #fff;
}
.request__form .choices.is-focused {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.request__form .choices > .choices__inner > .choices__arrow {
  color: #fff;
}
.request__form .choices > .choices__inner > .choices__input {
  color: #fff;
}
.request__form .choices > .choices__inner > .choices__input::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.request__form .choices > .choices__inner > .choices__input::placeholder {
  color: #fff;
  opacity: 0.7;
}
.request__form .choices > .choices__list--dropdown {
  border-color: #EEF3FA;
  background-color: #EEF3FA;
}
.request__form .ui-checklist {
  padding: 1.2rem 0;
}
.request__form .ui-check__input:checked ~ .ui-check__checkbox {
  background: #fff;
  border-color: #fff;
  color: #CC2E27;
}
.request__form .ui-check__input:checked ~ .ui-check__checkbox:after {
  opacity: 1;
}
.request__form .ui-check__checkbox {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-color: transparent;
}
.request__form .ui-check__text {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 2px 0;
}
.request__form .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .request__form .ui-checklist {
    display: grid;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .request__form .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .request__form .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
  .request__form .ui-input,
  .request__form .ui-textarea,
  .request__form .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1.6rem 2.4rem;
  }
  .request__form .ui-btn {
    font-weight: 500;
  }
  .request__form .ui-check__text {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 0.3rem 0;
  }
  .request__form .ui-checklist {
    padding: 0;
    gap: 3.2rem;
  }
  .request__form .ui-checklist > li {
    flex: 0 0 auto;
    max-width: 31rem;
  }
}

.txt {
  margin: 0 0 6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.txt .row {
  gap: 2rem 0;
}
.txt h1,
.txt h2,
.txt h3 {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
.txt h1:last-child,
.txt h2:last-child,
.txt h3:last-child {
  margin: 0;
}
.txt p {
  margin: 0 0 1rem;
}
.txt p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .txt {
    margin: 0 0 12rem;
    font-size: 1.8rem;
  }
  .txt h1,
  .txt h2,
  .txt h3 {
    font-size: 3rem;
  }
  .txt p {
    margin: 0 0 2rem;
  }
}

.similar {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .similar {
    margin: 0 0 12rem;
  }
}

.similar__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .similar__title {
    margin: 0 0 5rem;
    font-size: 4rem;
  }
}

.similar__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.similar__list > li {
  min-width: 0;
}
.similar__list > li:nth-of-type(3) ~ li {
  display: none;
}
@media (min-width: 768px) {
  .similar__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .similar__list > li:nth-of-type(3) ~ li {
    display: block;
  }
}
@media (min-width: 992px) {
  .similar__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .similar__list {
    gap: 3.2rem;
    grid-template-columns: repeat(4, 1fr);
  }
}

:has(.conditions) .header {
  margin: 0;
}

.conditions {
  padding: 3.2rem 0 4rem;
  margin: 0 0 6rem;
  background: #EEF3FA;
}
@media (min-width: 1200px) {
  .conditions {
    padding: 10rem 0;
    margin: 0 0 12rem;
  }
}

.conditions__anim {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 742/418;
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .conditions__anim {
    margin: 0 0 7.4rem;
  }
}

.conditions__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  will-change: transform;
}
.conditions__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.conditions__image:nth-of-type(1) {
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 100% 65%, 0 65%);
}
.conditions__image:nth-of-type(2) {
  z-index: 1;
  background: #A5AEBE;
}
.conditions__image:nth-of-type(2):after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/mask-conditions.svg) 50% 50% no-repeat;
  background-size: contain;
  animation: conditions 3s linear infinite;
  box-shadow: 0 0 0 6.4rem #EEF3FA, inset 0 0 0 2px #EEF3FA;
  z-index: 2;
}

@keyframes conditions {
  0%, 100% {
    transform: scale(1.05);
  }
  50% {
    transform: scale(1);
  }
}
.conditions__desc {
  margin: 0 0 4rem;
}
@media (min-width: 992px) {
  .conditions__desc {
    max-width: 80%;
  }
}
@media (min-width: 1200px) {
  .conditions__desc {
    margin: 0 0 7.4rem 3.2rem;
    max-width: 79.2rem;
  }
}

.conditions__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .conditions__title {
    margin: 0 0 4rem;
    font-size: 7rem;
  }
}

.conditions__wysiwyg {
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.conditions__wysiwyg p {
  margin: 0 0 1rem;
}
.conditions__wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .conditions__wysiwyg {
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 500;
    margin: 0 0 6rem;
  }
}

.conditions__btn {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .conditions__btn {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .conditions__btn {
    width: auto;
    height: 6rem;
    font-size: 1.8rem;
    padding: 0 3rem;
  }
}

.conditions__card {
  background: #fff;
  border-radius: 2rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.8rem;
}
@media (min-width: 1200px) {
  .conditions__card {
    padding: 2.8rem;
  }
}

.conditions__card-icon {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0 0 3rem;
}
.conditions__card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .conditions__card-icon {
    width: 4rem;
    height: 4rem;
  }
}

.conditions__card-text {
  display: block;
  margin: auto 0 0 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .conditions__card-text {
    font-size: 1.8rem;
  }
}

.join {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .join {
    margin: 0 0 12rem;
  }
}

.join__title {
  display: block;
  margin: 0 0 3.4rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 1200px) {
  .join__title {
    margin: 0 0 7rem;
    font-size: 5rem;
  }
}

@keyframes join_01_01 {
  0%, 100% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(15%, -2%) rotate(-0.1turn);
  }
}
@keyframes join_01_02 {
  0%, 100% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-20%, 0%) rotate(-0.1turn);
  }
}
@keyframes join_02_01 {
  0%, 100% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-5%, 10%) rotate(-0.05turn);
  }
}
@keyframes join_02_02 {
  0%, 100% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(-7.5%, 10%) rotate(-0.1turn);
  }
}
@keyframes join_03_01 {
  0%, 100% {
    transform: translate(0) rotate(0);
  }
  50% {
    transform: translate(1.25%, -2.5%) rotate(0turn);
  }
}
.join__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 3.4rem 0;
}
.join__list > li {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.join__list > li:nth-of-type(1) .join__card-image:nth-of-type(2) {
  animation: join_01_01 2s infinite;
  transform-origin: 65% 40%;
}
.join__list > li:nth-of-type(1) .join__card-image:nth-of-type(3) {
  animation: join_01_02 2s infinite;
  transform-origin: 80% 25%;
}
.join__list > li:nth-of-type(2) .join__card-image:nth-of-type(2) {
  animation: join_02_01 2s infinite;
  transform-origin: 25% 30%;
}
.join__list > li:nth-of-type(2) .join__card-image:nth-of-type(3) {
  animation: join_02_02 2s infinite;
  transform-origin: 75% 25%;
}
.join__list > li:nth-of-type(3) .join__card-image:nth-of-type(3) {
  animation: join_03_01 2s infinite;
}
@media (min-width: 768px) {
  .join__list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.2rem 0;
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }
  .join__list > li {
    padding: 0 1.6rem;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (min-width: 1200px) {
  .join__list > li {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}

.join__card {
  overflow: hidden;
  border-radius: 2rem;
  position: relative;
  flex: 1;
  min-height: 14rem;
  padding: 3.2rem 0 0 0;
  margin: -3.2rem 0 0 0;
  display: flex;
}
@media (min-width: 1200px) {
  .join__card {
    padding: 5.6rem 0 0 0;
    margin: -5.6rem 0 0 0;
    min-height: 22.6rem;
  }
}

.join__card-wysiwyg {
  background: #F3F7FC;
  border-radius: 2rem;
  padding: 1.8rem 18rem 1.8rem 1.8rem;
  flex: 1;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.join__card-wysiwyg p {
  margin: 0 0 1rem;
}
.join__card-wysiwyg p:last-child {
  margin: 0;
}
.join__card-wysiwyg:after {
  content: "";
  display: block;
  position: absolute;
  top: -3.2rem;
  right: -1.8rem;
  width: 17rem;
  height: 17rem;
  background: #CC2E27;
  border-radius: 50%;
  z-index: -1;
}
@media (min-width: 1200px) {
  .join__card-wysiwyg {
    padding: 2.8rem 29.6rem 2.8rem 2.8rem;
    font-size: 2.2rem;
  }
  .join__card-wysiwyg:after {
    width: 28.4rem;
    height: 28.4rem;
    top: -5.6rem;
    right: -4rem;
  }
}

.join__card-anim {
  position: absolute;
  top: 0;
  right: -1.8rem;
  z-index: 2;
  width: 17rem;
  height: 17rem;
  margin: 0;
}
@media (min-width: 1200px) {
  .join__card-anim {
    right: -4rem;
    width: 28.4rem;
    height: 28.4rem;
  }
}

.join__card-image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.join__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

@keyframes obtain_number {
  0%, 100% {
    background-color: #A5AEBE;
  }
  25%, 75% {
    background-color: #CC2E27;
  }
}
@keyframes obtain_image {
  0%, 100% {
    transform: scale(1);
  }
  25%, 75% {
    transform: scale(1.1);
  }
}
.obtain {
  margin: 0 0 6rem;
  text-align: center;
}
.obtain.aos-animate .obtain__card-image img {
  animation: obtain_image 2s linear forwards;
}
.obtain.aos-animate .obtain__card-number {
  animation: obtain_number 2s linear forwards;
}
.obtain.aos-animate .obtain__list > li:nth-of-type(1) .obtain__card-image img,
.obtain.aos-animate .obtain__list > li:nth-of-type(1) .obtain__card-number {
  animation-delay: 0s;
}
.obtain.aos-animate .obtain__list > li:nth-of-type(2) .obtain__card-image img,
.obtain.aos-animate .obtain__list > li:nth-of-type(2) .obtain__card-number {
  animation-delay: 2s;
}
.obtain.aos-animate .obtain__list > li:nth-of-type(3) .obtain__card-image img,
.obtain.aos-animate .obtain__list > li:nth-of-type(3) .obtain__card-number {
  animation-delay: 4s;
}
.obtain.aos-animate .obtain__list > li:nth-of-type(4) .obtain__card-image img,
.obtain.aos-animate .obtain__list > li:nth-of-type(4) .obtain__card-number {
  animation-delay: 6s;
}
@media (min-width: 1200px) {
  .obtain {
    margin: 0 0 12rem;
  }
}

.obtain__wrapper {
  background: #F3F7FC;
  border-radius: 2rem;
  padding: 3.2rem 1.6rem 1.6rem;
  margin: 0 -1.6rem;
}
@media (min-width: 1200px) {
  .obtain__wrapper {
    margin: 0;
    padding: 8rem 3.2rem 10rem 6.8rem;
  }
}

.obtain__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .obtain__title {
    margin: 0 0 8rem;
    font-size: 5rem;
  }
}

.obtain__list {
  margin: 0 0 6rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 6rem;
  gap: 6rem;
}
.obtain__list > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .obtain__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .obtain__list {
    grid-template-columns: 290fr 452fr 290fr 356fr;
    gap: 8.5rem;
    margin: 0 0 9rem;
  }
  .obtain__list > li {
    position: relative;
  }
  .obtain__list > li:after {
    content: "";
    display: block;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  .obtain__list > li:nth-of-type(1):after, .obtain__list > li:nth-of-type(3):after {
    width: 15.8rem;
    height: 8.8rem;
    background-image: url("data:image/svg+xml,%3Csvg width='157' height='88' viewBox='0 0 157 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M155.494 16.4766C154.946 16.5414 154.449 16.1493 154.384 15.6008L152.859 2.69177L139.809 4.23339C139.261 4.29818 138.764 3.90609 138.699 3.35761C138.634 2.80914 139.026 2.31199 139.575 2.2472L153.569 0.594026C153.585 0.591332 153.601 0.589014 153.617 0.587081C153.827 0.562318 154.029 0.604288 154.202 0.696216C154.484 0.844578 154.689 1.12423 154.73 1.46383C154.732 1.48354 154.734 1.50318 154.735 1.52274L156.37 15.3662C156.435 15.9146 156.043 16.4118 155.494 16.4766ZM146.339 10.2391C146.68 9.80426 147.308 9.72783 147.743 10.0684C148.178 10.4089 148.254 11.0374 147.914 11.4722C147.281 12.2799 146.647 13.0833 146.01 13.8822C145.666 14.3142 145.037 14.3855 144.605 14.0414C144.173 13.6973 144.102 13.0681 144.446 12.6361C145.079 11.8416 145.71 11.0426 146.339 10.2391ZM140.606 17.3708C140.958 16.945 141.588 16.885 142.014 17.2368C142.44 17.5886 142.5 18.2189 142.148 18.6447C140.841 20.2271 139.524 21.7904 138.195 23.3336C137.835 23.7522 137.204 23.7995 136.785 23.4393C136.367 23.079 136.319 22.4476 136.68 22.029C137.998 20.4964 139.307 18.9434 140.606 17.3708ZM132.654 26.6048C133.023 26.1943 133.656 26.161 134.066 26.5305C134.477 26.9 134.51 27.5322 134.14 27.9427C132.766 29.4696 131.379 30.9747 129.978 32.4573C129.598 32.8587 128.965 32.8765 128.564 32.4971C128.163 32.1177 128.145 31.4848 128.524 31.0834C129.914 29.6132 131.29 28.12 132.654 26.6048ZM124.284 35.4524C124.674 35.0613 125.307 35.0604 125.698 35.4504C126.089 35.8403 126.09 36.4735 125.7 36.8646C124.251 38.3182 122.785 39.7478 121.302 41.1522C120.9 41.5319 120.268 41.5145 119.888 41.1135C119.508 40.7124 119.526 40.0794 119.927 39.6998C121.396 38.309 122.848 36.8929 124.284 35.4524ZM115.445 43.8135C115.858 43.4465 116.49 43.4835 116.857 43.8961C117.224 44.3088 117.187 44.9409 116.775 45.3079C115.241 46.6716 113.688 48.0089 112.114 49.3186C111.69 49.6719 111.059 49.614 110.706 49.1895C110.353 48.7649 110.411 48.1344 110.835 47.7812C112.392 46.4859 113.928 45.1631 115.445 43.8135ZM106.095 51.588C106.531 51.2498 107.16 51.3296 107.498 51.7663C107.836 52.2029 107.756 52.831 107.319 53.1692C105.699 54.424 104.056 55.6501 102.389 56.8468C101.94 57.1687 101.315 57.066 100.993 56.6172C100.671 56.1685 100.774 55.5438 101.223 55.2218C102.87 54.0397 104.494 52.8281 106.095 51.588ZM96.2182 58.671C96.6789 58.3664 97.2993 58.4928 97.604 58.9534C97.9086 59.4141 97.7822 60.0345 97.3215 60.3392C95.6158 61.4674 93.8843 62.5654 92.1254 63.6323C91.6532 63.9187 91.0382 63.7681 90.7518 63.2959C90.4653 62.8237 90.6159 62.2087 91.0882 61.9223C92.8244 60.8691 94.5339 59.7851 96.2182 58.671ZM85.8338 64.9681C86.3171 64.7007 86.9256 64.8757 87.193 65.359C87.4603 65.8422 87.2853 66.4507 86.8021 66.7181C85.0156 67.7065 83.2013 68.6636 81.3575 69.5887C80.8638 69.8364 80.2629 69.637 80.0152 69.1434C79.7675 68.6497 79.9669 68.0488 80.4606 67.8011C82.2801 66.8882 84.0707 65.9435 85.8338 64.9681ZM74.9752 70.416C75.4784 70.1884 76.0708 70.4119 76.2984 70.9151C76.5259 71.4184 76.3024 72.0108 75.7992 72.2383C73.9423 73.078 72.056 73.8862 70.139 74.662C69.6271 74.8692 69.0441 74.6222 68.8369 74.1102C68.6297 73.5983 68.8767 73.0153 69.3887 72.8081C71.2808 72.0423 73.1425 71.2446 74.9752 70.416ZM63.7176 74.974C64.2373 74.7871 64.8101 75.0569 64.9969 75.5766C65.1838 76.0963 64.914 76.6691 64.3943 76.856C62.4825 77.5435 60.5408 78.1999 58.568 78.8247C58.0415 78.9914 57.4795 78.6998 57.3127 78.1732C57.146 77.6467 57.4377 77.0847 57.9642 76.918C59.9126 76.301 61.83 75.6527 63.7176 74.974ZM52.1387 78.6431C52.6711 78.4962 53.2218 78.8086 53.3687 79.341C53.5157 79.8734 53.2032 80.4241 52.6709 80.571C50.7153 81.1108 48.73 81.6206 46.7137 82.0997C46.1764 82.2274 45.6373 81.8953 45.5096 81.358C45.382 80.8207 45.714 80.2816 46.2513 80.1539C48.2444 79.6803 50.2065 79.1765 52.1387 78.6431ZM40.3122 81.4565C40.8536 81.3474 41.3809 81.6979 41.4899 82.2393C41.599 82.7807 41.2485 83.308 40.7071 83.4171C38.7211 83.8171 36.7059 84.1884 34.6606 84.5306C34.1159 84.6217 33.6004 84.254 33.5093 83.7093C33.4182 83.1645 33.7859 82.6491 34.3306 82.558C36.3545 82.2194 38.348 81.852 40.3122 81.4565ZM28.3154 83.4666C28.8627 83.3926 29.3664 83.7763 29.4403 84.3236C29.5143 84.8709 29.1306 85.3746 28.5833 85.4486C26.5783 85.7196 24.5452 85.9636 22.483 86.1801C21.9337 86.2377 21.4417 85.8392 21.3841 85.29C21.3264 84.7407 21.7249 84.2487 22.2742 84.191C24.3169 83.9766 26.3304 83.7349 28.3154 83.4666ZM16.2137 84.7403C16.7643 84.6981 17.2449 85.1104 17.2871 85.661C17.3293 86.2117 16.9171 86.6923 16.3664 86.7345C14.3511 86.8888 12.3089 87.0179 10.239 87.1212C9.6874 87.1487 9.21792 86.7239 9.1904 86.1723C9.16287 85.6207 9.58771 85.1512 10.1393 85.1237C12.1918 85.0212 14.2163 84.8933 16.2137 84.7403ZM4.05543 85.3502C4.60755 85.3365 5.06622 85.7729 5.07992 86.3251C5.09361 86.8772 4.65714 87.3358 4.10502 87.3495C3.08086 87.3749 2.05013 87.3943 1.01272 87.4074C0.460479 87.4145 0.00710378 86.9725 8.25092e-05 86.4202C-0.00693879 85.868 0.435044 85.4146 0.987288 85.4076C2.01671 85.3945 3.0394 85.3754 4.05543 85.3502Z' fill='%23A5AEBE'/%3E%3C/svg%3E%0A");
    top: 50%;
    right: -15.8rem;
    margin: -2.8rem 0 0 0;
  }
  .obtain__list > li:nth-of-type(2):after {
    width: 15.8rem;
    height: 8.8rem;
    background-image: url("data:image/svg+xml,%3Csvg width='157' height='88' viewBox='0 0 157 88' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M146.339 78.0239C146.68 78.4587 147.308 78.5352 147.743 78.1946C148.178 77.8541 148.254 77.2256 147.914 76.7908C147.281 75.9831 146.647 75.1797 146.01 74.3808C145.666 73.9488 145.037 73.8775 144.605 74.2216C144.173 74.5657 144.102 75.1949 144.446 75.6269C145.079 76.4214 145.71 77.2204 146.339 78.0239ZM140.606 70.8923C140.958 71.318 141.588 71.378 142.014 71.0262C142.44 70.6744 142.5 70.0441 142.148 69.6183C140.841 68.0359 139.524 66.4726 138.195 64.9294C137.835 64.5108 137.204 64.4635 136.785 64.8237C136.367 65.184 136.319 65.8154 136.68 66.234C137.998 67.7666 139.307 69.3196 140.606 70.8923ZM132.654 61.6582C133.023 62.0687 133.656 62.102 134.066 61.7325C134.477 61.363 134.51 60.7308 134.14 60.3203C132.766 58.7934 131.379 57.2883 129.978 55.8057C129.598 55.4043 128.965 55.3865 128.564 55.7659C128.163 56.1453 128.145 56.7782 128.524 57.1796C129.914 58.6498 131.29 60.143 132.654 61.6582ZM124.284 52.8106C124.674 53.2017 125.307 53.2026 125.698 52.8126C126.089 52.4227 126.09 51.7895 125.7 51.3984C124.251 49.9448 122.785 48.5152 121.302 47.1108C120.9 46.7311 120.268 46.7485 119.888 47.1495C119.508 47.5506 119.526 48.1836 119.927 48.5632C121.396 49.954 122.848 51.3701 124.284 52.8106ZM115.445 44.4495C115.858 44.8165 116.49 44.7795 116.857 44.3669C117.224 43.9542 117.187 43.3221 116.775 42.9551C115.241 41.5914 113.688 40.2541 112.114 38.9444C111.69 38.5911 111.059 38.649 110.706 39.0735C110.353 39.4981 110.411 40.1286 110.835 40.4818C112.392 41.7771 113.928 43.0999 115.445 44.4495ZM106.095 36.675C106.531 37.0132 107.16 36.9334 107.498 36.4967C107.836 36.0601 107.756 35.432 107.319 35.0938C105.699 33.839 104.056 32.6129 102.389 31.4162C101.94 31.0943 101.315 31.197 100.993 31.6458C100.671 32.0945 100.774 32.7192 101.223 33.0412C102.87 34.2233 104.494 35.4349 106.095 36.675ZM96.2182 29.592C96.6789 29.8966 97.2993 29.7702 97.604 29.3095C97.9086 28.8489 97.7822 28.2285 97.3215 27.9238C95.6158 26.7956 93.8843 25.6976 92.1254 24.6307C91.6532 24.3443 91.0382 24.4949 90.7518 24.9671C90.4653 25.4393 90.6159 26.0543 91.0882 26.3407C92.8244 27.3939 94.5339 28.4779 96.2182 29.592ZM85.8338 23.2949C86.3171 23.5623 86.9256 23.3873 87.193 22.904C87.4603 22.4208 87.2853 21.8123 86.8021 21.5449C85.0156 20.5565 83.2013 19.5994 81.3575 18.6743C80.8638 18.4266 80.2629 18.626 80.0152 19.1196C79.7675 19.6133 79.9669 20.2142 80.4606 20.4619C82.2801 21.3748 84.0707 22.3195 85.8338 23.2949ZM74.9752 17.847C75.4784 18.0746 76.0708 17.8511 76.2984 17.3479C76.5259 16.8446 76.3024 16.2522 75.7992 16.0247C73.9423 15.185 72.056 14.3768 70.139 13.601C69.6271 13.3938 69.0441 13.6408 68.8369 14.1528C68.6297 14.6647 68.8767 15.2477 69.3887 15.4549C71.2808 16.2207 73.1425 17.0184 74.9752 17.847ZM63.7176 13.289C64.2373 13.4759 64.8101 13.2061 64.9969 12.6864C65.1838 12.1667 64.914 11.5939 64.3943 11.407C62.4825 10.7195 60.5408 10.0631 58.568 9.43832C58.0415 9.27158 57.4795 9.56324 57.3127 10.0898C57.146 10.6163 57.4377 11.1783 57.9642 11.345C59.9126 11.962 61.83 12.6103 63.7176 13.289ZM52.1387 9.61989C52.6711 9.76684 53.2218 9.4544 53.3687 8.92202C53.5157 8.38965 53.2032 7.83894 52.6709 7.69199C50.7153 7.15218 48.73 6.64239 46.7137 6.16327C46.1764 6.03559 45.6373 6.36766 45.5096 6.90499C45.382 7.44231 45.714 7.9814 46.2513 8.10909C48.2444 8.5827 50.2065 9.08653 52.1387 9.61989ZM40.3122 6.80654C40.8536 6.91559 41.3809 6.56508 41.4899 6.02367C41.599 5.48225 41.2485 4.95496 40.7071 4.84591C38.7211 4.44593 36.7059 4.07458 34.6606 3.73244C34.1159 3.64132 33.6004 4.00903 33.5093 4.55374C33.4182 5.09846 33.7859 5.61391 34.3306 5.70503C36.3545 6.04358 38.348 6.41096 40.3122 6.80654ZM28.3154 4.79642C28.8627 4.8704 29.3664 4.4867 29.4403 3.93939C29.5143 3.39208 29.1306 2.88843 28.5833 2.81445C26.5783 2.54342 24.5452 2.29941 22.483 2.08292C21.9337 2.02526 21.4417 2.42378 21.3841 2.97305C21.3264 3.52232 21.7249 4.01433 22.2742 4.07199C24.3169 4.28644 26.3304 4.52809 28.3154 4.79642ZM16.2137 3.52268C16.7643 3.56486 17.2449 3.15265 17.2871 2.60197C17.3293 2.0513 16.9171 1.5707 16.3664 1.52852C14.3511 1.37415 12.3089 1.24511 10.239 1.14181C9.6874 1.11428 9.21792 1.53912 9.1904 2.09072C9.16287 2.64231 9.58771 3.11179 10.1393 3.13932C12.1918 3.24175 14.2163 3.36969 16.2137 3.52268ZM4.05543 2.91285C4.60755 2.92654 5.06622 2.49007 5.07992 1.93795C5.09361 1.38584 4.65714 0.927157 4.10502 0.913464C3.08086 0.888065 2.05013 0.868744 1.01272 0.855551C0.460479 0.848527 0.00710378 1.29051 8.25092e-05 1.84275C-0.00693879 2.39499 0.435044 2.84837 0.987288 2.85539C2.01671 2.86848 3.0394 2.88765 4.05543 2.91285ZM155.494 71.7864C154.946 71.7216 154.449 72.1137 154.384 72.6622L152.859 85.5712L139.809 84.0296C139.261 83.9648 138.764 84.3569 138.699 84.9054C138.634 85.4539 139.026 85.951 139.575 86.0158L153.569 87.669C153.585 87.6717 153.601 87.674 153.617 87.6759C153.827 87.7006 154.028 87.6589 154.202 87.5673C154.483 87.419 154.689 87.1391 154.73 86.7992C154.732 86.7795 154.734 86.7598 154.735 86.7403L156.37 72.8968C156.435 72.3484 156.043 71.8512 155.494 71.7864Z' fill='%23A5AEBE'/%3E%3C/svg%3E%0A");
    top: 50%;
    right: -8rem;
    margin: -4.8rem 0 0 0;
  }
  .obtain__list > li:nth-of-type(even) .obtain__card {
    flex-direction: column;
  }
}

.obtain__card {
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  gap: 3rem;
  height: 100%;
}
@media (min-width: 1200px) {
  .obtain__card {
    gap: 7rem;
  }
}

.obtain__card-image {
  display: block;
  margin: auto 0 0 0;
  width: 18rem;
  height: 18rem;
  background: #fff;
  border-radius: 50%;
}
.obtain__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.obtain__card-number {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 3.7rem;
  border-radius: 1rem;
  padding: 0 1.2rem;
  margin: 0 0 2rem;
  background: #A5AEBE;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .obtain__card-number {
    height: 4.9rem;
    padding: 0 2rem;
    margin: 0 0 3.2rem;
    font-size: 2.2rem;
  }
}

.obtain__card-text {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.obtain__card-text a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4F4E62;
}
.obtain__card-text a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .obtain__card-text {
    font-size: 2.2rem;
  }
}

.obtain__control .ui-btn {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
}
@media (min-width: 1200px) {
  .obtain__control .ui-btn {
    min-width: 42.4rem;
    width: auto;
    height: 6rem;
    font-size: 1.8rem;
  }
}

.support {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .support {
    margin: 0 0 12rem;
  }
}

.support__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .support__title {
    font-size: 5rem;
    margin: 0 auto 4rem;
    max-width: 120rem;
    text-align: center;
  }
}

.support__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.support__list > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .support__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .support__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 3.2rem;
  }
}

.support__card {
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  padding: 1.8rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 1200px) {
  .support__card {
    padding: 2.8rem;
  }
}

.support__card-title {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .support__card-title {
    margin: 0 0 1rem;
    font-size: 1.8rem;
  }
}

.support__card-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 2.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.support__card-menu > li {
  position: relative;
}
.support__card-menu > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1.3rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #D2DBEA;
  margin: -0.3rem -0.3rem 0 0;
}
.support__card-menu > li:last-child:after {
  display: none;
}
@media (min-width: 1200px) {
  .support__card-menu {
    font-size: 2.2rem;
    gap: 0.8rem 3.6rem;
  }
  .support__card-menu > li:after {
    right: -1.8rem;
    width: 0.8rem;
    height: 0.8rem;
    margin: -0.4rem -0.4rem 0 0;
  }
}

.support__card-link {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #4F4E62;
}
.support__card-link:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #cc2e27;
  color: var(--color-red);
}

:has(.topbar) .header {
  margin: 0;
}

.topbar {
  padding: 3.2rem 0;
  margin: 0 0 6rem;
  background: #EEF3FA;
}
.topbar .row {
  align-items: center;
  margin: 0 -1.6rem;
}
.topbar .row > [class^=col] {
  padding: 0 1.6rem;
}
@media (min-width: 1200px) {
  .topbar {
    padding: 10rem 0;
    margin: 0 0 12rem;
  }
}

.topbar__image {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 4rem;
}
.topbar__image img {
  display: block;
}
@media (min-width: 1200px) {
  .topbar__image {
    max-width: 76.8rem;
    margin: -3rem 0 -2rem;
  }
}

@media (min-width: 1200px) {
  .topbar__desc {
    max-width: 87.8rem;
  }
}

.topbar__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .topbar__title {
    margin: 0 0 4rem;
    font-size: 7rem;
  }
}

.topbar__menu {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .topbar__menu {
    margin: 0 0 4rem;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 500;
    gap: 2.4rem;
    max-width: 70rem;
  }
}

.topbar__menu-link {
  display: inline-flex;
  vertical-align: top;
  gap: 1rem;
  color: #4F4E62;
}
.topbar__menu-link svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
.topbar__menu-link:hover {
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .topbar__menu-link {
    position: relative;
  }
  .topbar__menu-link svg {
    position: absolute;
    top: 0;
    right: 100%;
    margin: 0 3.2rem 0 0;
    width: 4rem;
    height: 4rem;
  }
}

.topbar__wysiwyg {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.topbar__wysiwyg p {
  margin: 0 0 1rem;
}
.topbar__wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .topbar__wysiwyg {
    font-size: 1.8rem;
  }
  .topbar__wysiwyg p {
    margin: 0 0 1.6rem;
  }
}

.directions {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .directions {
    margin: 0 0 12rem;
  }
}

.directions__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .directions__title {
    margin: 0 0 7rem;
    font-size: 5rem;
    max-width: 148rem;
  }
}

.directions__card {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  background: #F3F7FC;
  color: #4F4E62;
  border-radius: 2rem;
  padding: 1.8rem;
  transition: 0.4s ease-out;
  overflow: hidden;
}
.directions__card:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background: #CC2E27;
  transform: scale(0);
  width: 0px;
  height: 0px;
  border-radius: 50%;
  transition: 0.4s ease-out;
  aspect-ratio: 1/1;
  transform-origin: 50% 50%;
  opacity: 0;
}
.directions__card svg:has(path[stroke^="#"]) path {
  stroke: currentColor;
}
.directions__card svg:has(path[fill^="#"]) path {
  fill: currentColor;
}
.directions__card:hover {
  color: #fff;
}
.directions__card:hover:before {
  width: 42rem;
  height: 42rem;
  transform: scale(2);
  opacity: 1;
}
.directions__card:hover .directions__card-icon {
  color: #fff;
}
@media (min-width: 1200px) {
  .directions__card {
    padding: 2.8rem;
  }
}

.directions__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 0 2.6rem;
  transition: 0.4s ease-out;
  color: #CC2E27;
}
.directions__card-icon img, .directions__card-icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .directions__card-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 0 3rem;
  }
}

.directions__card-title {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  font-weight: 700;
  text-transform: uppercase;
}
.directions__card-title svg {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .directions__card-title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 700;
  }
  .directions__card-title svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.directions__card-wysiwyg {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.directions__card-wysiwyg p {
  margin: 0 0 1rem;
}
.directions__card-wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .directions__card-wysiwyg {
    font-size: 1.8rem;
  }
}

.stripe {
  background: #CC2E27;
  color: #fff;
  margin: 0 0 6rem;
  height: 5.6rem;
}
.stripe > .container-fluid {
  height: 100%;
}
@media (min-width: 1200px) {
  .stripe {
    margin: 0 0 12rem;
    height: 8.8rem;
  }
}

@keyframes interestsMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.stripe__marquee {
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
  backface-visibility: hidden;
  gap: 1.6rem;
}
.stripe__marquee .swiper {
  overflow: visible;
  pointer-events: none;
}
.stripe__marquee .swiper-wrapper {
  transition-timing-function: linear;
  align-items: center;
}
.stripe__marquee .swiper-slide {
  width: auto;
}
@media (min-width: 1200px) {
  .stripe__marquee {
    gap: 3rem;
  }
}

.stripe__marquee-move {
  flex: 0 0 auto;
  display: flex;
  gap: 1.6rem;
  animation-name: interestsMarquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 40s;
  will-change: transform;
}
@media (min-width: 1200px) {
  .stripe__marquee-move {
    gap: 3rem;
  }
}

.stripe__marquee-item {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  white-space: nowrap;
}
.stripe__marquee-item svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
@media (min-width: 1200px) {
  .stripe__marquee-item {
    font-size: 3rem;
  }
  .stripe__marquee-item svg {
    width: 3rem;
    height: 3rem;
  }
}

.founder {
  margin: 0 0 6rem;
}
.founder .row {
  gap: 4rem 0;
}
@media (min-width: 1200px) {
  .founder {
    margin: 0 0 12rem;
  }
  .founder .row {
    margin: 0 -1.6rem;
  }
  .founder .row > [class^=col] {
    padding: 0 1.6rem;
  }
}

.founder__image {
  display: block;
  overflow: hidden;
  border-radius: 2rem;
  background: #F3F7FC;
  width: 100%;
  height: 100%;
}
.founder__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.founder__wysiwyg {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.founder__wysiwyg h1,
.founder__wysiwyg h2,
.founder__wysiwyg h3 {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.founder__wysiwyg p {
  margin: 0 0 1rem;
}
.founder__wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .founder__wysiwyg {
    font-size: 2.2rem;
    padding: 0 6rem 0 0;
  }
  .founder__wysiwyg h1,
  .founder__wysiwyg h2,
  .founder__wysiwyg h3 {
    margin: 0 0 4rem;
    font-size: 4rem;
  }
  .founder__wysiwyg p {
    margin: 0 0 1.6rem;
  }
}

.production {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .production {
    margin: 0 0 12rem;
  }
}

.production__title {
  margin: 0 0 3rem;
  display: block;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .production__title {
    font-size: 5rem;
    line-height: 6rem;
    font-weight: 500;
    margin: 0 0 7.2rem;
  }
}

.gallery-row {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .gallery-row {
    margin: 0 0 12rem;
  }
}

.gallery-row__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .gallery-row__title {
    font-size: 5rem;
    line-height: 6rem;
    font-weight: 500;
    margin: 0 0 7.2rem;
  }
}

.gallery-row__card {
  position: relative;
  overflow: hidden;
  display: block;
  background: #F3F7FC;
  color: #4F4E62;
  border-radius: 2rem;
  width: 100%;
  height: auto;
  aspect-ratio: 288/202;
  will-change: transform;
}
.gallery-row__card:hover .gallery-row__card-image {
  transform: scale(1.1);
}
@media (min-width: 1200px) {
  .gallery-row__card {
    aspect-ratio: 576/404;
  }
}

.gallery-row__card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  transition: 0.4s;
}
.gallery-row__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.gallery-row__card-play {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin: -2.4rem 0 0 -2.4rem;
}
@media (min-width: 1200px) {
  .gallery-row__card-play {
    width: 8rem;
    height: 8rem;
    margin: -4rem 0 0 -4rem;
  }
}

.connection {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .connection {
    margin: 0 0 12rem;
  }
}

.connection__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .connection__title {
    margin: 0 0 7.2rem;
    font-size: 5rem;
  }
}

.connection__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
@media (min-width: 768px) {
  .connection__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .connection__list {
    gap: 3.2rem;
  }
}

.connection__card {
  border-radius: 2rem;
  border: 1px solid #D2DBEA;
  padding: 1.8rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1.6rem;
  height: 100%;
}
@media (min-width: 1200px) {
  .connection__card {
    padding: 2.8rem;
  }
}

.connection__card-desc {
  flex: 1 1 auto;
  margin: 0 auto 0 0;
}

.connection__card-title {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .connection__card-title {
    margin: 0 0 1rem;
    font-size: 1.8rem;
  }
}

.connection__card-text {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.connection__card-text a {
  color: #4F4E62;
}
.connection__card-text a:hover {
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .connection__card-text {
    font-size: 2.2rem;
  }
}

.connection__card-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 1.6rem;
  flex: 0 0 auto;
}
.connection__card-menu a {
  display: block;
  border-radius: 1rem;
  background: #EEF3FA;
  width: 4.8rem;
  height: 4.8rem;
}
.connection__card-menu a svg {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.25s;
}
.connection__card-menu a:hover svg {
  transform: scale(1.1);
}
@media (min-width: 1200px) {
  .connection__card-menu {
    gap: 2rem;
  }
  .connection__card-menu a {
    width: 5.8rem;
    height: 5.8rem;
  }
}

.testimonials {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .testimonials {
    margin: 0 0 12rem;
    overflow: visible;
    overflow: initial;
  }
}

.testimonials__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .testimonials__title {
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 7rem;
    max-width: 133rem;
  }
}

.testimonials__menu {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .testimonials__menu {
    margin: 0 0 6rem;
  }
}

.testimonials__menu-link {
  display: flex;
  align-items: center;
  height: 4rem;
  position: relative;
  cursor: pointer;
  color: #A5AEBE;
  transition: 0.25s;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.testimonials__menu-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid #D2DBEA;
  transition: 0.25s;
}
.testimonials__menu-link:hover {
  color: #CC2E27;
}
.testimonials__menu-link.is-active {
  color: #CC2E27;
}
.testimonials__menu-link.is-active:after {
  border-color: #CC2E27;
}
@media (min-width: 1200px) {
  .testimonials__menu-link {
    font-size: 2.2rem;
    height: 4.8rem;
  }
}

.testimonials__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 6rem;
  gap: 6rem;
}
@media (min-width: 1200px) {
  .testimonials__grid {
    gap: 3.2rem;
    grid-template-columns: 1336fr 424fr;
  }
}

.testimonials__main {
  min-width: 0;
}

.testimonials__aside {
  min-width: 0;
}

.testimonials__list {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.testimonials__list > li {
  min-width: 0;
}
@media (min-width: 1200px) {
  .testimonials__list {
    margin: 0 0 3.2rem;
    gap: 3.2rem;
  }
}

.testimonials__request {
  margin: 0 -1.6rem;
  padding: 2.4rem 1.6rem;
  border-radius: 2rem;
  background: #828B9B;
  color: #fff;
}
@media (min-width: 1200px) {
  .testimonials__request {
    margin: 0;
    padding: 4rem;
    position: sticky;
    top: 13.2rem;
  }
}

.testimonials__request-title {
  display: block;
  margin: 0 0 3.2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .testimonials__request-title {
    margin: 0 0 3rem;
    font-size: 3rem;
  }
}

.testimonials__request-form .row {
  align-items: center;
  margin: 0 -1rem -2rem;
}
.testimonials__request-form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.testimonials__request-form .ui-validate {
  color: #fff;
}
.testimonials__request-form .ui-input,
.testimonials__request-form .ui-textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: #fff;
  height: 5.2rem;
}
.testimonials__request-form .ui-input::-moz-placeholder, .testimonials__request-form .ui-textarea::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.testimonials__request-form .ui-input::placeholder,
.testimonials__request-form .ui-textarea::placeholder {
  color: #fff;
  opacity: 0.7;
}
.testimonials__request-form .ui-input:focus,
.testimonials__request-form .ui-textarea:focus {
  border-color: #fff;
}
.testimonials__request-form .ui-input.is-error,
.testimonials__request-form .ui-textarea.is-error {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.testimonials__request-form .ui-input.is-valid,
.testimonials__request-form .ui-textarea.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.testimonials__request-form .ui-textarea {
  height: 13.2rem;
}
.testimonials__request-form .ui-checklist {
  padding: 1.2rem 0;
}
.testimonials__request-form .ui-check__input:checked ~ .ui-check__checkbox {
  background: #fff;
  border-color: #fff;
  color: #CC2E27;
}
.testimonials__request-form .ui-check__input:checked ~ .ui-check__checkbox:after {
  opacity: 1;
}
.testimonials__request-form .ui-check__checkbox {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-color: transparent;
}
.testimonials__request-form .ui-check__text {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 2px 0;
}
.testimonials__request-form .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
.testimonials__request-form .ui-field:has(.ui-vote) {
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1rem;
  padding: 1.6rem;
}
.testimonials__request-form .ui-field:has(.ui-vote)::after {
  content: "";
  display: block;
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3.57143L4.63636 7L11 1' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 1.2rem;
  height: 1.2rem;
  transition: opacity 0.4s;
  opacity: 0;
}
.testimonials__request-form .ui-field:has(.ui-vote):has(:checked)::after {
  opacity: 1;
}
.testimonials__request-form .ui-field:has(.ui-vote) .ui-label {
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.testimonials__request-form .ui-field:has(.ui-vote) .ui-vote {
  gap: 1rem;
}
.testimonials__request-form .ui-field:has(.ui-vote) .ui-vote:has(.ui-vote__item:hover) .ui-vote__item {
  color: rgb(238, 243, 250);
}
.testimonials__request-form .ui-field:has(.ui-vote) .ui-vote:has(.ui-vote__item:hover) .ui-vote__item:hover ~ .ui-vote__item {
  color: rgba(238, 243, 250, 0.6);
}
.testimonials__request-form .ui-field:has(.ui-vote) .ui-vote:has(.ui-vote__input:checked) {
  transform: scale(1);
}
.testimonials__request-form .ui-field:has(.ui-vote) .ui-vote:has(.ui-vote__input:checked) .ui-vote__item {
  color: #FFB800;
}
.testimonials__request-form .ui-field:has(.ui-vote) .ui-vote:has(.ui-vote__input:checked) .ui-vote__item:has(.ui-vote__input:checked) ~ .ui-vote__item {
  color: #D2DBEA;
}
.testimonials__request-form .ui-field:has(.ui-vote) .ui-vote__item {
  width: 2.4rem;
  height: 2.4rem;
  color: rgba(238, 243, 250, 0.6);
}
@media (min-width: 768px) {
  .testimonials__request-form .ui-checklist {
    display: grid;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .testimonials__request-form .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .testimonials__request-form .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
  .testimonials__request-form .ui-input,
  .testimonials__request-form .ui-textarea,
  .testimonials__request-form .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1.6rem 2.4rem;
  }
  .testimonials__request-form .ui-textarea {
    height: 14rem;
  }
  .testimonials__request-form .ui-btn {
    font-weight: 500;
  }
  .testimonials__request-form .ui-check__text {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 0.3rem 0;
  }
  .testimonials__request-form .ui-checklist {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .testimonials__request-form .ui-checklist > li {
    flex: 0 0 auto;
    max-width: 31rem;
  }
  .testimonials__request-form .ui-field:has(.ui-vote) {
    padding: 1.8rem 2.4rem;
  }
  .testimonials__request-form .ui-field:has(.ui-vote) .ui-label {
    font-size: 1.8rem;
  }
}

.testimonials__card {
  background: #F3F7FC;
  border-radius: 1rem;
  padding: 1.8rem;
  overflow: hidden;
}
.testimonials__card .ui-preview,
.testimonials__card .ui-review {
  padding: 0;
  overflow: visible;
}
@media (min-width: 992px) {
  .testimonials__card {
    padding: 3.2rem;
    border-radius: 2rem;
    display: grid;
    grid-template-columns: 2fr 3fr;
  }
}
@media (min-width: 1200px) {
  .testimonials__card {
    padding: 3.2rem;
    border-radius: 2rem;
    display: grid;
    grid-template-columns: 542fr 1186fr;
  }
}

.testimonials__card-aside {
  border-bottom: 1px solid #D2DBEA;
  padding: 0 0 2.4rem;
  margin: 0 0 2.4rem;
}
@media (min-width: 992px) {
  .testimonials__card-aside {
    border: none;
    border-right: 1px solid #D2DBEA;
    padding: 0 2.4rem 0 0;
    margin: 0 2.4rem 0 0;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .testimonials__card-aside {
    border: none;
    border-right: 1px solid #D2DBEA;
    padding: 0 4rem 0 0;
    margin: 0 4rem 0 0;
    min-width: 0;
  }
}

.testimonials__card-main {
  min-width: 0;
}

.knowledge-base {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .knowledge-base {
    margin: 0 0 12rem;
  }
}

.knowledge-base__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .knowledge-base__title {
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 4rem;
  }
}

.knowledge-base__wysiwyg {
  display: block;
  margin: 0 0 4rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.knowledge-base__wysiwyg p {
  margin: 0 0 1.6rem;
}
.knowledge-base__wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .knowledge-base__wysiwyg {
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
    margin: 0 0 8rem;
    max-width: 148.8rem;
  }
}

.knowledge-base__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.8rem;
  gap: 1.8rem;
}
.knowledge-base__list > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .knowledge-base__list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .knowledge-base__list {
    gap: 3.2rem;
  }
}

.knowledge-base__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 1.6rem;
  color: #4F4E62;
  background: #F3F7FC;
  transition: 0.4s;
  position: relative;
  z-index: 1;
  will-change: transform;
}
@media (hover: none) {
  .knowledge-base__card:hover {
    color: #4F4E62;
  }
}
@media (hover: hover) {
  .knowledge-base__card:hover {
    color: #fff;
  }
  .knowledge-base__card:hover .knowledge-base__card-desc:before {
    width: 42rem;
    height: 42rem;
    border-radius: inherit;
    transform: scale(2);
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .knowledge-base__card {
    border-radius: 2rem;
  }
}

.knowledge-base__card-image {
  position: relative;
  top: 0;
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 343/200;
  background: inherit;
}
.knowledge-base__card-image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .knowledge-base__card-image {
    aspect-ratio: 576/340;
  }
}

.knowledge-base__card-desc {
  position: relative;
  z-index: 100;
  padding: 1.2rem 1.6rem 1.4rem;
  overflow: hidden;
  flex: 1;
}
.knowledge-base__card-desc:before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  z-index: -1;
  background: #CC2E27;
  transition: 0.4s;
  border-radius: 50%;
  aspect-ratio: 1/1;
  opacity: 0;
  will-change: transform;
}
@media (min-width: 1200px) {
  .knowledge-base__card-desc {
    padding: 2.8rem;
  }
}

.knowledge-base__card-title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .knowledge-base__card-title {
    font-size: 2.2rem;
  }
}

.abc {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .abc {
    margin: 0 0 12rem;
  }
}

.abc__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .abc__title {
    margin: 0 0 4rem;
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
  }
}

.abc__wysiwyg {
  margin: 0 0 4rem;
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
}
.abc__wysiwyg:last-child {
  margin-bottom: 0;
}
.abc__wysiwyg .row {
  gap: 4rem 0;
}
.abc__wysiwyg p {
  margin: 0 0 1.6rem;
}
.abc__wysiwyg p:last-child {
  margin-bottom: 0;
}
.abc__wysiwyg picture {
  display: block;
  background: #F3F7FC;
  border-radius: 2rem;
  overflow: hidden;
}
.abc__wysiwyg picture img {
  display: block;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .abc__wysiwyg {
    font-size: 2.2rem;
    margin: 0 0 7rem;
  }
  .abc__wysiwyg p {
    max-width: 85%;
  }
}

.abc__filter {
  margin: 0 0 4rem;
  padding: 2rem 0;
  border-top: 1px solid #D2DBEA;
  border-bottom: 1px solid #D2DBEA;
}
@media (min-width: 1200px) {
  .abc__filter {
    margin: 0 0 7rem;
    padding: 4rem 0;
  }
}

.abc__list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.abc__list > li {
  padding: 0 0 4rem;
  margin: 0 0 4rem;
  border-bottom: 1px solid #D2DBEA;
}
.abc__list > li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.abc__list > li.is-active .abc__card-letter {
  display: none;
}
.abc__list:has(.is-active) > li:not(.is-active) {
  display: none;
}
@media (min-width: 1200px) {
  .abc__list > li {
    padding: 0 0 7rem;
    margin: 0 0 7rem;
  }
}

.abc__card {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
}
@media (min-width: 768px) {
  .abc__card {
    gap: 7.2rem;
  }
}
@media (min-width: 1200px) {
  .abc__card {
    gap: 20.4rem;
  }
}

.abc__card-letter {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F9E3E7;
  color: #CC2E27;
  border-radius: 1rem;
  width: 6rem;
  height: 6rem;
  flex: 0 0 auto;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .abc__card-letter {
    width: 10rem;
    height: 10rem;
    font-size: 3rem;
  }
}

.abc__card-list {
  margin: 0 0 -1.2rem;
  padding: 0;
  list-style: none;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.abc__card-list > li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 0 0 1.2rem;
}
.abc__card-list a {
  color: #4F4E62;
}
.abc__card-list a:hover {
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 768px) {
  .abc__card-list {
    -moz-columns: 2;
         columns: 2;
  }
}
@media (min-width: 1200px) {
  .abc__card-list {
    -moz-columns: 3;
         columns: 3;
    margin: 0 0 -1.6rem;
    font-size: 2.2rem;
    -moz-column-gap: 7.2rem;
         column-gap: 7.2rem;
  }
  .abc__card-list > li {
    margin: 0 0 1.6rem;
  }
}

.contacts {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .contacts {
    margin: 0 0 12rem;
  }
}
.contacts__title {
  display: block;
  margin: 0 0 4rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .contacts__title {
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 8rem;
  }
}

.contacts__worktime {
  position: relative;
  overflow: hidden;
  border-radius: 2rem;
  background: #F3F7FC;
  padding: 1.8rem;
  margin: 0 0 3.2rem;
  display: flex;
}
.contacts__worktime .row {
  flex: 1;
  margin: 0 -1.6rem;
}
.contacts__worktime .row > [class^=col] {
  padding: 0 1.6rem;
}
.contacts__worktime:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .contacts__worktime {
    padding: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .contacts__worktime {
    background: #EEF3FA;
    min-height: 27.6rem;
    margin: 0 0 9rem;
    padding: 6rem;
  }
}

.contacts__worktime-image {
  display: block;
  min-width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 343/154;
  margin: -1.8rem -1.8rem 1.8rem;
}
.contacts__worktime-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .contacts__worktime-image {
    aspect-ratio: unset;
    width: auto;
    height: auto;
    position: absolute;
    top: -3.2rem;
    left: -3.2rem;
    right: 3.2rem;
    bottom: -3.2rem;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .contacts__worktime-image {
    aspect-ratio: unset;
    width: auto;
    height: auto;
    position: absolute;
    top: -6rem;
    left: -6rem;
    right: 3.2rem;
    bottom: -6rem;
  }
}

.contacts__worktime-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .contacts__worktime-title {
    font-size: 4rem;
    margin: 0;
  }
}

.contacts__worktime-wysiwyg {
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
}
.contacts__worktime-wysiwyg ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.contacts__worktime-wysiwyg ul > li {
  position: relative;
  padding: 0 0 0 1.4rem;
  margin: 0 0 1.4rem;
}
.contacts__worktime-wysiwyg ul > li:last-child {
  margin-bottom: 0;
}
.contacts__worktime-wysiwyg ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  background: #CC2E27;
  border-radius: 50%;
}
.contacts__worktime-wysiwyg p {
  margin: 0 0 1rem;
}
.contacts__worktime-wysiwyg p:last-child {
  margin-bottom: 0;
}
.contacts__worktime-wysiwyg b {
  font-weight: 500;
}
.contacts__worktime-wysiwyg small {
  display: block;
  font-size: 1.4rem;
}
@media (min-width: 1200px) {
  .contacts__worktime-wysiwyg {
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 400;
  }
  .contacts__worktime-wysiwyg ul {
    margin: 0 0 2rem;
  }
  .contacts__worktime-wysiwyg ul > li {
    padding: 0;
  }
  .contacts__worktime-wysiwyg ul > li:before {
    left: -2.4rem;
    width: 0.8rem;
    height: 0.8rem;
  }
  .contacts__worktime-wysiwyg small {
    font-size: 1.8rem;
  }
}

.contacts__wrapper > .row {
  gap: 3rem 0;
  margin: 0 -1.6rem;
}
.contacts__wrapper > .row > [class^=col] {
  padding: 0 1.6rem;
}

.contacts__list {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.contacts__list > li {
  margin: 0 0 3rem;
  padding: 0 0 3rem;
  position: relative;
}
.contacts__list > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: -1.6rem;
  right: -1.6rem;
  border-bottom: 1px solid #D2DBEA;
}
@media (min-width: 768px) {
  .contacts__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
  }
}
@media (min-width: 1200px) {
  .contacts__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
    padding: 0 5.6rem 0 0;
  }
  .contacts__list > li {
    margin: 0 0 5rem;
    padding: 0 0 5rem;
  }
}

.contacts__card-icon {
  display: block;
  margin: 0 0 2rem;
  width: 2.6rem;
  height: 2.6rem;
}
.contacts__card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .contacts__card-icon {
    margin: 0 0 3rem;
    width: 4rem;
    height: 4rem;
  }
}

.contacts__card-dl {
  margin: 0 0 2rem;
}
.contacts__card-dl:last-child {
  margin: 0;
}
.contacts__card-dl dt {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #A5AEBE;
}
.contacts__card-dl dd {
  display: block;
  margin: 0 0 1.4rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.contacts__card-dl dd:last-child {
  margin-bottom: 0;
}
.contacts__card-dl address {
  font-style: normal;
}
.contacts__card-dl a {
  color: #4F4E62;
}
.contacts__card-dl a:hover {
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .contacts__card-dl {
    margin: 0 0 3.5rem;
  }
  .contacts__card-dl dt {
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
  }
  .contacts__card-dl dd {
    font-size: 2.2rem;
    margin: 0 0 3rem;
  }
  .contacts__card-dl address {
    max-width: 32rem;
  }
}

.contacts__card-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .contacts__card-btn {
    width: auto;
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0 3rem;
  }
}

.contacts__card-worktime p {
  margin: 0 0 1.4rem;
}
.contacts__card-worktime p:last-child {
  margin-bottom: 0;
}
.contacts__card-worktime ul {
  margin: 0 0 1.4rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.2rem;
  gap: 1.2rem;
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 400;
}
.contacts__card-worktime ul:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .contacts__card-worktime ul {
    gap: 1.4rem;
    font-size: 2.2rem;
  }
}
.contacts__card-worktime small {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .contacts__card-worktime small {
    font-size: 1.8rem;
  }
}

.contacts__card-caption {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .contacts__card-caption {
    font-size: 1.8rem;
  }
}

.contacs__card-social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.contacs__card-social > li {
  position: relative;
}
.contacs__card-social > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1.5rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #D2DBEA;
  margin: -0.3rem -0.3rem 0 0;
}
.contacs__card-social > li:last-child:after {
  display: none;
}
.contacs__card-social a {
  color: #4F4E62;
}
.contacs__card-social a:hover {
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .contacs__card-social {
    font-size: 2.2rem;
    gap: 0.8rem 3.6rem;
  }
  .contacs__card-social > li:after {
    width: 0.8rem;
    height: 0.8rem;
    right: -1.8rem;
    margin: -0.4rem -0.4rem 0 0;
  }
}

.contacts__panel .row {
  gap: 3rem 0;
  margin: 0 -1.6rem;
}
.contacts__panel .row > [class^=col] {
  padding: 0 1.6rem;
}
@media (min-width: 1200px) {
  .contacts__panel {
    padding: 0 5.6rem 0 0;
  }
  .contacts__panel .row {
    flex-direction: row-reverse;
  }
}

.contacts__panel-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
  border-color: #6B717B;
  color: #4F4E62;
}
.contacts__panel-btn:hover {
  border-color: #6B717B;
  background: #6B717B;
  color: #fff;
}
@media (min-width: 1200px) {
  .contacts__panel-btn {
    width: auto;
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0 3rem;
  }
}

.contacts__panel-social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 2rem;
}
.contacts__panel-social-link {
  display: block;
  width: 4rem;
  height: 4rem;
  background: #EEF3FA;
  border-radius: 0.8rem;
  transition: 0.25s;
}
.contacts__panel-social-link svg {
  display: block;
  width: 100%;
  height: 100%;
}
.contacts__panel-social-link svg path {
  transition: 0.25s;
}
.contacts__panel-social-link:not(:hover) svg path:first-child {
  fill: #A5AEBE;
}
@media (min-width: 1200px) {
  .contacts__panel-social-link {
    width: 5rem;
    height: 5rem;
  }
}

.contacts__map {
  min-width: 100%;
  height: 37.5rem;
  background: #F3F7FC;
  margin: 0 -1.6rem;
  border-radius: 2rem;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .contacts__map {
    margin: 0;
    aspect-ratio: unset;
    height: 100%;
    min-height: 36rem;
  }
}

.search-results {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .search-results {
    margin: 0 0 12rem;
  }
}

.search-results__form {
  margin: 0 0 5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .search-results__form {
    display: flex;
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .search-results__form {
    margin: 0 0 6rem;
    gap: 1.8rem;
  }
}

.search-results__field {
  position: relative;
}
.search-results__field:has(:focus) .search-results__prepend {
  color: #CC2E27;
}
@media (min-width: 768px) {
  .search-results__field {
    flex: 1;
  }
}

.search-results__prepend {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.8rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #A5AEBE;
  padding: 0 0 0 0.8rem;
  margin: 0;
  pointer-events: none;
  transition: 0.25s;
}
.search-results__prepend svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1200px) {
  .search-results__prepend {
    width: 6.8rem;
  }
  .search-results__prepend svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.search-results__input {
  display: block;
  width: 100%;
  height: 5.2rem;
  border: 1px solid #D2DBEA;
  background: #fff;
  border-radius: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-shadow: none;
  padding: 0 1.6rem 0 4.8rem;
  color: #4F4E62;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: 0.25s;
}
.search-results__input::-moz-placeholder {
  color: #A5AEBE;
}
.search-results__input::placeholder {
  color: #A5AEBE;
}
.search-results__input:focus {
  border-color: #A5AEBE;
}
@media (min-width: 1200px) {
  .search-results__input {
    height: 7rem;
    font-size: 2.2rem;
    padding: 0 1.6rem 0 6.8rem;
  }
}

.search-results__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  width: 100%;
  height: 5.2rem;
  border: 1.5px solid #CC2E27;
  background: transparent;
  color: #4F4E62;
  transition: 0.25s;
  padding: 0 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.search-results__btn:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 768px) {
  .search-results__btn {
    flex: 0 0 auto;
    width: auto;
  }
}
@media (min-width: 1200px) {
  .search-results__btn {
    height: 7rem;
    font-size: 2.2rem;
  }
}

.search-results__group {
  margin: 0 0 6rem;
}
.search-results__group:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .search-results__group {
    margin: 0 0 12rem;
  }
}

.search-results__group-title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.search-results__group-title b {
  font-weight: inherit;
  color: #828B9B;
}
@media (min-width: 1200px) {
  .search-results__group-title {
    margin: 0 0 5rem;
    font-size: 4rem;
  }
}

.search-results__group-grid {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
}
.search-results__group-grid:last-child {
  margin-bottom: 0;
}
.search-results__group-grid.--catalog {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 3.2rem 1.6rem;
  gap: 3.2rem 1.6rem;
}
@media (min-width: 768px) {
  .search-results__group-grid.--catalog {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .search-results__group-grid.--catalog {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (min-width: 1200px) {
  .search-results__group-grid.--catalog {
    grid-template-columns: repeat(5, 1fr);
    gap: 3.2rem;
  }
}
.search-results__group-grid.--academy {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 4rem 1.6rem;
  gap: 4rem 1.6rem;
}
@media (min-width: 768px) {
  .search-results__group-grid.--academy {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .search-results__group-grid.--academy {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .search-results__group-grid.--academy {
    grid-template-columns: repeat(4, 1fr);
    gap: 3.2rem;
  }
}
.search-results__group-grid.--txt {
  display: grid;
  grid-template-columns: 1fr;
}
.search-results__group-grid.--txt > li {
  border-top: 1px solid #D2DBEA;
  padding: 3rem 0 0;
  margin: 0 0 3rem;
}
.search-results__group-grid.--txt > li:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .search-results__group-grid {
    margin: 0 0 6rem;
  }
}

.search-results__group-pagination .ui-pagination__nav {
  padding: 2rem 0;
  border-top: 1px solid #D2DBEA;
  border-bottom: 1px solid #D2DBEA;
}
@media (min-width: 1200px) {
  .search-results__group-pagination .ui-pagination__nav {
    padding: 3rem 0;
  }
}

.pd {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .pd {
    margin: 0 0 12rem;
  }
}

.pd__title {
  display: block;
  margin: 0 0 4rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .pd__title {
    margin: 0 0 8rem;
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
  }
}

.pd__group {
  margin: 0 0 6rem;
}
.pd__group:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .pd__group {
    margin: 0 0 12rem;
  }
}

.pd__subtitle {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .pd__subtitle {
    font-size: 5rem;
    max-width: 80%;
  }
}

.pd__payments {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.pd__payments > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .pd__payments {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .pd__payments {
    gap: 3.2rem;
  }
}

.pd__payments-card {
  border-radius: 2rem;
  background: #F3F7FC;
  padding: 1.8rem;
  height: 100%;
}
@media (min-width: 1200px) {
  .pd__payments-card {
    padding: 2.8rem;
  }
}

.pd__payments-card-icon {
  display: flex;
  align-items: center;
  margin: 0 0 2.4rem;
  height: 3rem;
}
.pd__payments-card-icon img, .pd__payments-card-icon svg {
  display: block;
  height: 100%;
  width: auto;
}
@media (min-width: 1200px) {
  .pd__payments-card-icon {
    height: 4rem;
    margin: 0 0 3rem;
  }
}

.pd__payments-card-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
.pd__payments-card-title:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .pd__payments-card-title {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
}

.pd__payments-card-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .pd__payments-card-text {
    font-size: 1.8rem;
  }
}

.pd__tabs {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .pd__tabs {
    margin: 0 0 8rem;
  }
}

.pd__tabs-control {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .pd__tabs-control {
    margin: 0 0 7rem;
  }
}

.pd__tabs-btn {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  background: #F3F7FC;
  color: #4F4E62;
  transition: 0.25s;
  padding: 0 1.4rem;
  height: 3.4rem;
  border-radius: 3rem;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
  cursor: pointer;
}
.pd__tabs-btn:hover {
  background: #F9E3E7;
  color: #CC2E27;
}
.pd__tabs-btn.is-active {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .pd__tabs-btn {
    font-size: 2.2rem;
    height: 5.6rem;
    padding: 0 2.8rem;
  }
}

.pd__tabs-wrapper {
  position: relative;
}

.pd__tabs-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.pd__tabs-content.is-active {
  opacity: 1;
  visibility: visible;
  position: relative;
}
@media (min-width: 1200px) {
  .pd__tabs-content {
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
  }
}
.pd__tabs-content h2 {
  display: block;
  margin: 0 0 3rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .pd__tabs-content h2 {
    font-size: 4rem;
    margin: 0 0 4rem;
  }
}
.pd__tabs-content h3 {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .pd__tabs-content h3 {
    font-size: 2.2rem;
    margin: 0 0 3rem;
  }
}
.pd__tabs-content ul {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.4rem;
  gap: 1.4rem;
}
.pd__tabs-content ul > li {
  min-width: 0;
  position: relative;
  padding: 0 0 0 1.4rem;
}
.pd__tabs-content ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
}
.pd__tabs-content ul + h2, .pd__tabs-content ul + h3 {
  margin-top: 4rem;
}
@media (min-width: 1200px) {
  .pd__tabs-content ul + h2, .pd__tabs-content ul + h3 {
    margin-top: 6rem;
  }
}
@media (min-width: 1200px) {
  .pd__tabs-content ul {
    gap: 2rem;
  }
  .pd__tabs-content ul > li {
    padding: 0 0 0 2.4rem;
  }
  .pd__tabs-content ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.pd__tabs-content p {
  margin: 0 0 1.6rem;
}
.pd__tabs-content p:last-child {
  margin: 0;
}
.pd__tabs-content p + picture {
  margin-top: 3rem;
}
.pd__tabs-content picture {
  display: block;
  background: #F3F7FC;
  border-radius: 2rem;
  overflow: hidden;
  margin: 0 -1.6rem 4rem;
}
.pd__tabs-content picture img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 1200px) {
  .pd__tabs-content picture {
    margin: 0 0 6rem;
  }
}

.pd__line {
  display: block;
  border: none;
  border-bottom: 1px solid #D2DBEA;
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .pd__line {
    margin: 0 0 8rem;
  }
}

.pd__info {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #6B717B;
}
.pd__info .row {
  gap: 1.6rem 0;
}
.pd__info p {
  margin: 0;
}
.pd__info mark {
  color: #CC2E27;
}
.pd__info a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4F4E62;
}
.pd__info a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .pd__info {
    font-size: 2.2rem;
  }
  .pd__info .row {
    gap: 4rem 0;
    margin: 0 -1.6rem;
  }
  .pd__info .row > [class^=col] {
    padding: 0 1.6rem;
  }
  .pd__info mark {
    font-size: 3rem;
  }
}

.faq {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .faq {
    margin: 0 0 12rem;
    overflow: visible;
    overflow: initial;
  }
}

.faq__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .faq__title {
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
    margin: 0 0 4rem;
    max-width: 133rem;
  }
}

.faq__wysiwyg {
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.faq__wysiwyg p {
  margin: 0 0 1.6rem;
}
.faq__wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .faq__wysiwyg {
    margin: 0 0 7rem;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
    max-width: 148.8rem;
  }
}

.faq__menu {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .faq__menu {
    margin: 0 0 6rem;
  }
}

.faq__menu-link {
  display: flex;
  align-items: center;
  height: 4rem;
  position: relative;
  cursor: pointer;
  color: #A5AEBE;
  transition: 0.25s;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.faq__menu-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid #D2DBEA;
  transition: 0.25s;
}
.faq__menu-link:hover {
  color: #CC2E27;
}
.faq__menu-link.is-active {
  color: #CC2E27;
}
.faq__menu-link.is-active:after {
  border-color: #CC2E27;
}
@media (min-width: 1200px) {
  .faq__menu-link {
    font-size: 2.2rem;
    height: 4.8rem;
  }
}

.faq__tags {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .faq__tags {
    margin: 0 0 7rem;
  }
}

.faq__grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 6rem;
  gap: 6rem;
}
@media (min-width: 1200px) {
  .faq__grid {
    gap: 3.2rem;
    grid-template-columns: 1306fr 424fr;
  }
}

.faq__main {
  min-width: 0;
}

.faq__aside {
  min-width: 0;
}

.faq__list {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5.2rem 3rem;
  gap: 5.2rem 3rem;
}
.faq__list > li {
  min-width: 0;
}
@media (min-width: 1200px) {
  .faq__list {
    gap: 6.2rem;
  }
}

.faq__request {
  margin: 0 -1.6rem;
  padding: 2.4rem 1.6rem;
  border-radius: 2rem;
  background: #828B9B;
  color: #fff;
}
@media (min-width: 1200px) {
  .faq__request {
    margin: 0;
    padding: 4rem;
    position: sticky;
    top: 13.2rem;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100svh - 10rem - 6.4rem);
  }
  .faq__request::-webkit-scrollbar {
    display: none;
  }
}

.faq__request-title {
  display: block;
  margin: 0 0 3.2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .faq__request-title {
    margin: 0 0 3rem;
    font-size: 3rem;
  }
}

.faq__request-form .row {
  align-items: center;
  margin: 0 -1rem -2rem;
}
.faq__request-form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.faq__request-form .ui-validate {
  color: #fff;
}
.faq__request-form .ui-input,
.faq__request-form .ui-textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: #fff;
  height: 5.2rem;
}
.faq__request-form .ui-input::-moz-placeholder, .faq__request-form .ui-textarea::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.faq__request-form .ui-input::placeholder,
.faq__request-form .ui-textarea::placeholder {
  color: #fff;
  opacity: 0.7;
}
.faq__request-form .ui-input:focus,
.faq__request-form .ui-textarea:focus {
  border-color: #fff;
}
.faq__request-form .ui-input.is-error,
.faq__request-form .ui-textarea.is-error {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.faq__request-form .ui-input.is-valid,
.faq__request-form .ui-textarea.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.faq__request-form .ui-textarea {
  height: 13.2rem;
}
.faq__request-form .ui-checklist {
  padding: 1.2rem 0;
}
.faq__request-form .ui-check__input:checked ~ .ui-check__checkbox {
  background: #fff;
  border-color: #fff;
  color: #CC2E27;
}
.faq__request-form .ui-check__input:checked ~ .ui-check__checkbox:after {
  opacity: 1;
}
.faq__request-form .ui-check__checkbox {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-color: transparent;
}
.faq__request-form .ui-check__text {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 2px 0;
}
.faq__request-form .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .faq__request-form .ui-checklist {
    display: grid;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .faq__request-form .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .faq__request-form .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
  .faq__request-form .ui-input,
  .faq__request-form .ui-textarea,
  .faq__request-form .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1.6rem 2.4rem;
  }
  .faq__request-form .ui-textarea {
    height: 14rem;
  }
  .faq__request-form .ui-btn {
    font-weight: 500;
  }
  .faq__request-form .ui-check__text {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 0.3rem 0;
  }
  .faq__request-form .ui-checklist {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .faq__request-form .ui-checklist > li {
    flex: 0 0 auto;
    max-width: 31rem;
  }
}

.faq__card {
  border: 1px solid #D2DBEA;
  background: #fff;
  border-radius: 1rem;
  padding: 1.8rem 1.8rem 4rem;
  overflow: hidden;
}
.faq__card .ui-preview,
.faq__card .ui-comment {
  padding: 0;
  overflow: visible;
}
.faq__card .ui-comment__item.--question {
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.faq__card .ui-comment__item.--question:before, .faq__card .ui-comment__item.--question:after {
  display: none;
}
.faq__card .ui-comment__item.--answer {
  margin: 0;
}
@media (min-width: 1200px) {
  .faq__card {
    padding: 3.2rem;
    border-radius: 2rem;
    display: grid;
    grid-template-columns: 452fr 780fr;
  }
  .faq__card .ui-preview__image {
    width: 12rem;
    height: 12rem;
  }
  .faq__card .ui-preview__title {
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 400;
  }
  .faq__card .ui-comment {
    gap: 3.2rem;
  }
  .faq__card .ui-comment__item.--answer {
    margin-left: 4rem;
  }
}

.faq__card-aside {
  border-bottom: 1px solid #D2DBEA;
  padding: 0 0 2.4rem;
  margin: 0 0 2.4rem;
}
@media (min-width: 1200px) {
  .faq__card-aside {
    border: none;
    border-right: 1px solid #D2DBEA;
    padding: 0 4rem 0 0;
    min-width: 0;
  }
}

.faq__card-main {
  min-width: 0;
}
@media (min-width: 1200px) {
  .faq__card-main {
    padding: 0 0 0 4rem;
  }
}

.faq__pagination .ui-pagination__nav {
  border: none;
  padding: 0;
}

.price-list {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .price-list {
    margin: 0 0 7rem;
  }
}

.price-list__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .price-list__title {
    margin: 0 0 5rem;
    font-size: 7rem;
  }
}

.price-list__wysiwyg {
  margin: 0 0 4rem;
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 400;
  color: #6B717B;
  max-width: 120rem;
}
.price-list__wysiwyg p {
  margin: 0 0 1.6rem;
}
.price-list__wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .price-list__wysiwyg {
    font-size: 2.2rem;
    margin: 0 0 5rem;
  }
}

.price-list__menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1.6rem;
}
.price-list__menu .ui-btn {
  width: 100%;
  height: 4.6rem;
  font-size: 1.4rem;
}
.price-list__menu .ui-btn:hover {
  background: #CC2E27;
  border-color: #CC2E27;
  color: #fff;
}
@media (min-width: 768px) {
  .price-list__menu {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .price-list__menu {
    gap: 3.2rem;
  }
  .price-list__menu .ui-btn {
    height: 4.9rem;
    font-size: 1.8rem;
    padding: 0 3rem;
  }
}

:has(.test) .header {
  margin: 0;
}

.test {
  background: #F3F7FC;
  padding: 4rem 0;
  margin: 0 0 6rem;
  position: relative;
}
.test .row {
  gap: 3rem 0;
  margin: 0 -1.6rem;
}
.test .row > [class^=col] {
  padding: 0 1.6rem;
}
.test .test__image-end {
  display: none;
  width: 100%;
  margin-bottom: -5rem;
}
.test.--complete .test__image, .test.--complete .test__quote {
  display: none;
}
.test.--complete .test__image-end {
  display: block;
}
@media (min-width: 768px) {
  .test.--complete .test__image-end {
    display: none;
  }
  .test.--complete .test__image {
    display: flex;
  }
  .test.--complete .test__quote {
    display: block;
  }
}
@media (min-width: 768px) {
  .test .row {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1200px) {
  .test {
    padding: 10rem 0;
    margin: 0 0 12rem;
  }
  .test .row {
    flex-direction: row-reverse;
  }
}

.test__swiper {
  width: auto;
  width: initial;
}
@media (min-width: 768px) {
  .test__swiper {
    width: 53%;
  }
}
@media (min-width: 992px) {
  .test__swiper {
    width: auto;
    width: initial;
  }
}

.test__start {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "anim desc" "control control";
  grid-gap: 0 2rem;
  gap: 0 2rem;
  align-items: center;
}
.test__start > * {
  min-width: 0;
}
@media (min-width: 1200px) {
  .test__start {
    grid-template-columns: 1fr 27.2rem;
    gap: 0 3.2rem;
    align-items: start;
    grid-template-areas: "desc anim" "control anim";
  }
}

@keyframes testAnim {
  0%, 100% {
    opacity: 0;
  }
  33% {
    opacity: 1;
  }
  66% {
    opacity: 0;
  }
}
.test__start-anim {
  width: 10rem;
  height: 13.6rem;
  margin: 0 0 3rem;
  border-radius: 50rem;
  background: #fff;
  position: relative;
  overflow: hidden;
  grid-area: anim;
  display: none;
}
.test__start-anim > * {
  animation: testAnim 3s infinite;
  opacity: 0;
}
.test__start-anim > *:nth-of-type(1) {
  animation-delay: 0s;
}
.test__start-anim > *:nth-of-type(2) {
  animation-delay: 1s;
}
.test__start-anim > *:nth-of-type(3) {
  animation-delay: 2s;
}
@media (min-width: 1200px) {
  .test__start-anim {
    display: block;
  }
}
@media (min-width: 1200px) {
  .test__start-anim {
    width: 27.2rem;
    height: 44.8rem;
  }
}

.test__start-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.test__start-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.test__start-desc {
  margin: 0 0 3rem;
  grid-area: desc;
}
@media (min-width: 1200px) {
  .test__start-desc {
    margin: 0 0 6rem;
  }
}

.test__start-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
  grid-area: title;
}
@media (min-width: 1200px) {
  .test__start-title {
    margin: 0 0 4rem;
    font-size: 6.4rem;
  }
}

.test__start-text {
  display: block;
  margin: 0 0 3rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  grid-area: text;
}
@media (min-width: 1200px) {
  .test__start-text {
    margin: 0;
    font-size: 3rem;
  }
}

.test__start-control {
  grid-area: control;
}
.test__start-control .ui-btn {
  display: block;
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
}
@media (min-width: 420px) {
  .test__start-control .ui-btn {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .test__start-control .ui-btn {
    width: auto;
    height: 6rem;
    padding: 0 3rem;
    font-size: 1.8rem;
  }
}

.test__step-title {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 500;
}
.test__step-title mark {
  display: block;
  margin: 0 0 1rem;
  font-weight: 500;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .test__step-title {
    font-size: 5rem;
    margin: 0 0 5rem;
  }
  .test__step-title mark {
    margin: 0;
  }
}

.test__step-checklist {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.2rem;
  gap: 1.2rem;
}
.test__step-checklist.--auto {
  display: grid;
  grid-gap: 1.2rem;
  gap: 1.2rem;
  grid-template-columns: repeat(2, 1fr);
}
.test__step-checklist .ui-check {
  gap: 1rem;
  width: 100%;
}
.test__step-checklist .ui-check__checkbox,
.test__step-checklist .ui-check__radio {
  width: 2rem;
  height: 2rem;
}
.test__step-checklist .ui-check__text {
  font-size: 1.4rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 0;
}
.test__step-checklist .ui-check__text br {
  display: none;
}
@media (min-width: 768px) {
  .test__step-checklist {
    grid-template-columns: repeat(2, 1fr);
  }
  .test__step-checklist.--auto {
    display: flex;
    flex-wrap: wrap;
  }
  .test__step-checklist.--auto > li {
    flex: 1 1 auto;
  }
  .test__step-checklist.--badges {
    display: flex;
    flex-wrap: wrap;
  }
  .test__step-checklist.--badges > li {
    flex: 0 0 auto;
  }
  .test__step-checklist .ui-check__text br {
    display: block;
  }
}
@media (min-width: 1200px) {
  .test__step-checklist {
    margin: 0 0 6rem;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
  .test__step-checklist.--auto {
    display: flex;
    flex-wrap: wrap;
  }
  .test__step-checklist.--auto > li {
    flex: 1 1 auto;
  }
  .test__step-checklist.--badges {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
  }
  .test__step-checklist.--badges > li {
    flex: 0 0 auto;
  }
  .test__step-checklist .ui-check {
    gap: 1.6rem;
  }
  .test__step-checklist .ui-check__checkbox,
  .test__step-checklist .ui-check__radio {
    width: 3rem;
    height: 3rem;
  }
  .test__step-checklist .ui-check__text {
    font-size: 2.2rem;
    line-height: 3rem;
    font-weight: 400;
    padding: 0;
  }
  .test__step-checklist .ui-check__text br {
    display: block;
  }
}

.test__step-control {
  margin: 0 0 3rem;
  display: flex;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .test__step-control {
    margin: 0 0 7.5rem;
    gap: 2rem;
  }
}

.test__step-prev,
.test__step-next {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.8rem;
  min-width: 3.8rem;
  padding: 0 1.6rem;
  border-radius: 1rem;
  gap: 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  background: #fff;
  color: #6B717B;
  transition: 0.25s;
}
.test__step-prev svg,
.test__step-next svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
.test__step-prev:hover,
.test__step-next:hover {
  color: #CC2E27;
}
.test__step-prev:disabled,
.test__step-next:disabled {
  display: none;
}
@media (min-width: 1200px) {
  .test__step-prev,
  .test__step-next {
    padding: 0 3rem;
    height: 6rem;
    min-width: 6rem;
    font-size: 1.8rem;
    gap: 1.4rem;
  }
  .test__step-prev svg,
  .test__step-next svg {
    width: 2rem;
    height: 2rem;
  }
}

.test__step-prev {
  padding: 0;
}

.test__step-progress {
  margin: 0.3rem 0;
  padding: 0;
  list-style: none;
  height: 0.3rem;
  background: #fff;
  display: flex;
  position: relative;
}
.test__step-progress:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #CC2E27;
  margin: -0.4rem 0 0 0;
  z-index: 1;
}
.test__step-progress > li {
  flex: 1;
  text-indent: -999.9rem;
  position: relative;
  background: #CC2E27;
}
.test__step-progress > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #CC2E27;
  margin: -0.4rem 0 0 0;
  z-index: 1;
}
.test__step-progress > li.is-active {
  background: rgba(165, 174, 190, 0.4);
}
.test__step-progress > li.is-active:before {
  background: #fff;
}
.test__step-progress > li.is-active ~ li {
  background: #fff;
}
.test__step-progress > li.is-active ~ li:before {
  background: #fff;
}
@media (min-width: 768px) {
  .test__step-progress {
    display: none;
  }
}
@media (min-width: 992px) {
  .test__step-progress {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .test__step-progress {
    height: 0.4rem;
    margin: 0.6rem 0;
  }
  .test__step-progress:before {
    width: 1.2rem;
    height: 1.2rem;
    margin: -0.6rem 0 0 0;
  }
  .test__step-progress > li:before {
    width: 1.2rem;
    height: 1.2rem;
    margin: -0.6rem 0 0 0;
  }
}

.test__end-title {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
.test__end-title mark {
  display: block;
  margin: 0 0 1rem;
  color: #A5AEBE;
}
@media (min-width: 1200px) {
  .test__end-title {
    margin: 0 0 4rem;
    font-size: 5rem;
  }
  .test__end-title mark {
    margin: 0;
  }
}

.test__end-wysiwyg {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  margin: 0 0 3rem;
}
.test__end-wysiwyg table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.test__end-wysiwyg table tr {
  position: relative;
}
.test__end-wysiwyg table th, .test__end-wysiwyg table td {
  position: relative;
  padding: 0 0.3rem 1rem;
  vertical-align: top;
}
.test__end-wysiwyg table th:first-child, .test__end-wysiwyg table td:first-child {
  padding-left: 1.6rem;
  font-weight: 500;
}
.test__end-wysiwyg table th:first-child:before, .test__end-wysiwyg table td:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
}
.test__end-wysiwyg table th:last-child, .test__end-wysiwyg table td:last-child {
  padding-right: 0;
}
.test__end-wysiwyg p {
  margin: 0 0 2rem;
}
.test__end-wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .test__end-wysiwyg {
    margin: 0 0 5rem;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
  }
  .test__end-wysiwyg p {
    margin: 0 0 4rem;
  }
  .test__end-wysiwyg table th, .test__end-wysiwyg table td {
    padding: 0 0.3rem 1.4rem;
  }
}

.test__end-control {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.test__end-control .ui-btn {
  height: 3.8rem;
  font-size: 1.4rem;
}
.test__end-control .ui-btn svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .test__end-control {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .test__end-control {
    gap: 2.4rem;
    display: flex;
    flex-wrap: wrap;
  }
  .test__end-control .ui-btn {
    height: 6rem;
    padding: 0 3rem;
    font-size: 1.8rem;
    gap: 1.4rem;
  }
  .test__end-control .ui-btn svg {
    width: 2rem;
    height: 2rem;
  }
}

.test__image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -3.3rem;
  width: 30rem;
  right: -5rem;
}
.test__image img {
  display: block;
  width: 100%;
  height: auto;
}
@media (min-width: 510px) {
  .test__image {
    right: 4rem;
    top: -3rem;
  }
}
@media (min-width: 768px) {
  .test__image {
    top: 0;
    width: 45rem;
    right: 0;
  }
}
@media (min-width: 992px) {
  .test__image {
    width: 30rem;
    right: -6rem;
    top: -2rem;
    transform: scaleX(-1);
  }
}
@media (min-width: 1200px) {
  .test__image {
    margin-top: -26rem;
    top: auto;
    top: initial;
    right: -7rem;
    width: 65rem;
  }
  .test__image img {
    width: 100%;
    margin-right: 10rem;
  }
}

.test__quote {
  font-size: 1.4rem;
  width: 49%;
  min-height: 20rem;
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  .test__quote {
    width: 44%;
  }
}
@media (min-width: 1200px) {
  .test__quote {
    font-size: 1.8rem;
  }
}
.test__quote svg {
  width: 2.2rem;
}
@media (min-width: 1200px) {
  .test__quote svg {
    width: 3.1rem;
  }
}
.test__quote mark {
  color: #a8241e;
  color: var(--color-red-hover);
}
.test__quote-author {
  line-height: 1.3;
  color: #828B9B;
  font-size: 1.1rem;
}
.test__quote-author b {
  color: #4f4e62;
  color: var(--body-color);
  font-weight: 500;
  display: block;
}
@media (min-width: 1200px) {
  .test__quote-author {
    font-size: 1.4rem;
  }
}
.test__quote-text {
  margin: 1.6rem 0;
  line-height: 1.3;
}
@media (min-width: 1200px) {
  .test__quote-text {
    margin: 2rem 0;
  }
}

.test .test__image-container {
  position: relative;
}
@media (min-width: 768px) {
  .test .test__image-container {
    position: static;
  }
}
@media (min-width: 992px) {
  .test .test__image-container {
    position: relative;
  }
}

.how {
  margin: 0 0 6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.how .row {
  margin: 0 -1.6rem;
}
.how .row > [class^=col] {
  padding: 0 1.6rem;
}
.how h1,
.how h2,
.how h3 {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
.how p {
  margin: 0 0 1.2rem;
}
.how p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .how {
    margin: 0 0 12rem;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
  }
  .how h1,
  .how h2,
  .how h3 {
    font-size: 5rem;
  }
  .how p {
    margin: 0 0 1.6rem;
  }
}
.how .ui-btn {
  width: 100%;
  font-size: 1.4rem;
}
@media (min-width: 420px) {
  .how .ui-btn {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .how .ui-btn {
    font-size: 1.8rem;
  }
}

@media (max-width: 767px) {
  .skin-test-consult-btn {
    margin-top: 0.5rem;
  }
}

.how__subtitle {
  font-size: 1.9rem;
  font-weight: 500;
  margin: 3.2rem 0 3.6rem;
  color: #4f4e62;
  color: var(--body-color);
}
@media (min-width: 1200px) {
  .how__subtitle {
    font-size: 3rem;
  }
}

.how-grid {
  display: flex;
  margin-bottom: 4rem;
  gap: 2rem;
  overflow: auto;
}
@media (min-width: 768px) {
  .how-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: visible;
    overflow: initial;
  }
}
@media (min-width: 1200px) {
  .how-grid {
    gap: 3.2rem;
  }
}
.how-grid__item {
  background-color: #F3F7FC;
  border-radius: 1.6rem;
  padding: 1.8rem;
  font-size: 1.4rem;
  flex-shrink: 0;
  max-width: 29rem;
}
.how-grid__item svg {
  display: block;
  width: 2.6rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .how-grid__item {
    max-width: none;
    max-width: initial;
  }
}
@media (min-width: 1200px) {
  .how-grid__item {
    font-size: 2.2rem;
    padding: 2.8rem;
    border-radius: 2rem;
  }
  .how-grid__item svg {
    width: 4rem;
    margin-bottom: 3rem;
  }
}

.recommend {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .recommend {
    margin: 0 0 12rem;
  }
}

@media (min-width: 992px) {
  .recommend__grid {
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-template-areas: "title wysiwyg" "card wysiwyg" ". wysiwyg";
    align-items: start;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
  }
}
@media (min-width: 1200px) {
  .recommend__grid {
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-template-areas: "title wysiwyg" "card wysiwyg" ". wysiwyg";
    align-items: start;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
  }
}

.recommend__title {
  display: block;
  margin: 0 0 2.6rem;
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 500;
}
@media (min-width: 992px) {
  .recommend__title {
    grid-area: title;
  }
}
@media (min-width: 1200px) {
  .recommend__title {
    margin: 0 0 5rem;
    font-size: 5rem;
    grid-area: title;
  }
}

.recommend__wysiwyg {
  margin: 0 0 3rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.recommend__wysiwyg dl {
  margin: 0 0 2rem;
}
.recommend__wysiwyg dl:last-child {
  margin-bottom: 0;
}
.recommend__wysiwyg dt {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
.recommend__wysiwyg dd {
  margin: 0 0 2rem;
}
.recommend__wysiwyg dd:last-child {
  margin-bottom: 0;
}
.recommend__wysiwyg a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #6B717B;
}
.recommend__wysiwyg a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 992px) {
  .recommend__wysiwyg {
    grid-area: wysiwyg;
  }
}
@media (min-width: 1200px) {
  .recommend__wysiwyg {
    grid-area: wysiwyg;
    padding: 2rem 0 0 0;
    margin: 0;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
  }
  .recommend__wysiwyg dt {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
  .recommend__wysiwyg dd {
    margin: 0 0 3rem;
  }
}

.recommend__card {
  border-radius: 1.6rem;
  background: #EEF3FA;
  position: relative;
  padding: 2rem 2rem 2rem 16.4rem;
  overflow: hidden;
}
@media (min-width: 992px) {
  .recommend__card {
    grid-area: card;
  }
}
@media (min-width: 1200px) {
  .recommend__card {
    grid-area: card;
    max-width: 64.5rem;
    padding: 3rem 3rem 4rem 23.2rem;
  }
}

.recommend__card-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 16.4rem;
  height: 100%;
}
.recommend__card-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 24.5rem;
  height: 24.5rem;
  margin: -12.5rem 0 0 0;
  border-radius: 50%;
  background: #DBE3EF;
  z-index: -1;
}
.recommend__card-image img {
  display: block;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 1200px) {
  .recommend__card-image {
    width: 19rem;
  }
  .recommend__card-image:before {
    right: 0;
    width: 32.4rem;
    height: 32.4rem;
    margin: -16.2rem 0 0 0;
  }
}

.recommend__card-desc {
  position: relative;
  z-index: 2;
}

.recommend__card-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .recommend__card-title {
    margin: 0 0 2.4rem;
    font-size: 2.2rem;
  }
}

.recommend__card-control {
  margin: 0 0 0 -14.4rem;
}
.recommend__card-control .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 992px) {
  .recommend__card-control {
    margin: 0;
  }
  .recommend__card-control .ui-btn {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .recommend__card-control {
    margin: 0;
  }
  .recommend__card-control .ui-btn {
    width: auto;
    height: 6rem;
    padding: 0 3rem;
    font-size: 1.8rem;
  }
}

.save {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .save {
    margin: 0 0 12rem;
  }
}

@media (min-width: 992px) {
  .save__grid {
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-template-areas: "title data" "control data";
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
  }
}
@media (min-width: 1200px) {
  .save__grid {
    display: grid;
    grid-template-columns: 5fr 7fr;
    grid-template-areas: "title data" "control data";
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
  }
}

.save__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 992px) {
  .save__title {
    grid-area: title;
  }
}
@media (min-width: 1200px) {
  .save__title {
    font-size: 5rem;
    grid-area: title;
    margin: 0;
  }
}

.save__data {
  margin: 0 0 3rem;
}
@media (min-width: 992px) {
  .save__data {
    margin: 0;
    grid-area: data;
  }
}
@media (min-width: 1200px) {
  .save__data {
    margin: 0;
    grid-area: data;
  }
}

.save__label {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .save__label {
    font-size: 2.2rem;
    margin: 0 0 1.6rem;
  }
}

.save__send {
  margin: 0 0 3rem;
}
.save__send .row {
  margin: 0 -0.8rem -1.6rem;
}
.save__send .row > [class^=col] {
  padding: 0 0.8rem 1.6rem;
}
.save__send .ui-input {
  height: 5.2rem;
  background-color: rgba(165, 174, 190, 0.1);
}
.save__send .ui-btn {
  width: 100%;
  height: 5.2rem;
  font-size: 1.6rem;
  background: #EEF3FA;
  color: #4F4E62;
}
.save__send .ui-btn:hover {
  background: #E5EFFF;
  color: #4F4E62;
}
.save__send .ui-share__toggle {
  background: #EEF3FA;
  color: #4F4E62;
}
.save__send .ui-share__toggle:hover {
  background: #E5EFFF;
  color: #4F4E62;
}
.save__send .ui-share__dropdown {
  background: #F3F7FC;
}
@media (min-width: 1200px) {
  .save__send {
    margin: 0 0 5rem;
  }
  .save__send .row {
    margin: 0 -1rem -2rem;
  }
  .save__send .row > [class^=col] {
    padding: 0 1rem 2rem;
  }
  .save__send .ui-input,
  .save__send .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
  }
  .save__send .ui-share__toggle {
    width: 6rem;
    height: 6rem;
  }
}

.save__social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.save__social > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .save__social {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .save__social {
    gap: 2rem;
  }
}

.save__social-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5.2rem;
  border-radius: 1rem;
  gap: 1.4rem;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  background: #EEF3FA;
  color: #4F4E62;
}
.save__social-link svg {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
}
.save__social-link svg rect,
.save__social-link svg path {
  transition: 0.25s;
}
.save__social-link:hover {
  background: #E5EFFF;
  color: #4F4E62;
}
.save__social-link:hover svg.icon-vk rect {
  fill: #0077FF;
}
.save__social-link:hover svg.icon-vk path {
  fill: #fff;
}
.save__social-link:hover svg.icon-whatsapp rect {
  fill: #1FC640;
}
.save__social-link:hover svg.icon-whatsapp path {
  fill: #fff;
}
.save__social-link:hover svg.icon-telegram rect {
  fill: #30A4DA;
}
.save__social-link:hover svg.icon-telegram path {
  fill: #fff;
}
@media (min-width: 1200px) {
  .save__social-link {
    font-size: 1.8rem;
    gap: 1.4rem;
    height: 6rem;
    padding: 0 2.4rem;
  }
  .save__social-link svg {
    width: 3rem;
    height: 3rem;
  }
}

.save__control .ui-btn {
  width: 100%;
  height: 5.2rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .save__control .ui-btn {
    width: auto;
  }
}
@media (min-width: 992px) {
  .save__control {
    grid-area: control;
    align-self: end;
  }
}
@media (min-width: 1200px) {
  .save__control {
    grid-area: control;
    align-self: end;
  }
  .save__control .ui-btn {
    width: auto;
    height: 6rem;
    font-size: 1.8rem;
    padding: 0 3rem;
  }
}

.attention {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .attention {
    margin: 0 0 12rem;
  }
}

.attention__card {
  background: #EEF3FA;
  border-radius: 2rem;
  margin: 0 -1.6rem;
  padding: 3rem 1.6rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 768px) {
  .attention__card {
    padding: 6rem 0;
  }
  .attention__card .row {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .attention__card {
    margin: 0;
    padding: 6rem 0;
  }
  .attention__card .row {
    flex-direction: row-reverse;
    align-items: flex-end;
  }
}

.attention__card-wysiwyg {
  position: relative;
  z-index: 2;
  margin: 0 0 4rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.attention__card-wysiwyg h1,
.attention__card-wysiwyg h2,
.attention__card-wysiwyg h3 {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
.attention__card-wysiwyg p {
  margin: 0 0 1rem;
}
.attention__card-wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .attention__card-wysiwyg {
    padding: 0 6rem 0 0;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .attention__card-wysiwyg {
    margin: 0;
    padding: 0 13rem 0 0;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
  }
  .attention__card-wysiwyg h1,
  .attention__card-wysiwyg h2,
  .attention__card-wysiwyg h3 {
    margin: 0 0 3rem;
    font-size: 4rem;
  }
  .attention__card-wysiwyg p {
    margin: 0 0 1.6rem;
  }
}

.attention__card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  margin: 0 -10.8rem -7.2rem -6.8rem;
}
.attention__card-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 85.1rem;
  height: 56.1rem;
  background: #D2DBEA;
  opacity: 0.7;
  margin: 0 0 0 -45rem;
  border-radius: 50%;
}
.attention__card-image img {
  display: block;
}
@media (min-width: 768px) {
  .attention__card-image {
    margin: -6rem -12rem -6rem -7rem;
  }
  .attention__card-image:before {
    top: 50%;
    left: auto;
    right: 12rem;
    width: 71rem;
    height: 71rem;
    margin: -35.5rem 0 0 0;
  }
}
@media (min-width: 1200px) {
  .attention__card-image {
    margin: -6rem 0 -6rem -7rem;
  }
  .attention__card-image:before {
    top: 50%;
    left: auto;
    right: 12rem;
    width: 71rem;
    height: 71rem;
    margin: -35.5rem 0 0 0;
  }
}

.intro {
  position: relative;
  background: #D2DBEA;
  color: #fff;
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .intro {
    margin: 0 0 12rem;
  }
}

.intro__breadcrumbs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
.intro__breadcrumbs .breadcrumbs {
  padding: 3rem 0 0;
}
.intro__breadcrumbs .breadcrumbs__menu,
.intro__breadcrumbs .breadcrumbs__link {
  color: #fff;
}
.intro__breadcrumbs .breadcrumbs__menu svg.icon-home,
.intro__breadcrumbs .breadcrumbs__link svg.icon-home {
  color: inherit;
}
@media (min-width: 1200px) {
  .intro__breadcrumbs .breadcrumbs {
    padding: 4.6rem 0;
  }
}

.intro__card {
  position: relative;
  z-index: 1;
  min-height: calc(100svh - 7rem - 4.4rem - 7rem);
  height: 100%;
  padding: 6.4rem 0 1.6rem;
  position: relative;
  display: flex;
  align-items: flex-end;
}
@media (min-width: 1200px) {
  .intro__card {
    min-height: calc(100svh - 16.4rem);
    padding: 16.4rem 0 6.4rem;
  }
}

.intro__card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.intro__card-image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.intro__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.intro__card-image.no-overlay:after {
  background: none !important;
}

.intro__card-desc {
  position: relative;
  z-index: 2;
}

.intro__card-badge {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  min-height: 2.7rem;
  padding: 0.4rem 1.4rem;
  margin: 0 0 2rem;
  border-radius: 0.6rem;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}
.intro__card-badge.--red {
  background: #CC2E27;
  color: #fff;
}
.intro__card-badge.--blue {
  background: #87B4F7;
  color: #fff;
}
.intro__card-badge.--yellow {
  background: #FFB800;
  color: #fff;
}
.intro__card-badge.--violet {
  background: #6562EF;
  color: #fff;
}
.intro__card-badge.--grey {
  background: #828B9B;
  color: #fff;
}
@media (min-width: 1200px) {
  .intro__card-badge {
    min-height: 3.8rem;
    font-size: 2rem;
    margin: 0 0 3rem;
  }
}

.intro__card-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .intro__card-title {
    margin: 0 0 4rem;
    font-size: 7rem;
    line-height: 1.1;
    font-weight: 500;
  }
}

.intro__card-wysiwyg {
  margin: 0 0 3rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.intro__card-wysiwyg b {
  font-weight: 500;
}
.intro__card-wysiwyg p {
  margin: 0 0 1rem;
}
.intro__card-wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .intro__card-wysiwyg {
    margin: 0 0 5rem;
    font-size: 2.2rem;
  }
}

.intro__card-blur {
  margin: 0 0 3rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem 1.6rem;
  padding: 1.6rem;
  border-radius: 1rem;
  border: 1px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(1rem);
          backdrop-filter: blur(1rem);
}
@media (min-width: 768px) {
  .intro__card-blur {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .intro__card-blur {
    min-height: 9.5rem;
    min-width: 25.2rem;
    padding: 2.4rem 2.8rem;
    gap: 1rem 2rem;
    border-radius: 2.8rem;
  }
}

.intro__card-price {
  margin: 0 auto 0 0;
  display: flex;
  align-items: center;
  gap: 0 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.intro__card-price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.intro__card-price del {
  font-size: 1.4rem;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #EEF3FA;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .intro__card-price {
    gap: 0 2rem;
    font-size: 3rem;
  }
  .intro__card-price del {
    font-size: 2.2rem;
  }
}

.intro__card-mark {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  padding: 0.4rem 1rem;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
  border-radius: 0.4rem;
  background: #F9E3E7;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .intro__card-mark {
    font-size: 1.8rem;
    padding: 0.4rem 1.2rem;
    border-radius: 0.6rem;
    width: 100%;
    height: 3.2rem;
  }
}

.intro__card-control {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.intro__card-control .ui-btn {
  height: 4rem;
  font-size: 1.4rem;
}
.intro__card-control .ui-btn svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.intro__card-control .ui-btn svg.icon-favorites path {
  fill: transparent;
  transition: fill 0.25s;
}
.intro__card-control .ui-btn.is-active svg.icon-favorites path {
  fill: currentColor;
}
.intro__card-control .ui-btn--dark:hover {
  background: #6B717B;
  color: #fff;
}
@media (min-width: 768px) {
  .intro__card-control {
    display: flex;
    gap: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .intro__card-control {
    display: flex;
    gap: 3.2rem;
  }
  .intro__card-control .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
  }
  .intro__card-control .ui-btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }
  .intro__card-control .ui-btn--red {
    padding: 0 5rem;
  }
  .intro__card-control .ui-btn--dark {
    padding: 0 2rem;
  }
}

.description {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .description {
    margin: 0 0 12rem;
  }
}

.description__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .description__title {
    font-size: 5rem;
  }
}

.description__wysiwyg {
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.description__wysiwyg h1,
.description__wysiwyg h2,
.description__wysiwyg h3,
.description__wysiwyg h4,
.description__wysiwyg h5 {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
.description__wysiwyg p {
  margin: 0 0 2rem;
}
.description__wysiwyg p:last-child {
  margin-bottom: 0;
}
.description__wysiwyg ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  color: #4F4E62;
}
.description__wysiwyg ul:last-child {
  margin-bottom: 0;
}
.description__wysiwyg ul > li {
  position: relative;
  padding: 0 0 0 1.8rem;
}
.description__wysiwyg ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
}
@media (min-width: 1200px) {
  .description__wysiwyg {
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
    margin: 0 0 5rem;
  }
  .description__wysiwyg h1,
  .description__wysiwyg h2,
  .description__wysiwyg h3,
  .description__wysiwyg h4,
  .description__wysiwyg h5 {
    margin: 0 0 4rem;
    font-size: 3rem;
  }
  .description__wysiwyg p {
    margin: 0 0 4rem;
  }
  .description__wysiwyg ul {
    gap: 2rem;
    margin: 0 0 5rem;
  }
  .description__wysiwyg ul > li {
    padding: 0 0 0 2.4rem;
  }
  .description__wysiwyg ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.description__control {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.description__control .ui-btn {
  height: 4.3rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .description__control {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .description__control {
    display: flex;
  }
  .description__control .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0 3rem;
  }
}

.speakers {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .speakers {
    margin: 0 0 12rem;
  }
}

.speakers__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .speakers__title {
    font-size: 5rem;
  }
}

.speakers__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
@media (min-width: 768px) {
  .speakers__list.--vertical {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
  }
  .speakers__list.--vertical .speakers__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .speakers__list.--horizontal {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .speakers__list.--vertical {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
  .speakers__list.--vertical .speakers__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .speakers__list.--horizontal {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem;
  }
}

.speakers__card {
  border: 1px solid #D2DBEA;
  border-radius: 2rem;
  padding: 1.8rem;
  display: flex;
  align-items: flex-start;
  gap: 1.8rem;
  height: 100%;
}
@media (min-width: 1200px) {
  .speakers__card {
    padding: 2.8rem;
    gap: 2.4rem;
  }
}

.speakers__card-image {
  width: 8rem;
  height: 8rem;
  border: 1px solid #D2DBEA;
  border-radius: 50%;
  overflow: hidden;
}
.speakers__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .speakers__card-image {
    width: 14rem;
    height: 14rem;
  }
}

.speakers__card-desc {
  flex: 1;
  align-self: center;
}

.speakers__card-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .speakers__card-title {
    font-size: 2.2rem;
  }
}

.speakers__card-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .speakers__card-text {
    font-size: 1.6rem;
  }
}

.feedback {
  overflow: visible;
  overflow: initial;
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .feedback {
    margin: 0 0 12rem;
  }
}

.feedback__wrapper {
  margin: 0 -1.6rem;
  padding: 2.4rem 1.6rem;
  border-radius: 2rem;
  background: #828B9B;
  color: #fff;
}
@media (min-width: 1200px) {
  .feedback__wrapper {
    margin: 0;
    padding: 7rem;
  }
}

.feedback__desc {
  margin: 0 0 3.2rem;
}
@media (min-width: 1200px) {
  .feedback__desc {
    margin: 0;
    max-width: 42rem;
  }
}

.feedback__title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .feedback__title {
    margin: 0 0 3rem;
    font-size: 4rem;
  }
}

.feedback__text {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .feedback__text {
    font-size: 2.2rem;
    max-width: 34rem;
  }
}

.feedback__form .row {
  align-items: center;
  margin: 0 -1rem -2rem;
}
.feedback__form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.feedback__form .form-response-success,
.feedback__form .form-response-error,
.feedback__form .ui-validate {
  color: #fff;
}
.feedback__form .ui-input,
.feedback__form .ui-textarea {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: transparent;
  color: #fff;
  height: 5.2rem;
}
.feedback__form .ui-input::-moz-placeholder, .feedback__form .ui-textarea::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.feedback__form .ui-input::placeholder,
.feedback__form .ui-textarea::placeholder {
  color: #fff;
  opacity: 0.7;
}
.feedback__form .ui-input:focus,
.feedback__form .ui-textarea:focus {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.feedback__form .ui-input.is-error,
.feedback__form .ui-textarea.is-error {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.feedback__form .ui-input.is-valid,
.feedback__form .ui-textarea.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.feedback__form .ui-textarea {
  height: 13.2rem;
}
.feedback__form .ui-checklist {
  padding: 1.2rem 0;
}
.feedback__form .ui-check__input:checked ~ .ui-check__checkbox {
  background: #fff;
  border-color: #fff;
  color: #CC2E27;
}
.feedback__form .ui-check__input:checked ~ .ui-check__checkbox:after {
  opacity: 1;
}
.feedback__form .ui-check__checkbox {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-color: transparent;
}
.feedback__form .ui-check__text {
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 2px 0;
}
.feedback__form .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .feedback__form .ui-checklist {
    display: grid;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .feedback__form .ui-textarea {
    height: 5.2rem;
  }
}
@media (min-width: 1200px) {
  .feedback__form .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .feedback__form .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
  .feedback__form .ui-input,
  .feedback__form .ui-textarea,
  .feedback__form .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1.6rem 2.4rem;
  }
  .feedback__form .ui-check__text {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 0.3rem 0;
  }
  .feedback__form .ui-checklist {
    padding: 0;
    gap: 3.2rem;
  }
  .feedback__form .ui-checklist > li {
    flex: 0 0 auto;
    max-width: 31rem;
  }
}

.lesson {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .lesson {
    margin: 0 0 12rem;
  }
}

.lesson__card {
  position: relative;
  overflow: hidden;
  margin: 0 -1.6rem;
  padding: 4rem 1.6rem;
  border-radius: 2rem;
  background: #EEF3FA;
}
.lesson__card .row {
  align-items: center;
}
@media (min-width: 1200px) {
  .lesson__card {
    margin: 0;
    padding: 6rem 7rem 7rem;
  }
}

.lesson__card-image {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6rem 0 4rem;
  margin: 0 0 -4rem;
}
.lesson__card-image img {
  display: block;
  width: 58rem;
  max-width: 100%;
}
.lesson__card-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 89rem;
  height: 89rem;
  background: #CC2E27;
  margin: 0 0 0 -44.5rem;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .lesson__card-image {
    margin: -4rem -1.6rem -4rem 0;
    padding: 4rem;
  }
  .lesson__card-image:before {
    position: absolute;
    top: 50%;
    left: 0;
    margin: -44.5rem 0 0 0;
  }
}
@media (min-width: 1200px) {
  .lesson__card-image {
    padding: 0;
    margin: -6rem -7rem -7rem 0;
    padding: 4.8rem;
  }
  .lesson__card-image:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -44.5rem 0 0 -40rem;
  }
}

.lesson__card-desc {
  margin: 0 0 4rem;
}
@media (min-width: 768px) {
  .lesson__card-desc {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .lesson__card-desc {
    margin: 0;
  }
}

.lesson__card-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.lesson__card-title mark {
  display: block;
}
@media (min-width: 768px) {
  .lesson__card-title mark {
    display: inline;
  }
}
@media (min-width: 1200px) {
  .lesson__card-title {
    margin: 0 0 4rem;
    font-size: 5rem;
  }
  .lesson__card-title mark {
    display: inline;
  }
}

.lesson__card-wysiwyg {
  display: block;
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.lesson__card-wysiwyg p {
  margin: 0 0 1rem;
}
.lesson__card-wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .lesson__card-wysiwyg {
    max-width: 48rem;
  }
}
@media (min-width: 1200px) {
  .lesson__card-wysiwyg {
    margin: 0 0 6rem;
    max-width: 72rem;
    font-size: 3rem;
  }
}

.lesson__card-btn {
  width: 100%;
  height: 4.3rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .lesson__card-btn {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .lesson__card-btn {
    width: auto;
    height: 6rem;
    min-width: 20.2rem;
    font-size: 1.8rem;
  }
}

.video {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .video {
    margin: 0 0 12rem;
  }
}

.video__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .video__title {
    margin: 0 0 5rem;
    font-size: 5rem;
  }
}

.video__card {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 343/200;
  border-radius: 2rem;
  position: relative;
  background: #D2DBEA;
  overflow: hidden;
}
.video__card:hover .video__card-play circle {
  transform: scale(1.2);
}
@media (min-width: 1200px) {
  .video__card {
    aspect-ratio: 1792/878;
  }
}

.video__card-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video__card-play {
  display: block;
  width: 6rem;
  height: 6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  margin: -3rem 0 0 -3rem;
  overflow: visible;
}
.video__card-play circle {
  transition: 0.25s;
  transform-origin: center center;
}
@media (min-width: 1200px) {
  .video__card-play {
    width: 9rem;
    height: 9rem;
    margin: -4.5rem 0 0 -4.5rem;
  }
}

.education {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .education {
    margin: 0 0 12rem;
  }
}

@media (min-width: 992px) {
  .education__grid {
    display: grid;
    grid-gap: 0 1.6rem;
    gap: 0 1.6rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title control" "steps steps";
  }
}
@media (min-width: 1200px) {
  .education__grid {
    display: grid;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title control" "steps steps";
  }
}

.education__title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 992px) {
  .education__title {
    grid-area: title;
    margin: 0 0 6rem;
  }
}
@media (min-width: 1200px) {
  .education__title {
    grid-area: title;
    font-size: 5rem;
    margin: 0 0 6rem;
  }
}

.education__steps {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
}
.education__steps > li {
  position: relative;
}
.education__steps > li:first-child .education__card:before {
  top: 2.3rem;
}
.education__steps > li:last-child:before {
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='49' height='29' viewBox='0 0 49 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M48 28C-14.7307 19.9021 -17.2568 -79.6456 48 -89' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  height: 3rem;
  bottom: auto;
}
.education__steps > li:last-child .education__card {
  background: #CC2E27;
  color: #fff;
}
.education__steps > li:last-child .education__card:before {
  display: none;
}
.education__steps > li:last-child .education__card:after {
  background: #fff;
}
.education__steps > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 2.8rem;
  bottom: -2.8rem;
  left: 0;
  width: 4.5rem;
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='50' height='119' viewBox='0 0 50 119' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49 118C-13.7307 109.902 -16.2568 10.3544 49 0.999994' stroke='%23CC2E27' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right top;
  background-size: 100% 100%;
}
@media (min-width: 992px) {
  .education__steps {
    grid-area: steps;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0;
    gap: 0;
  }
  .education__steps > li {
    padding: 7.5rem 0 0 0;
  }
  .education__steps > li:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 7.5rem;
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='382' height='117' viewBox='0 0 382 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 116C27.3007 -34.2924 350.618 -40.3444 381 116' stroke='%23CC2E27' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .education__steps > li:first-child .education__card:before {
    top: 0;
  }
  .education__steps > li:last-child {
    padding: 3.5rem 0 0 0;
  }
  .education__steps > li:last-child:before {
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='37' height='43' viewBox='0 0 37 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-344 42C-317.699 -108.292 5.61814 -114.344 36 42' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    z-index: 10;
    position: absolute;
    top: 3.5rem;
    left: -3.5rem;
    width: 3.8rem;
    height: 4.3rem;
    bottom: auto;
  }
  .education__steps > li:last-child .education__card {
    padding: 8rem 2.8rem 2.8rem;
    margin: 0 0 0 -2.8rem;
  }
  .education__steps > li:last-child .education__card:before {
    display: none;
  }
  .education__steps > li:last-child .education__card:after {
    top: 4rem;
    left: 3rem;
  }
}
@media (min-width: 1200px) {
  .education__steps {
    grid-area: steps;
    display: grid;
    grid-template-columns: repeat(4, 1fr) 30rem;
    grid-gap: 0;
    gap: 0;
  }
  .education__steps > li {
    padding: 11.5rem 0 0 0;
  }
  .education__steps > li:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: auto;
    height: 11.5rem;
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='382' height='117' viewBox='0 0 382 117' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 116C27.3007 -34.2924 350.618 -40.3444 381 116' stroke='%23CC2E27' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  }
  .education__steps > li:first-child .education__card:before {
    top: 0;
  }
  .education__steps > li:last-child {
    padding: 7.5rem 0 0 0;
  }
  .education__steps > li:last-child:before {
    background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='37' height='43' viewBox='0 0 37 43' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-344 42C-317.699 -108.292 5.61814 -114.344 36 42' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    z-index: 10;
    position: absolute;
    top: 7.5rem;
    left: -3.5rem;
    width: 3.8rem;
    height: 4.3rem;
    bottom: auto;
  }
  .education__steps > li:last-child .education__card {
    padding: 8rem 2.8rem 2.8rem;
    margin: 0 0 0 -2.8rem;
  }
  .education__steps > li:last-child .education__card:before {
    display: none;
  }
  .education__steps > li:last-child .education__card:after {
    top: 4rem;
    left: 3rem;
  }
}

.education__card {
  position: relative;
  border-radius: 1rem;
  padding: 1.8rem 1.8rem 1.8rem 9rem;
}
.education__card:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 4.4rem;
  bottom: 0;
  border-left: 1px dashed #A5AEBE;
  pointer-events: none;
}
.education__card:after {
  content: "";
  display: block;
  position: absolute;
  top: 1.8rem;
  left: 4.5rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #CC2E27;
  margin: 0.5rem 0 0 -0.5rem;
  pointer-events: none;
}
@media (min-width: 992px) {
  .education__card {
    padding: 4rem 3.2rem 0 0;
  }
  .education__card:before {
    top: 0;
    left: 0;
    right: 0;
    border: none;
    border-top: 1px dashed #A5AEBE;
  }
  .education__card:after {
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.75rem 0 0 -0.75rem;
  }
}
@media (min-width: 1200px) {
  .education__card {
    padding: 4rem 0 0 0;
  }
  .education__card:before {
    top: 0;
    left: 0;
    right: 0;
    border: none;
    border-top: 1px dashed #A5AEBE;
  }
  .education__card:after {
    top: 0;
    left: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin: -0.75rem 0 0 -0.75rem;
  }
}

.education__card-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .education__card-title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.education__card-text {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.education__card-text:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .education__card-text {
    font-size: 1.8rem;
    margin: 0 0 2rem;
    max-width: 27.2rem;
  }
}

.education__card-link {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  gap: 0.6rem;
  color: #4F4E62;
}
.education__card-link:hover {
  color: #CC2E27;
}
.education__card-link svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .education__card-link {
    font-size: 1.8rem;
    gap: 1rem;
  }
  .education__card-link svg {
    width: 2rem;
    height: 2rem;
  }
}

.education__control .ui-btn {
  width: 100%;
  height: 4.2rem;
  font-size: 1.4rem;
}
.education__control .ui-btn svg {
  width: 1.6rem;
  height: 1.6rem;
}
.education__control .ui-btn path {
  transition: 0.25s;
}
.education__control .ui-btn:hover {
  background-color: #CC2E27;
  color: #fff;
}
.education__control .ui-btn:hover path {
  fill: currentColor;
}
@media (min-width: 992px) {
  .education__control {
    grid-area: control;
  }
  .education__control .ui-btn {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .education__control {
    grid-area: control;
    margin: 0 0 6rem;
  }
  .education__control .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0 2.7rem;
  }
}

.suitable {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .suitable {
    margin: 0 0 12rem;
  }
}

.suitable__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .suitable__title {
    margin: 0 0 5rem;
    font-size: 5rem;
    line-height: 6rem;
    font-weight: 500;
  }
}

.suitable__card {
  border: 1px solid #D2DBEA;
  background: #fff;
  border-radius: 2rem;
  overflow: hidden;
  height: 100%;
}

.suitable__card-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 290/194;
  position: relative;
  background: #D2DBEA;
}
.suitable__card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .suitable__card-image {
    aspect-ratio: 424/270;
  }
}

.suitable__card-desc {
  padding: 1.8rem;
}
@media (min-width: 1200px) {
  .suitable__card-desc {
    padding: 3.6rem 4rem 4rem;
  }
}

.suitable__card-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .suitable__card-title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.suitable__card-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .suitable__card-text {
    font-size: 1.8rem;
  }
}

.time {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .time {
    margin: 0 0 12rem;
  }
}

.time__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .time__title {
    font-size: 5rem;
  }
}

@media (min-width: 992px) {
  .time__tabs {
    height: 100%;
  }
}
@media (min-width: 1200px) {
  .time__tabs {
    height: 100%;
  }
}

.time__tabs-control {
  display: flex;
  gap: 0.6rem;
  margin: 0 0 2rem;
  overflow-x: auto;
  overflow-y: hidden;
}
.time__tabs-control::-webkit-scrollbar {
  display: none;
}
@media (min-width: 992px) {
  .time__tabs-control {
    display: none;
  }
}
@media (min-width: 1200px) {
  .time__tabs-control {
    display: none;
  }
}

.time__tabs-btn {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.6rem;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  padding: 1.6rem 1.2rem;
  color: #6B717B;
  font-size: 1.3rem;
  line-height: 1.3;
  font-weight: 700;
  white-space: nowrap;
  text-transform: uppercase;
}
.time__tabs-btn small {
  display: block;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  text-transform: none;
}
.time__tabs-btn.is-active {
  background: #CC2E27;
  border-color: #CC2E27;
  color: #fff;
}

.time__tabs-wrapper {
  position: relative;
}
@media (min-width: 992px) {
  .time__tabs-wrapper {
    display: flex;
    gap: 3.2rem;
  }
}

.time__tabs-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  visibility: hidden;
}
.time__tabs-content.is-active {
  position: relative;
  opacity: 1;
  visibility: visible;
}
@media (min-width: 992px) {
  .time__tabs-content {
    position: relative;
    opacity: 1;
    visibility: visible;
  }
}

.time__tabs-image {
  display: none;
}
@media (min-width: 992px) {
  .time__tabs-image {
    display: block;
    overflow: hidden;
    border-radius: 1rem;
    background: #D7E0F0;
    width: 100%;
    height: auto;
    position: relative;
  }
  .time__tabs-image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 992px) {
  .time__tabs-image {
    border-radius: 2rem;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .time__tabs-table {
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 3.2rem 0;
    margin: 0 -3.2rem;
    table-layout: fixed;
    text-align: left;
  }
  .time__tabs-table th, .time__tabs-table td {
    width: 50%;
    vertical-align: top;
  }
  .time__tabs-table thead th,
  .time__tabs-table thead td {
    background: #CC2E27;
    color: #fff;
    padding: 1.6rem;
    border-radius: 1rem 1rem 0 0;
    border-bottom: 0.4rem solid #fff;
  }
  .time__tabs-table tbody td {
    padding: 1.6rem;
    background: #EEF3FA;
    border-bottom: 0.4rem solid #fff;
  }
  .time__tabs-table tfoot td {
    background: #EEF3FA;
    padding: 1.6rem;
    border-radius: 0 0 1rem 1rem;
  }
}
@media (min-width: 1200px) {
  .time__tabs-table {
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 3.2rem 0;
    margin: 0 -3.2rem;
    table-layout: fixed;
    text-align: left;
  }
  .time__tabs-table th, .time__tabs-table td {
    width: 50%;
    vertical-align: top;
  }
  .time__tabs-table thead th,
  .time__tabs-table thead td {
    background: #CC2E27;
    color: #fff;
    padding: 3rem 2.8rem;
    border-radius: 2rem 2rem 0 0;
    border-bottom: 0.4rem solid #fff;
  }
  .time__tabs-table tbody td {
    padding: 2.8rem;
    background: #EEF3FA;
    border-bottom: 0.4rem solid #fff;
  }
  .time__tabs-table tfoot td {
    background: #EEF3FA;
    padding: 2.8rem;
    border-radius: 0 0 2rem 2rem;
  }
}
@media (max-width: 991px) {
  .time__tabs-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
  }
  .time__tabs-table thead {
    display: none;
  }
  .time__tabs-table tbody td {
    padding: 1.2rem 1.6rem;
    background: #F3F7FC;
    border-bottom: 0.4rem solid #fff;
  }
  .time__tabs-table tbody tr:first-child td {
    border-radius: 1rem 1rem 0 0;
  }
  .time__tabs-table tbody tr:last-child td {
    border: none;
    border-radius: 0 0 1rem 1rem;
  }
  .time__tabs-table tfoot td {
    padding: 2rem 0 0;
  }
}

@media (min-width: 992px) {
  .time__tabs-table-title {
    display: block;
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 700;
  }
}
@media (min-width: 1200px) {
  .time__tabs-table-title {
    display: block;
    margin: 0 0 1.6rem;
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 700;
  }
}

@media (min-width: 992px) {
  .time__tabs-table-period {
    display: block;
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 500;
  }
}
@media (min-width: 1200px) {
  .time__tabs-table-period {
    display: block;
    font-size: 4rem;
    line-height: 1.3;
    font-weight: 500;
  }
}

.time__tabs-table-dl {
  margin: 0;
}
.time__tabs-table-dl dt {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
.time__tabs-table-dl dd {
  display: block;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .time__tabs-table-dl dt {
    margin: 0 0 1.6rem;
    font-size: 2.2rem;
  }
  .time__tabs-table-dl dd {
    font-size: 2.2rem;
    max-height: 11.2rem;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 0.8rem 0 0;
  }
  .time__tabs-table-dl dd::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    border-radius: 2px;
    background: #D7E0F0;
  }
  .time__tabs-table-dl dd::-webkit-scrollbar-thumb {
    background: #CC2E27;
  }
}

.time__tabs-table-control .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .time__tabs-table-control .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}

.time__image {
  display: none;
}
@media (min-width: 992px) {
  .time__image {
    display: block;
    overflow: hidden;
    border-radius: 1rem;
    background: #D7E0F0;
    width: 100%;
    height: 100%;
    position: relative;
  }
  .time__image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
@media (min-width: 992px) {
  .time__image {
    border-radius: 2rem;
  }
}

.qualifications {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .qualifications {
    margin: 0 0 12rem;
  }
}

.qualifications__card {
  margin: 0 -1.6rem;
  padding: 1.6rem 1.6rem 6rem;
  border-radius: 2rem;
  background: #EEF3FA;
}
@media (min-width: 768px) {
  .qualifications__card {
    padding: 3.2rem 1.6rem;
  }
  .qualifications__card .row {
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .qualifications__card {
    margin: 0;
    padding: 7rem;
  }
}

.qualifications__card-desc {
  margin: 0 0 4rem;
}
@media (min-width: 768px) {
  .qualifications__card-desc {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .qualifications__card-desc {
    margin: 0;
  }
}

.qualifications__card-icon {
  display: block;
  width: 5rem;
  height: 5rem;
  margin: 0 0 3rem;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}
.qualifications__card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .qualifications__card-icon {
    margin: 0 0 4rem;
    width: 7rem;
    height: 7rem;
  }
}

.qualifications__card-title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .qualifications__card-title {
    margin: 0 0 4rem;
    font-size: 5rem;
  }
}

.qualifications__card-wysiwyg {
  display: block;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.qualifications__card-wysiwyg strong {
  display: block;
  font-weight: 500;
}
.qualifications__card-wysiwyg p {
  margin: 0 0 1.6rem;
}
.qualifications__card-wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .qualifications__card-wysiwyg {
    max-width: 76.8rem;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
  }
  .qualifications__card-wysiwyg strong {
    font-size: 3rem;
  }
  .qualifications__card-wysiwyg p {
    margin: 0 0 3rem;
  }
}

.qualifications__card-figure {
  display: block;
  margin: 0;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 343/294;
}
@media (min-width: 768px) {
  .qualifications__card-figure {
    max-width: 34.3rem;
    float: right;
  }
}
@media (min-width: 1200px) {
  .qualifications__card-figure {
    aspect-ratio: 570/490;
    max-width: 57rem;
    float: right;
  }
}

.qualifications__card-image {
  display: block;
  aspect-ratio: 186/264;
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 0.4rem 0.8rem rgba(210, 219, 234, 0.5);
  width: 55%;
  height: auto;
}
.qualifications__card-image:nth-of-type(1) {
  position: absolute;
  top: 3rem;
  left: 0;
  z-index: 1;
}
.qualifications__card-image:nth-of-type(2) {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
.qualifications__card-image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .qualifications__card-image {
    aspect-ratio: 310/440;
  }
  .qualifications__card-image:nth-of-type(1) {
    top: 5rem;
  }
}

.questions {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .questions {
    margin: 0 0 12rem;
  }
}

@media (min-width: 992px) {
  .questions__grid {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
    grid-template-areas: "title control" "group group";
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .questions__grid {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
    grid-template-areas: "title control" "group group";
    align-items: center;
  }
}

.questions__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 992px) {
  .questions__title {
    grid-area: title;
    min-width: 0;
    margin: 0 0 3rem;
  }
}
@media (min-width: 1200px) {
  .questions__title {
    margin: 0 0 5rem;
    font-size: 5rem;
    grid-area: title;
    min-width: 0;
  }
}

.questions__group {
  margin: 0 0 3rem;
}
.questions__group .row {
  margin: 0 -0.8rem -1.6rem;
}
.questions__group .row > [class^=col] {
  padding: 0 0.8rem 1.6rem;
}
@media (min-width: 992px) {
  .questions__group {
    grid-area: group;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .questions__group {
    margin: 0;
    grid-area: group;
    min-width: 0;
  }
}

.questions__control .ui-btn {
  width: 100%;
  height: 4.3rem;
  font-size: 1.4rem;
}
.questions__control .ui-btn svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 992px) {
  .questions__control {
    grid-area: control;
    min-width: 0;
    margin: 0 0 3rem;
  }
}
@media (min-width: 1200px) {
  .questions__control {
    margin: 0 0 5rem;
    grid-area: control;
    min-width: 0;
  }
  .questions__control .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
    padding: 0 3rem;
  }
  .questions__control .ui-btn svg {
    width: 2rem;
    height: 2rem;
  }
}

.questions__card {
  border-radius: 1rem;
  background: #F3F7FC;
  padding: 1.8rem;
  margin: 0 0 1.6rem;
}
.questions__card:last-child {
  margin-bottom: 0;
}
.questions__card.is-open .questions__card-arrow {
  transform: rotate(180deg);
}
@media (min-width: 1200px) {
  .questions__card {
    margin: 0 0 3.2rem;
    padding: 4rem;
    border-radius: 1.6rem;
    min-height: 11rem;
  }
}

.questions__card-handler {
  display: flex;
  align-items: flex-start;
  gap: 2rem;
  cursor: pointer;
}

.questions__card-title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 500;
  flex: 1;
}
@media (min-width: 1200px) {
  .questions__card-title {
    font-size: 2.2rem;
    line-height: 2.8rem;
    font-weight: 500;
  }
}

.questions__card-descr {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 126%;
  font-weight: 400;
  flex-shrink: 0;
}
@media (min-width: 1200px) {
  .questions__card-descr {
    margin-right: 4rem;
    font-size: 2rem;
  }
}

.questions__card-arrow {
  display: block;
  flex: 0 0 auto;
  width: 1.6rem;
  height: 2.4rem;
  transition: transform 0.25s;
}
@media (min-width: 1200px) {
  .questions__card-arrow {
    width: 2rem;
    height: 2.8rem;
  }
}

.questions__card-content {
  display: none;
  padding: 2rem 0 0 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.questions__card-content p {
  margin: 0 0 1rem;
}
.questions__card-content p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .questions__card-content {
    font-size: 1.8rem;
    padding: 3rem 0 0;
  }
}

.schedule {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .schedule {
    margin: 0 0 12rem;
  }
}

.schedule__title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .schedule__title {
    font-size: 5rem;
  }
}

.schedule__accordion {
  margin: 0;
  border-bottom: 1px solid #D2DBEA;
}
@media (min-width: 1200px) {
  .schedule__accordion {
    margin: -3rem 0 0 0;
  }
}
.schedule__accordion dt {
  padding: 1.8rem 5.4rem 1.8rem 0;
  border-top: 1px solid #D2DBEA;
  position: relative;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  cursor: pointer;
}
.schedule__accordion dt:first-child {
  border-top: none;
}
.schedule__accordion dt mark {
  display: block;
}
.schedule__accordion dt svg {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 3rem;
  height: 3rem;
  margin: -1.5rem 0 0 0;
  color: #292D32;
}
.schedule__accordion dt path {
  transform-origin: center center;
  transition: 0.25s;
}
.schedule__accordion dt.is-open path:nth-of-type(2) {
  transform: rotate(180deg);
  opacity: 0;
}
@media (min-width: 1200px) {
  .schedule__accordion dt {
    padding: 4rem 6rem 4rem 0;
    font-size: 3rem;
  }
  .schedule__accordion dt mark {
    display: inline;
  }
  .schedule__accordion dt svg {
    width: 4rem;
    height: 4rem;
    margin: -2rem 0 0 0;
  }
}
.schedule__accordion dd {
  margin: 0;
  padding: 0 0 1.8rem;
  display: none;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .schedule__accordion dd {
    font-size: 2.2rem;
    padding: 0 0 4rem;
  }
}
.schedule__accordion ul {
  margin: 0 0 2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.2rem;
  gap: 1.2rem;
}
.schedule__accordion ul:last-child {
  margin-bottom: 0;
}
.schedule__accordion ul > li {
  position: relative;
  padding: 0 0 0 1.8rem;
}
.schedule__accordion ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #CC2E27;
}
@media (min-width: 1200px) {
  .schedule__accordion ul {
    gap: 1.6rem;
  }
  .schedule__accordion ul > li {
    padding: 0 0 0 2.4rem;
  }
  .schedule__accordion ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
}
.schedule__accordion p {
  margin: 0 0 1rem;
}
.schedule__accordion p:last-child {
  margin-bottom: 0;
}

.learn {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .learn {
    margin: 0 0 12rem;
  }
}

.learn__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .learn__title {
    margin: 0 0 5rem;
    font-size: 5rem;
    text-align: center;
  }
}

.learn__card {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  background: #F3F7FC;
  border-radius: 2rem;
  padding: 1.8rem;
  transition: 0.4s ease-out;
  overflow: hidden;
}
.learn__card:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  background: #CC2E27;
  transform: scale(0);
  width: 0px;
  height: 0px;
  border-radius: 50%;
  transition: 0.4s ease-out;
  aspect-ratio: 1/1;
  transform-origin: 50% 50%;
  opacity: 0;
}
.learn__card svg:has(path[stroke^="#"]) path {
  stroke: currentColor;
}
.learn__card svg:has(path[fill^="#"]) path {
  fill: currentColor;
}
.learn__card:hover {
  color: #fff;
}
.learn__card:hover:before {
  width: 36rem;
  height: 36rem;
  transform: scale(2);
  opacity: 1;
}
.learn__card:hover .learn__card-icon {
  color: #fff;
}
@media (min-width: 1200px) {
  .learn__card {
    padding: 2.8rem;
  }
}

.learn__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 0 3rem;
  transition: 0.4s ease-out;
  color: #CC2E27;
}
.learn__card-icon img, .learn__card-icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .learn__card-icon {
    width: 4rem;
    height: 4rem;
    margin: 0 0 3rem;
  }
}

.learn__card-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .learn__card-title {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
}

.learn__card-wysiwyg,
.learn__card-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 400;
}
.learn__card-wysiwyg p,
.learn__card-text p {
  margin: 0 0 1.6rem;
}
.learn__card-wysiwyg p:last-child,
.learn__card-text p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .learn__card-wysiwyg,
  .learn__card-text {
    font-size: 1.8rem;
  }
}

.briefly {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .briefly {
    margin: 0 0 12rem;
  }
}

.briefly__wrapper {
  position: relative;
  border-radius: 2rem 2rem 0 0;
  margin: 0 -1.6rem;
  padding: 3rem 1.6rem;
  overflow: hidden;
  background: #4F4E62;
  color: #fff;
}
@media (min-width: 1200px) {
  .briefly__wrapper {
    margin: 0;
    border-radius: 2rem;
    padding: 6rem 7rem;
  }
}

.briefly__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.briefly__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.briefly__image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(79, 78, 98, 0.8) 0%, rgba(79, 78, 98, 0.8) 100%);
}

.briefly__desc {
  position: relative;
  z-index: 2;
}
.briefly__wysiwyg {
  margin: 0 0 3rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.briefly__wysiwyg h2 {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
.briefly__wysiwyg h2 small {
  padding: 1rem 0 0;
}
.briefly__wysiwyg hr {
  margin: 2.4rem 0;
  border: none;
  border-bottom: 1px solid #A5AEBE;
}
.briefly__wysiwyg ul {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.2rem;
  gap: 1.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
.briefly__wysiwyg ul > li {
  position: relative;
  padding: 0 0 0 1.8rem;
}
.briefly__wysiwyg ul > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background: #fff;
}
.briefly__wysiwyg ul + hr {
  margin: 3rem 0;
}
.briefly__wysiwyg p {
  margin: 0 0 1.2rem;
}
.briefly__wysiwyg p:last-child {
  margin-bottom: 0;
}
.briefly__wysiwyg b {
  font-weight: 500;
}
.briefly__wysiwyg small {
  display: block;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .briefly__wysiwyg {
    padding: 0 3.8rem 0 0;
    margin: 0;
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 400;
  }
  .briefly__wysiwyg h2 {
    margin: 0 0 3.6rem;
    font-size: 5rem;
  }
  .briefly__wysiwyg ul {
    margin: 0 0 3.6rem;
    display: block;
    -moz-columns: 2;
         columns: 2;
    -moz-column-gap: 8rem;
         column-gap: 8rem;
    font-size: 2.2rem;
  }
  .briefly__wysiwyg ul > li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 1.6rem;
    padding: 0 0 0 2.4rem;
  }
  .briefly__wysiwyg ul > li:before {
    width: 0.8rem;
    height: 0.8rem;
  }
  .briefly__wysiwyg ul + hr {
    margin: 3.6rem 0;
  }
  .briefly__wysiwyg hr {
    margin: 3.6rem 0;
  }
  .briefly__wysiwyg p {
    margin: 0 0 3.6rem;
  }
  .briefly__wysiwyg small {
    font-size: 1.8rem;
  }
}

.briefly__feedback {
  background: #F3F7FC;
  margin: 0 -1.6rem -3rem;
  padding: 2.4rem 1.6rem;
}
@media (min-width: 768px) {
  .briefly__feedback {
    margin: 0;
    width: 37.5rem;
    border-radius: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .briefly__feedback {
    margin: 0;
    padding: 3.4rem 4rem 4rem;
    width: 44.6rem;
    border-radius: 2rem;
    background: #fff;
  }
}

.briefly__feedback-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .briefly__feedback-title {
    margin: 0 0 1rem;
  }
}

.briefly__feedback-text {
  display: block;
  margin: 0 0 3.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #828B9B;
}
@media (min-width: 1200px) {
  .briefly__feedback-text {
    margin: 0 0 2.4rem;
    font-weight: 500;
  }
}

.briefly__feedback-form {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.briefly__feedback-form .ui-placeholder__label {
  color: #A5AEBE;
  opacity: 1;
}
.briefly__feedback-form .ui-placeholder__input, .briefly__feedback-form .ui-placeholder__textarea {
  background-color: rgba(165, 174, 190, 0.1);
}
.briefly__feedback-form .ui-checklist {
  padding: 1.2rem 0;
}
.briefly__feedback-form .ui-btn {
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .briefly__feedback-form .ui-checklist {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .briefly__feedback-form {
    gap: 2.4rem;
  }
  .briefly__feedback-form .ui-placeholder {
    height: 5.4rem;
  }
  .briefly__feedback-form .ui-placeholder__input, .briefly__feedback-form .ui-placeholder__textarea {
    background-color: #EEF3FA;
  }
  .briefly__feedback-form .ui-checklist {
    padding: 0;
    gap: 1rem;
  }
  .briefly__feedback-form .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}

.job {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .job {
    margin: 0 0 12rem;
  }
}

@media (min-width: 992px) {
  .job__grid {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
    grid-template-areas: "title control" "swiper swiper";
  }
}
@media (min-width: 1200px) {
  .job__grid {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-gap: 0 6.4rem;
    gap: 0 6.4rem;
    grid-template-areas: "title control" "swiper swiper";
  }
}

.job__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 992px) {
  .job__title {
    grid-area: title;
    min-width: 0;
  }
}
@media (min-width: 1200px) {
  .job__title {
    font-size: 5rem;
    margin: 0 0 4rem;
    grid-area: title;
    min-width: 0;
  }
}

.job__swiper {
  margin: 0 0 3rem;
}
@media (min-width: 992px) {
  .job__swiper {
    grid-area: swiper;
    min-width: 0;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .job__swiper {
    margin: 0;
    grid-area: swiper;
    min-width: 0;
  }
}

.job__control {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.job__control .ui-btn {
  width: 100%;
  height: 4.2rem;
  font-size: 1.4rem;
  white-space: nowrap;
}
.job__control .ui-btn--light svg {
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
.job__control .ui-btn--light svg path {
  transition: fill 0.25s;
}
.job__control .ui-btn--light:hover {
  background: #CC2E27;
  color: #fff;
}
.job__control .ui-btn--light:hover svg path {
  fill: #fff;
}
@media (min-width: 992px) {
  .job__control {
    grid-area: control;
    min-width: 0;
    display: flex;
    gap: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .job__control {
    gap: 3.6rem;
    display: flex;
    padding: 1.6rem 0;
    margin: 0 0 4rem;
    grid-area: control;
    min-width: 0;
  }
  .job__control .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
    white-space: nowrap;
  }
  .job__control .ui-btn--light {
    padding: 0 2rem;
  }
  .job__control .ui-btn--dark {
    padding: 0 3rem;
  }
}

.formats {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .formats {
    margin: 0 0 12rem;
  }
}

.formats__swiper {
  margin: 0 -1.6rem;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .formats__swiper {
    margin: 0 -3.2rem;
  }
}

.formats__table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1.6rem 0;
  margin: 0;
}
.formats__table th, .formats__table td {
  width: 11rem;
  min-width: 11rem;
  vertical-align: middle;
  text-align: center;
  padding: 1.6rem;
}
.formats__table th:first-child, .formats__table td:first-child {
  min-width: 16.4rem;
  width: 16.4rem;
  text-align: left;
  position: relative;
  z-index: 100;
  box-shadow: 1.6rem 0 0 0 #fff, -3.2rem 0 0 0 #fff;
}
.formats__table thead th {
  vertical-align: top;
  padding: 0;
  background: #fff;
}
.formats__table thead td {
  background: #CC2E27;
  color: #fff;
  border-radius: 1rem 1rem 0 0;
}
.formats__table tbody th, .formats__table tbody td {
  background: #F3F7FC;
  border-bottom: 2px solid #fff;
}
.formats__table tbody tr:first-child th {
  border-radius: 1rem 1rem 0 0;
}
.formats__table tbody tr:last-child th {
  border-radius: 0 0 1rem 1rem;
}
.formats__table tfoot th {
  background: #fff;
}
.formats__table tfoot th, .formats__table tfoot td {
  padding: 0;
}
@media (min-width: 992px) {
  .formats__table {
    table-layout: fixed;
  }
  .formats__table th,
  .formats__table td {
    width: 25%;
  }
  .formats__table th:first-child,
  .formats__table td:first-child {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .formats__table {
    border-spacing: 3.2rem 0;
    width: auto;
    min-width: 100%;
    table-layout: auto;
    table-layout: initial;
  }
  .formats__table th, .formats__table td {
    width: auto;
  }
  .formats__table th:first-child, .formats__table td:first-child {
    width: 42.4rem;
    min-width: 42.4rem;
  }
  .formats__table:has(th:nth-child(4)) th, .formats__table:has(th:nth-child(4)) td, .formats__table:has(td:nth-child(4)) th, .formats__table:has(td:nth-child(4)) td {
    width: 40rem;
    min-width: 40rem;
  }
  .formats__table:has(th:nth-child(4)) th:first-child, .formats__table:has(th:nth-child(4)) td:first-child, .formats__table:has(td:nth-child(4)) th:first-child, .formats__table:has(td:nth-child(4)) td:first-child {
    width: 42.4rem;
    min-width: 42.4rem;
  }
  .formats__table thead td {
    border-radius: 2rem 2rem 0 0;
    padding: 2.8rem;
  }
  .formats__table tbody th,
  .formats__table tbody td {
    padding: 2rem 2.8rem;
    border-width: 0.4rem;
  }
  .formats__table tbody tr:first-child th {
    border-radius: 2rem 2rem 0 0;
  }
  .formats__table tbody tr:last-child th {
    border-radius: 0 0 2rem 2rem;
  }
  .formats__table tfoot td {
    padding: 2.8rem;
    background: #F3F7FC;
    border-radius: 0 0 2rem 2rem;
  }
}

.formats__table-title {
  display: block;
  margin: 0;
  height: 100%;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .formats__table-title {
    font-size: 5rem;
  }
}

.formats__table-buttons {
  display: none;
}
@media (min-width: 1200px) {
  .formats__table-buttons {
    display: flex;
    gap: 2rem;
    padding: 3.2rem 0;
  }
  .formats__table-buttons:has(.swiper-button-lock) {
    display: none;
  }
}

.fomats__table-package {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .fomats__table-package {
    margin: 0 0 2rem;
    font-size: 2.2rem;
  }
  .fomats__table-package br {
    display: none;
  }
}

.formats__table-price {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
}
.formats__table-price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.formats__table-price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  font-size: 1.2rem;
  opacity: 0.6;
}
@media (min-width: 1200px) {
  .formats__table-price {
    gap: 1rem;
    font-size: 4rem;
  }
  .formats__table-price del {
    font-size: 3rem;
  }
}

.fomats__table-label {
  display: block;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .fomats__table-label {
    font-size: 1.8rem;
  }
}

.fomats__table-icon {
  display: block;
  margin: 0 auto;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 1200px) {
  .fomats__table-icon {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.formats__table-control .ui-btn {
  width: 100%;
  height: 4.2rem;
  font-size: 1.4rem;
  border-radius: 0 0 1rem 1rem;
}
@media (min-width: 1200px) {
  .formats__table-control .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
    border-radius: 1rem;
  }
}

.earn {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .earn {
    margin: 0 0 12rem;
  }
}

.earn__wrapper {
  padding: 4rem 1.6rem;
  margin: 0 -1.6rem;
  border-radius: 2rem;
  background: #EEF3FA;
}
@media (min-width: 1200px) {
  .earn__wrapper {
    margin: 0;
    padding: 6rem 7rem 7rem;
  }
}

.earn__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .earn__title {
    font-size: 4rem;
    max-width: 58rem;
  }
}

.earn__info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
  gap: 3rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
.earn__info mark {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  color: #A5AEBE;
}
.earn__info p {
  margin: 0;
}
.earn__info a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #4F4E62;
}
.earn__info a:hover {
  color: #CC2E27;
}
.earn__info a svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .earn__info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .earn__info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem;
    margin: 0;
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 500;
  }
  .earn__info mark {
    margin: 0 0 1.4rem;
    font-size: 2.2rem;
  }
  .earn__info a {
    gap: 1rem;
    font-size: 1.8rem;
  }
  .earn__info a svg {
    width: 2rem;
    height: 2rem;
  }
}

.academy {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .academy {
    margin: 0 0 12rem;
  }
}

.academy__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .academy__title {
    font-size: 7rem;
    max-width: 164rem;
    margin: 0 0 7rem;
  }
}

.academy__topbar {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .academy__topbar {
    margin: 0 0 7rem;
  }
}

.academy__tags {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .academy__tags {
    margin: 0 0 7rem;
  }
}

.academy__tags-btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 3.4rem;
  padding: 0 1.4rem;
  border-radius: 4rem;
  transition: 0.25s;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  background: #F3F7FC;
  color: #4F4E62;
}
.academy__tags-btn svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
.academy__tags-btn:hover {
  background: #F9E3E7;
  color: #CC2E27;
}
.academy__tags-btn:has(svg) {
  background: rgba(210, 219, 234, 0.6);
  color: #4F4E62;
}
.academy__tags-btn:has(svg):hover {
  background: #d2dbea;
  color: #4F4E62;
}
.academy__tags-btn:has(svg)[href="/study/records/"] {
  background: #F3F7FC;
}
.academy__tags-btn:has(svg)[href="/study/records/"]:hover {
  background: #F9E3E7;
  color: #CC2E27;
}
.academy__tags-btn:has(svg)[href="/study/records/"].is-active {
  background: #CC2E27;
  color: #fff;
}
.academy__tags-btn.is-active {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 1200px) {
  .academy__tags-btn {
    font-size: 2.2rem;
    padding: 0 2.8rem;
    height: 5.6rem;
    gap: 1.6rem;
  }
  .academy__tags-btn svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.academy__download .ui-btn {
  width: auto;
  height: 4.3rem;
  font-size: 1.4rem;
}
.academy__download .ui-btn svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .academy__download {
    margin: 0 0 7rem;
  }
  .academy__download .ui-btn {
    height: 5.6rem;
    font-size: 1.8rem;
    padding: 0 3rem;
    gap: 1rem;
  }
  .academy__download .ui-btn svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.academy__handler {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  height: 4.3rem;
  width: auto;
}

.academy__handler-icon {
  display: block;
  width: 2rem;
  height: 2rem;
  color: #6B717B;
  flex: 0 0 auto;
}

.academy__handler-text {
  white-space: nowrap;
  display: block;
  flex: 1;
}

.academy__filter .row {
  gap: 1.2rem 0;
  margin: 0 -0.6rem;
}
.academy__filter .row > [class^=col] {
  padding: 0 0.6rem;
}
.academy__filter .choices {
  height: 5.2rem;
}
@media (min-width: 1200px) {
  .academy__filter .row {
    gap: 3.2rem 0;
    margin: 0 -1.6rem;
  }
  .academy__filter .row > [class^=col] {
    padding: 0 1.6rem;
  }
}

.academy__filter-offcanvas {
  padding: 3rem 0 0;
  display: none;
}
@media (min-width: 1200px) {
  .academy__filter-offcanvas {
    display: block !important;
    padding: 0;
  }
}

.academy__events {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .academy__events {
    margin: 0 0 12rem;
  }
}

.academy__grid {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-gap: 4rem 1.6rem;
  gap: 4rem 1.6rem;
}
.academy__grid > li {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.academy__grid > li > * {
  flex: 1;
}
@media (min-width: 768px) {
  .academy__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .academy__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .academy__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 6rem 3.2rem;
    margin: 0 0 6rem;
  }
}

.academy__subtitle {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .academy__subtitle {
    font-size: 4rem;
    margin: 0 0 5rem;
  }
}

.academy__promo {
  margin: 0 -1.6rem 6rem;
  border-radius: 2rem;
  background: #828B9B;
  color: #fff;
  overflow: hidden;
  position: relative;
}
.academy__promo .row {
  align-items: center;
  margin: 0;
  flex: 1;
}
.academy__promo .row > [class^=col] {
  padding: 0;
  position: relative;
}
@media (min-width: 1200px) {
  .academy__promo {
    margin: 0 0 9rem;
  }
}

.academy__promo-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.8rem;
  height: 5.8rem;
  position: absolute;
  top: 3rem;
  right: 1.6rem;
}
.academy__promo-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 768px) {
  .academy__promo-image {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    min-height: 100%;
    z-index: 1;
  }
  .academy__promo-image img {
    max-width: 18.4rem;
  }
  .academy__promo-image::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 52.8rem;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #A5AEBE;
    z-index: -1;
    margin: -3.2rem 0 0 0;
  }
}
@media (min-width: 1200px) {
  .academy__promo-image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    width: 39rem;
  }
  .academy__promo-image img {
    display: block;
    width: 100%;
    max-width: 18.4rem;
    height: auto;
  }
}

.academy__promo-desc {
  padding: 3rem 1.6rem 4rem;
}
@media (min-width: 768px) {
  .academy__promo-desc {
    padding: 3rem 1.6rem 4rem 3rem;
  }
}
@media (min-width: 1200px) {
  .academy__promo-desc {
    padding: 6rem 6rem 7rem 7rem;
  }
}

.academy__promo-title {
  display: block;
  margin: 0 7rem 2rem 0;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 768px) {
  .academy__promo-title br {
    display: none;
  }
}
@media (min-width: 1200px) {
  .academy__promo-title {
    font-size: 4rem;
  }
  .academy__promo-title br {
    display: none;
  }
}

.academy__promo-text {
  display: block;
  margin: 0 0 3.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  max-width: 93rem;
}
@media (min-width: 1200px) {
  .academy__promo-text {
    font-size: 2.2rem;
    margin: 0 0 3.6rem;
  }
}

.academy__promo-action {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.academy__promo-action .ui-btn {
  height: 4.3rem;
}
@media (min-width: 768px) {
  .academy__promo-action {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (min-width: 1200px) {
  .academy__promo-action {
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
  }
  .academy__promo-action .ui-btn {
    height: 6rem;
    padding: 0 3rem;
  }
}

.calendar {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.calendar > * {
  min-width: 0;
}

.calendar__container {
  display: block;
}

.calendar__selected {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .calendar__selected {
    display: none;
  }
}

.calendar__empty {
  border-radius: 1rem;
  border: 1px solid #d2dbea;
  padding: 1.8rem;
  margin: 0;
  display: block;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6b717b;
}

.calendar__event {
  position: relative;
  border-radius: 1rem;
  padding: 1.8rem;
  flex: 1;
  color: #4f4e62;
  border: 1px dashed transparent;
  border: 1px dashed var(--border-color, transparent);
}
.calendar__event:hover {
  color: #4f4e62;
}
.calendar__event.is-event-past {
  opacity: 0.5;
}
@media (min-width: 1200px) {
  .calendar__event {
    padding: 1.6rem 1.6rem 5.2rem;
  }
}

.calendar__event-head {
  padding: 0 0 1.6rem;
  margin: 0 0 1.6rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
@media (min-width: 1200px) {
  .calendar__event-head {
    padding: 0 0 1.4rem;
    margin: 0 0 1.4rem;
  }
}

.calendar__event-body {
  display: flex;
  align-items: flex-end;
  gap: 1.6rem;
}

.calendar__event-day {
  display: none;
}
@media (min-width: 1200px) {
  .calendar__event-day {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 700;
    color: #828b9b;
    position: absolute;
    left: -1px;
    bottom: -1px;
    z-index: 10;
    border-radius: 0 1rem 0 0;
    background: #fff;
    box-shadow: -2px 2px 0 0 #fff;
    width: 4.2rem;
    height: 4.2rem;
    --size: 2rem;
  }
  .calendar__event-day::before, .calendar__event-day::after {
    content: "";
    display: block;
    width: var(--size);
    height: var(--size);
    box-sizing: content-box;
    z-index: 100;
    border-radius: 0 0 0 1rem;
  }
  .calendar__event-day::before {
    position: absolute;
    left: 0;
    bottom: 100%;
    box-shadow: calc(-1 * var(--size) / 2) calc(var(--size) / 2) 0 0 #fff;
  }
  .calendar__event-day::after {
    position: absolute;
    bottom: 0;
    left: 100%;
    box-shadow: calc(-1 * var(--size) / 2) calc(var(--size) / 2) 0 0 #fff;
  }
}

.calendar__event-badge {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  min-height: 2.2rem;
  border-radius: 0.4rem;
  padding: 0.4rem 0.8rem;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: 700;
  white-space: normal;
  text-transform: uppercase;
  margin: -0.8rem -0.8rem 1.2rem;
  color: #fff;
}
@media (min-width: 1200px) {
  .calendar__event-badge {
    margin: -0.6rem -0.6rem 1.5rem;
  }
}

.calendar__event-title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}

.calendar__event-wysiwyg {
  flex: 1;
}
.calendar__event-wysiwyg table {
  display: block;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  flex: 1;
}
.calendar__event-wysiwyg table thead,
.calendar__event-wysiwyg table tbody,
.calendar__event-wysiwyg table tfoot,
.calendar__event-wysiwyg table tr,
.calendar__event-wysiwyg table th,
.calendar__event-wysiwyg table td {
  display: block;
}
.calendar__event-wysiwyg table tbody {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.6rem;
  gap: 0.6rem;
}
.calendar__event-wysiwyg table tr {
  display: flex;
  align-items: flex-start;
  gap: 0 0.8rem;
}
.calendar__event-wysiwyg table b {
  font-weight: 500;
  display: block;
  margin: 0 0 0.4rem;
}
.calendar__event-wysiwyg table b:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .calendar__event-wysiwyg table {
    font-size: 1.3rem;
  }
}

.calendar__event-certificate {
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .calendar__event-certificate {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
  }
}

.calendar__event-sticker {
  display: flex;
  min-width: 2.8rem;
  height: 2.8rem;
  flex: 0 0 auto;
  position: relative;
  border-radius: 0.6rem;
  background: #1CC04A;
  color: #fff;
  position: relative;
  z-index: 200;
  cursor: pointer;
}
@media (min-width: 1200px) {
  .calendar__event-sticker {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
  }
  .calendar__event-sticker:hover .calendar__event-sticker-text {
    max-width: 18rem;
    padding: 0 0.8rem 0 0;
    opacity: 1;
  }
}

.calendar__event-sticker-icon {
  width: 2.8rem;
  height: 2.8rem;
  flex: 0 0 auto;
}
.calendar__event-sticker-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}

.calendar__event-sticker-text {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 500;
  white-space: nowrap;
  padding: 0;
  transition: 0.4s;
  max-width: 0;
  overflow: hidden;
  opacity: 0;
}

.calendar__cell.has-border .calendar__cell-bg {
  border: 1px dashed transparent;
  border: 1px dashed var(--border-color, transparent);
}
.calendar__cell.has-border .calendar__event {
  border: 1px dashed transparent;
  border: 1px dashed var(--border-color, transparent);
}
.calendar__cell.has-border .calendar__event-day {
  border: 1px dashed transparent;
  border: 1px dashed var(--border-color, transparent);
  border-left: none;
  border-bottom: none;
}
.calendar__cell.has-border .calendar__event-day::before, .calendar__cell.has-border .calendar__event-day::after {
  border: 1px dashed transparent;
  border: 1px dashed var(--border-color, transparent);
  border-top: none;
  border-right: none;
}
@media (min-width: 1200px) {
  .calendar__cell {
    height: 100%;
    width: 100%;
  }
}

.calendar__cell-subsc {
  display: block;
  width: 1.6rem;
  height: 2px;
  border-radius: 10rem;
  background: #1CC04A;
  position: absolute;
  left: 50%;
  bottom: 0.6rem;
  z-index: 2;
  margin: 0 0 0 -0.8rem;
}
@media (min-width: 1200px) {
  .calendar__cell-subsc {
    display: none;
  }
}

.calendar__cell-events {
  display: none;
}
@media (min-width: 1200px) {
  .calendar__cell-events {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
  }
}

.calendar__cell-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  overflow: hidden;
}
.calendar__cell-bg > li {
  flex: 1;
}
@media (min-width: 1200px) {
  .calendar__cell-bg {
    display: none;
  }
}

.calendar__cell-dots {
  position: absolute;
  top: 0.6rem;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
}
.calendar__cell-dots > li {
  width: 0.4rem;
  height: 0.4rem;
  flex: 0 0 auto;
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .calendar__cell-dots {
    display: none;
  }
}

.calendar__cell-date {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .calendar__cell-date {
    display: none;
  }
}

.calendar__colors {
  border-radius: 1rem;
  border: 1px solid #d2dbea;
  padding: 1.8rem;
  display: none;
}

.calendar__colors-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}

.calendar__color {
  display: flex;
  align-items: center;
  gap: 1rem;
  height: 2.2rem;
}
.calendar__color--violet .calendar__color-dot {
  background-color: #e0e0fc;
  color: #6562ef;
}
.calendar__color--violet .calendar__color-badge {
  background-color: #6562ef;
  color: #fff;
}
.calendar__color--yellow .calendar__color-dot {
  background-color: #ffeab3;
  color: #ffb800;
}
.calendar__color--yellow .calendar__color-badge {
  background-color: #ffb800;
  color: #fff;
}
.calendar__color--blue .calendar__color-dot {
  background-color: #e1ecfd;
  color: #87b4f7;
}
.calendar__color--blue .calendar__color-badge {
  background-color: #87b4f7;
  color: #fff;
}
.calendar__color--middlegrey .calendar__color-dot {
  background-color: #dbdfe5;
  color: #828b9b;
}
.calendar__color--middlegrey .calendar__color-badge {
  background-color: #828b9b;
  color: #fff;
}
.calendar__color--red .calendar__color-dot {
  background-color: #eef3fa;
  color: #cc2e27;
}
.calendar__color--red .calendar__color-badge {
  background-color: #cc2e27;
  color: #fff;
}
.calendar__color--redlight .calendar__color-dot {
  background-color: #f9e3e7;
  color: #cc2e27;
}
.calendar__color--redlight .calendar__color-badge {
  background-color: #cc2e27;
  color: #fff;
}
.calendar__color--grey .calendar__color-dot {
  background-color: #dbdfe5;
  color: #a5aebe;
}
.calendar__color--grey .calendar__color-badge {
  background-color: #a5aebe;
  color: #fff;
}

.calendar__color-dot {
  border-radius: 0.4rem;
  width: auto;
  height: 100%;
  aspect-ratio: 1/1;
  position: relative;
  flex: 0 0 auto;
}
.calendar__color-dot:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  margin: -0.3rem 0 0 -0.3rem;
  background: currentColor;
}

.calendar__color-badge {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  height: 100%;
  padding: 0 0.8rem;
  border-radius: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}

/* Включаем кликабельность событий предыдущего и следующего месяца */
.air-datepicker-cell.-other-month- {
  pointer-events: auto !important;
}

.data {
  margin: 0 0 6rem;
}
.data iframe {
  display: block;
  margin: 0;
  border: none;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  overflow: hidden;
  border-radius: 2rem;
}
@media (min-width: 1200px) {
  .data {
    margin: 0 0 12rem;
  }
}

.privileges {
  padding: 4rem 0;
  margin: 0 0 6rem;
  background: #F3F7FC;
  border-radius: 2rem;
}
@media (min-width: 1200px) {
  .privileges {
    padding: 0;
    margin: 0 0 12rem;
    background: none;
    border-radius: 0;
  }
}

@media (min-width: 1200px) {
  .privileges__grid {
    background: #EEF3FA;
    border-radius: 2rem;
    padding: 6rem 7rem 9rem;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "title button" "cards cards" "steps steps";
    align-items: center;
  }
}

.privileges__title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .privileges__title {
    margin: 0 0 4rem;
    font-size: 5rem;
    grid-area: title;
  }
}

.privileges__cards {
  margin: 0 0 1.6rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.privileges__cards > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .privileges__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .privileges__cards {
    grid-area: cards;
    gap: 3.2rem;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 0 8rem;
  }
}

.privileges__card {
  background: #CC2E27;
  color: #fff;
  border-radius: 2rem;
  padding: 1.8rem;
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  height: 100%;
}
@media (min-width: 768px) {
  .privileges__card {
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .privileges__card {
    padding: 2.8rem;
    gap: 3rem;
    min-height: 18.2rem;
  }
}

.privileges__card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  flex: 0 0 auto;
  margin: 0;
}
.privileges__card-icon img, .privileges__card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .privileges__card-icon {
    width: 4rem;
    height: 4rem;
  }
}

.privileges__card-wysiwyg {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 400;
  margin: 0;
}
.privileges__card-wysiwyg p {
  margin: 0 0 1rem;
}
.privileges__card-wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .privileges__card-wysiwyg {
    font-size: 2.2rem;
  }
}

.privileges__button {
  margin: 0 0 4rem;
}
.privileges__button .ui-btn {
  width: 100%;
  height: 4.3rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .privileges__button {
    margin: 0 0 4rem;
    grid-area: button;
  }
  .privileges__button .ui-btn {
    width: auto;
    height: 4.8rem;
    padding: 0 3rem;
    font-size: 1.8rem;
  }
}

.privileges__steps {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.privileges__steps > li {
  position: relative;
  margin: 0 0 3rem;
}
.privileges__steps > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0.5rem;
  bottom: -3rem;
  border-right: 1px dashed #A5AEBE;
  z-index: 1;
}
.privileges__steps > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 0.5em;
  right: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #CC2E27;
  z-index: 2;
}
.privileges__steps > li:first-child:after {
  display: none;
}
.privileges__steps > li:last-child {
  margin: 0;
}
.privileges__steps > li:last-child:before {
  bottom: 0;
}
.privileges__steps h1,
.privileges__steps h2,
.privileges__steps h3 {
  display: block;
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
.privileges__steps b {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  color: #6B717B;
}
@media (min-width: 768px) {
  .privileges__steps {
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem;
    overflow: hidden;
  }
  .privileges__steps > li {
    padding: 0;
    margin: 0;
    flex: 1;
    max-width: 33.333%;
  }
  .privileges__steps > li:before {
    top: 0.5rem;
    left: -3.2rem;
    right: 0;
    bottom: auto;
    border: none;
    border-top: 1px dashed #A5AEBE;
  }
  .privileges__steps > li:after {
    top: 0;
    left: 0;
    right: auto;
  }
  .privileges__steps > li:first-child {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .privileges__steps > li:first-child:before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .privileges__steps {
    gap: 3.2rem;
    grid-area: steps;
    font-size: 2.2rem;
    line-height: 1.25;
    font-weight: 400;
  }
  .privileges__steps > li {
    padding: 5.6rem 0 0 0;
    flex: 1;
    max-width: 25%;
  }
  .privileges__steps > li:before {
    top: 0.8rem;
  }
  .privileges__steps > li:after {
    width: 1.6rem;
    height: 1.6rem;
  }
  .privileges__steps > li:first-child {
    flex: 1;
    max-width: 25%;
  }
  .privileges__steps > li:first-child:before {
    display: block;
  }
  .privileges__steps > li:nth-of-type(2) .privileges__step {
    max-width: 28rem;
  }
  .privileges__steps h1,
  .privileges__steps h2,
  .privileges__steps h3 {
    font-size: 3rem;
  }
  .privileges__steps b {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
}

.privileges__step {
  position: relative;
  padding: 0 7rem 0 0;
}
@media (min-width: 768px) {
  .privileges__step {
    max-width: 32.4rem;
    padding: 4rem 0 0 0;
  }
}
@media (min-width: 1200px) {
  .privileges__step {
    padding: 0;
  }
}

.upgrade-benefits.lk__benefits {
  padding: 0;
  background: transparent;
  border-radius: 0;
}

.lk__benefits-left {
  padding: 3.2rem;
  background: #f3f7fc;
  border-radius: 2rem;
}

.benefits-banner {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 2rem;
  background: #F9E3E7;
}

.benefits-banner__wrapper {
  padding: 3.2rem;
  padding-bottom: 0;
}

.benefits-banner h2 {
  position: relative;
  margin: 0;
  margin-bottom: 1.2rem;
  padding-right: 8.5rem;
  font-size: 2.2rem;
  line-height: 130%;
  font-weight: 500;
}

.benefits-banner .benefits-banner__image {
  position: relative;
  width: 100%;
  min-height: 38rem;
  margin-top: auto;
}

.benefits-banner .benefits-banner__image img {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  display: block;
  width: 63rem;
  max-width: none;
  max-width: initial;
}

.benefits-banner h2 img {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
}

.benefits-banner p {
  margin: 0;
  margin-bottom: 2.4rem;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 130%;
}

.benefits-banner .ui-btn {
  margin-bottom: 1rem;
}

@media (min-width: 1200px) {
  .upgrade-benefits .swiper-lk-benefits .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .lk__benefits-row {
    display: flex;
    gap: 3.2rem;
  }
  .lk__benefits-left {
    flex: 1 1 auto;
  }
  .lk__benefits-right {
    flex: 0 0 40.3rem;
  }
}
@media (max-width: 1199px) {
  .benefits-banner {
    border-radius: 1.6rem;
  }
  .lk__benefits-left {
    margin-bottom: 2rem;
    padding: 2rem;
    border-radius: 1.6rem;
  }
  .benefits-banner__wrapper {
    padding: 2rem;
  }
  .benefits-banner h2 {
    margin-bottom: 1rem;
    padding-right: 6rem;
    font-size: 1.8rem;
  }
  .benefits-banner h2 img {
    width: 5rem;
    height: 5rem;
  }
  .benefits-banner p {
    padding-right: 6rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 550px) {
  .benefits-banner .ui-btn {
    width: 100%;
  }
  .benefits-banner .benefits-banner__image {
    min-height: 32rem;
  }
  .benefits-banner .benefits-banner__image img {
    width: 54rem;
  }
}
.counter-sale {
  display: inline-flex;
  align-items: center;
  gap: 1.6rem;
  padding: 1.2rem;
  padding-left: 2.4rem;
  font-size: 1.6rem;
  border: 1px solid #D2DBEA;
  border-radius: 1rem;
  background-color: #F3F7FC;
}
@media (max-width: 1199px) {
  .counter-sale {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
    padding-left: 1.6rem;
  }
}
@media (max-width: 767px) {
  .counter-sale {
    width: 100%;
    padding: 1.6rem 0;
    border-radius: 0;
    border: 0;
  }
}
.counter-sale p {
  flex-shrink: 0;
  width: 7.7rem;
  margin: 0;
  color: #828B9B;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 120%;
}
@media (max-width: 1199px) {
  .counter-sale p {
    width: auto;
    font-size: 1.4rem;
  }
}
.counter-sale__content {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex: 1 1 auto;
}
@media (max-width: 1199px) {
  .counter-sale__content {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0.8rem;
    gap: 0.8rem;
    flex: 0 1 auto;
  }
}
.counter-sale__item {
  display: flex;
  align-items: center;
  gap: 0.7rem;
  padding: 1.2rem;
  background-color: #fff;
  border-radius: 1rem;
  line-height: 100%;
  color: #6B717B;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 100%;
  position: relative;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .counter-sale__item {
    padding: 1rem;
    font-size: 1.2rem;
  }
}
@media (max-width: 991px) {
  .counter-sale__item {
    flex-direction: column;
    gap: 0.3rem;
    flex: 1 1 auto;
    border: 1px solid #D2DBEa;
  }
}
.counter-sale__item[data-seconds] {
  min-width: 8.7rem;
}
@media (max-width: 1199px) {
  .counter-sale__item[data-seconds] {
    min-width: 0;
    min-width: initial;
  }
}
.counter-sale__item span {
  font: inherit;
}
.counter-sale__item em {
  flex-shrink: 0;
  font-weight: 500;
  font-size: 2.2rem;
  font-style: normal;
  color: #CC2E27;
  line-height: 100%;
}
@media (max-width: 1199px) {
  .counter-sale__item em {
    font-size: 1.6rem;
  }
}
.counter-sale__item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #eee;
  z-index: 1;
}
.counter-sale__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
  animation: loading-shine 1.2s infinite;
  z-index: 2;
}
@keyframes loading-shine {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
.counter-sale.--loaded .counter-sale__item:before, .counter-sale.--loaded .counter-sale__item:after {
  display: none;
}

.vacancies-questions .questions__card-handler {
  gap: 1rem 2rem;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .vacancies-questions .questions__card-handler {
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .vacancies-questions .questions__card-title {
    font-size: 3rem;
  }
}
.vacancies-questions .questions__card-descr {
  width: 100%;
  text-align: left;
  font-size: 1.4rem;
  order: 3;
}
@media (min-width: 1200px) {
  .vacancies-questions .questions__card-descr {
    width: auto;
    order: initial;
    font-size: 2.2rem;
    text-align: right;
  }
}
.vacancies-questions .questions__card-btn {
  width: 100%;
}
@media (min-width: 1200px) {
  .vacancies-questions .questions__card-btn {
    width: auto;
  }
}

.vacancy__file {
  align-items: flex-start;
}
.vacancy__file .ui-supporting__image {
  margin: 0;
}
.vacancy__file .ui-supporting__image img {
  max-width: 70%;
}

.vacancies {
  margin-bottom: 6rem;
}
@media (min-width: 1200px) {
  .vacancies {
    margin-bottom: 12rem;
  }
}
.vacancies__wrapper {
  overflow: hidden;
  border-radius: 2rem;
  background-color: #828B9B;
  color: #fff;
  padding: 3rem 1.6rem;
  padding-bottom: 0;
}
@media (min-width: 992px) {
  .vacancies__wrapper {
    padding: 0;
    padding-right: 1.6rem;
  }
}
.vacancies__row {
  display: flex;
  flex-direction: column-reverse;
  align-items: stretch;
  gap: 5rem;
}
@media (min-width: 992px) {
  .vacancies__row {
    gap: 15rem;
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .vacancies__row {
    gap: 13rem;
  }
}
.vacancies__left {
  width: 100%;
}
@media (min-width: 992px) {
  .vacancies__left {
    width: auto;
  }
}
.vacancies__right {
  width: 100%;
}
.vacancies h2 {
  display: block;
  margin: 0;
  margin-bottom: 2rem;
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 130%;
}
@media (min-width: 992px) {
  .vacancies h2 {
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .vacancies h2 {
    font-size: 4rem;
  }
}
.vacancies p {
  margin: 0;
  margin-bottom: 3.2rem;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 130%;
}
@media (min-width: 1200px) {
  .vacancies p {
    margin-bottom: 3.6rem;
    font-size: 2.2rem;
  }
}
.vacancies__image {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 5rem;
}
@media (min-width: 992px) {
  .vacancies__image {
    justify-content: start;
    padding: 4rem;
    padding-left: 7rem;
  }
}
.vacancies__image::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 85.1rem;
  height: 56.1rem;
  border-radius: 50%;
  background-color: #A5AEBE;
  opacity: 0.7;
}
@media (min-width: 992px) {
  .vacancies__image::after {
    top: 50%;
    left: 0;
    transform: translate(-32%, -50%);
    width: 52.8rem;
    height: 52.8rem;
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .vacancies__image::after {
    transform: translate(-25%, -50%);
  }
}
.vacancies__image img {
  position: relative;
  z-index: 1;
  max-width: 17.5rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .vacancies__image img {
    max-width: 22.1rem;
  }
}
.vacancies__btn {
  width: 100%;
  padding: 1.3rem;
}
@media (min-width: 992px) {
  .vacancies__btn {
    width: auto;
    padding: 1.9rem 4.8rem;
  }
}

.timer-section {
  margin: 0 0 3rem;
}
.timer-section .timer-wrapper {
  border-radius: 2rem;
  background: #F3F7FC;
  padding: 0.5rem 1.8rem;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media (min-width: 1200px) {
  .timer-section {
    margin: 0 0 12rem;
  }
  .timer-section .counter-sale {
    gap: 52.7rem !important;
  }
  .timer-section .counter-sale__content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .timer-section .counter-sale__item {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .timer-section .timer-wrapper {
    padding: 4.8rem 5.8rem !important;
    min-height: 23.4rem !important;
  }
  .timer-section .counter-sale {
    border: 0;
    background: transparent;
    padding: 0;
    gap: 1rem;
    width: 100%;
  }
  .timer-section .counter-sale p {
    width: auto;
    max-width: 40rem;
    font-size: 3.6rem;
    line-height: 120%;
    color: #4F4E62;
    margin: 0;
  }
  .timer-section .counter-sale__content {
    gap: 2.4rem;
  }
  .timer-section .counter-sale__item {
    display: flex;
    align-items: baseline;
    padding: 2.7rem 3.4rem;
    border-radius: 1.2rem;
    gap: 1rem;
    min-width: 16rem;
  }
  .timer-section .counter-sale__item em {
    font-size: 4rem;
  }
  .timer-section .counter-sale__item span {
    font-size: 2.3rem;
    font-weight: 300;
  }
}

.shops {
  margin: 0 0 6rem;
}
@media (min-width: 1200px) {
  .shops {
    margin: 0 0 12rem;
  }
}

.shops__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.shops__list > li {
  min-height: 0;
}
@media (min-width: 768px) {
  .shops__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (min-width: 1200px) {
  .shops__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 3rem;
  }
}

.shops__card {
  border-radius: 2rem;
  padding: 2rem;
  background: #F3F7FC;
  color: #4F4E62;
  -webkit-text-decoration: none;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 2rem;
  transition: 0.4s;
}
.shops__card:hover {
  background: #EEF3FA;
  color: #4F4E62;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.shops__card:hover .shops__card-image {
  transform: scale(1.25);
}
@media (min-width: 1200px) {
  .shops__card {
    padding: 3rem;
  }
}

.shops__card-title {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.26;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .shops__card-title {
    font-size: 2.2rem;
  }
}

.shops__card-image {
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 1.2rem;
  overflow: hidden;
  display: block;
  flex: 0 0 auto;
  transition: 0.4s;
}
.shops__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .shops__card-image {
    width: 5.6rem;
    height: 5.6rem;
  }
}

.gifts {
  margin: 0 0 4rem;
}
.gifts:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .gifts {
    margin: 0 0 8rem;
  }
}

.gifts__title {
  display: block;
  margin: 0 0 2.4rem;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .gifts__title {
    font-size: 3rem;
  }
}

.gifts__list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  border-bottom: 1px solid #D2DBEA;
}
.gifts__list > li {
  border-top: 1px solid #D2DBEA;
  padding: 2rem 0;
}
@media (min-width: 1200px) {
  .gifts__list > li {
    padding: 3.2rem 0;
  }
}

.gifts__card {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .gifts__card {
    gap: 3.2rem;
    padding: 0 0 0 3.8rem;
  }
}

.gifts__card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9rem;
  height: 7.7rem;
  flex: 0 0 auto;
  border: 1px solid #D2DBEA;
  border-radius: 0.8rem;
  overflow: hidden;
  padding: 0.4rem;
}
.gifts__card-image picture {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.gifts__card-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .gifts__card-image {
    width: 18.8rem;
    height: 16.3rem;
    border-radius: 1.5rem;
  }
}

.gifts__card-desc {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
@media (min-width: 768px) {
  .gifts__card-desc {
    display: grid;
    grid-template-columns: 1fr auto;
  }
}
@media (min-width: 1200px) {
  .gifts__card-desc {
    gap: 1.6rem;
  }
}

.gifts__card-badge {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  justify-content: center;
  margin: 0;
  background: #CC2E27;
  color: #fff;
  height: 2rem;
  border-radius: 0.6rem;
  padding: 0 0.6rem 0 0.3rem;
  gap: 0.3rem;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.gifts__card-badge svg {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  flex: 0 0 auto;
}
@media (min-width: 768px) {
  .gifts__card-badge {
    margin: 0 auto 0 0;
  }
}
@media (min-width: 1200px) {
  .gifts__card-badge {
    height: 2.5rem;
    padding: 0 0.8rem 0 0.5rem;
    gap: 0.6rem;
    font-size: 1.3rem;
  }
  .gifts__card-badge svg {
    width: 1.6rem;
    height: 1.6rem;
  }
}

.gifts__card-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 0;
  gap: 0.8rem 1.6rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 700;
  text-transform: uppercase;
}
.gifts__card-price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.gifts__card-price del {
  font-weight: 500;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
}
.gifts__card-price .ui-tooltip {
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .gifts__card-price {
    flex: 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .gifts__card-price {
    font-size: 2.2rem;
  }
  .gifts__card-price .ui-tooltip {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.gifts__card-title {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
.gifts__card-title a {
  color: #4F4E62;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.gifts__card-title a:hover {
  color: #828B9B;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media (min-width: 768px) {
  .gifts__card-title {
    grid-column: 1/-1;
  }
}
@media (min-width: 1200px) {
  .gifts__card-title {
    font-size: 2.2rem;
    line-height: 1.26;
    font-weight: 500;
    max-width: 56.4rem;
  }
}

.gifts__card-info {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 768px) {
  .gifts__card-info {
    grid-column: 1/-1;
  }
}
@media (min-width: 1200px) {
  .gifts__card-info {
    font-size: 1.8rem;
  }
}

.gifts > .gifts__notice {
  margin-top: 2rem;
}
@media (min-width: 1200px) {
  .gifts > .gifts__notice {
    margin-top: 3.2rem;
  }
}

.gifts__notice {
  background: #F3F7FC;
  border-radius: 2rem;
  padding: 1.8rem;
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}
@media (min-width: 768px) {
  .gifts__notice {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 2.4rem;
  }
}
@media (min-width: 1200px) {
  .gifts__notice {
    padding: 3.2rem 3.8rem;
    gap: 3.2rem;
  }
}

.gifts__notice-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5.6rem;
  margin: 0;
}
.gifts__notice-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 768px) {
  .gifts__notice-image {
    flex: 0 0 auto;
    margin: 0;
  }
}

@media (min-width: 768px) {
  .gifts__notice-desc {
    flex: 1;
  }
}

.gifts__notice-title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  color: #4F4E62;
}
.gifts__notice-title b {
  font-weight: 500;
}
.gifts__notice-title:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .gifts__notice-title {
    font-size: 2.2rem;
    max-width: 66.4rem;
  }
}

.gifts__notice-action {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.gifts__notice-action .ui-btn {
  height: 4.5rem;
  gap: 1rem;
  font-size: 1.6rem;
  background: #fff;
  color: #CC2E27;
}
.gifts__notice-action .ui-btn svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.gifts__notice-action .ui-btn:hover {
  background: #CC2E27;
  color: #fff;
}
@media (min-width: 768px) {
  .gifts__notice-action {
    margin: 0;
    flex: 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .gifts__notice-action .ui-btn {
    height: 5.6rem;
    padding: 0 4rem;
    font-size: 1.8rem;
  }
  .gifts__notice-action .ui-btn svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

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

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}
@media (min-width: 576px) {
  .container {
    max-width: 54rem;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 72rem;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 96rem;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 114rem;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1.6rem;
  margin-left: -1.6rem;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-hd,
.col-hd-auto, .col-hd-12, .col-hd-11, .col-hd-10, .col-hd-9, .col-hd-8, .col-hd-7, .col-hd-6, .col-hd-5, .col-hd-4, .col-hd-3, .col-hd-2, .col-hd-1, .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 1.6rem;
  padding-left: 1.6rem;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.col-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.col-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.col-5 {
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.col-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.col-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.col-9 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.col-11 {
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.col-12 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.offset-1 {
  margin-left: 8.3333333333%;
}

.offset-2 {
  margin-left: 16.6666666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.3333333333%;
}

.offset-5 {
  margin-left: 41.6666666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.3333333333%;
}

.offset-8 {
  margin-left: 66.6666666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.3333333333%;
}

.offset-11 {
  margin-left: 91.6666666667%;
}

.push-1 {
  left: 8.3333333333%;
}

.push-2 {
  left: 16.6666666667%;
}

.push-3 {
  left: 25%;
}

.push-4 {
  left: 33.3333333333%;
}

.push-5 {
  left: 41.6666666667%;
}

.push-6 {
  left: 50%;
}

.push-7 {
  left: 58.3333333333%;
}

.push-8 {
  left: 66.6666666667%;
}

.push-9 {
  left: 75%;
}

.push-10 {
  left: 83.3333333333%;
}

.push-11 {
  left: 91.6666666667%;
}

.pull-1 {
  right: 8.3333333333%;
}

.pull-2 {
  right: 16.6666666667%;
}

.pull-3 {
  right: 25%;
}

.pull-4 {
  right: 33.3333333333%;
}

.pull-5 {
  right: 41.6666666667%;
}

.pull-6 {
  right: 50%;
}

.pull-7 {
  right: 58.3333333333%;
}

.pull-8 {
  right: 66.6666666667%;
}

.pull-9 {
  right: 75%;
}

.pull-10 {
  right: 83.3333333333%;
}

.pull-11 {
  right: 91.6666666667%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .offset-sm-0 {
    margin-left: 0%;
  }
  .offset-sm-1 {
    margin-left: 8.3333333333%;
  }
  .offset-sm-2 {
    margin-left: 16.6666666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.3333333333%;
  }
  .offset-sm-5 {
    margin-left: 41.6666666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.3333333333%;
  }
  .offset-sm-8 {
    margin-left: 66.6666666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.3333333333%;
  }
  .offset-sm-11 {
    margin-left: 91.6666666667%;
  }
  .push-sm-0 {
    left: auto;
  }
  .push-sm-1 {
    left: 8.3333333333%;
  }
  .push-sm-2 {
    left: 16.6666666667%;
  }
  .push-sm-3 {
    left: 25%;
  }
  .push-sm-4 {
    left: 33.3333333333%;
  }
  .push-sm-5 {
    left: 41.6666666667%;
  }
  .push-sm-6 {
    left: 50%;
  }
  .push-sm-7 {
    left: 58.3333333333%;
  }
  .push-sm-8 {
    left: 66.6666666667%;
  }
  .push-sm-9 {
    left: 75%;
  }
  .push-sm-10 {
    left: 83.3333333333%;
  }
  .push-sm-11 {
    left: 91.6666666667%;
  }
  .pull-sm-0 {
    right: auto;
  }
  .pull-sm-1 {
    right: 8.3333333333%;
  }
  .pull-sm-2 {
    right: 16.6666666667%;
  }
  .pull-sm-3 {
    right: 25%;
  }
  .pull-sm-4 {
    right: 33.3333333333%;
  }
  .pull-sm-5 {
    right: 41.6666666667%;
  }
  .pull-sm-6 {
    right: 50%;
  }
  .pull-sm-7 {
    right: 58.3333333333%;
  }
  .pull-sm-8 {
    right: 66.6666666667%;
  }
  .pull-sm-9 {
    right: 75%;
  }
  .pull-sm-10 {
    right: 83.3333333333%;
  }
  .pull-sm-11 {
    right: 91.6666666667%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .offset-md-0 {
    margin-left: 0%;
  }
  .offset-md-1 {
    margin-left: 8.3333333333%;
  }
  .offset-md-2 {
    margin-left: 16.6666666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.3333333333%;
  }
  .offset-md-5 {
    margin-left: 41.6666666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.3333333333%;
  }
  .offset-md-8 {
    margin-left: 66.6666666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.3333333333%;
  }
  .offset-md-11 {
    margin-left: 91.6666666667%;
  }
  .push-md-0 {
    left: auto;
  }
  .push-md-1 {
    left: 8.3333333333%;
  }
  .push-md-2 {
    left: 16.6666666667%;
  }
  .push-md-3 {
    left: 25%;
  }
  .push-md-4 {
    left: 33.3333333333%;
  }
  .push-md-5 {
    left: 41.6666666667%;
  }
  .push-md-6 {
    left: 50%;
  }
  .push-md-7 {
    left: 58.3333333333%;
  }
  .push-md-8 {
    left: 66.6666666667%;
  }
  .push-md-9 {
    left: 75%;
  }
  .push-md-10 {
    left: 83.3333333333%;
  }
  .push-md-11 {
    left: 91.6666666667%;
  }
  .pull-md-0 {
    right: auto;
  }
  .pull-md-1 {
    right: 8.3333333333%;
  }
  .pull-md-2 {
    right: 16.6666666667%;
  }
  .pull-md-3 {
    right: 25%;
  }
  .pull-md-4 {
    right: 33.3333333333%;
  }
  .pull-md-5 {
    right: 41.6666666667%;
  }
  .pull-md-6 {
    right: 50%;
  }
  .pull-md-7 {
    right: 58.3333333333%;
  }
  .pull-md-8 {
    right: 66.6666666667%;
  }
  .pull-md-9 {
    right: 75%;
  }
  .pull-md-10 {
    right: 83.3333333333%;
  }
  .pull-md-11 {
    right: 91.6666666667%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .offset-lg-0 {
    margin-left: 0%;
  }
  .offset-lg-1 {
    margin-left: 8.3333333333%;
  }
  .offset-lg-2 {
    margin-left: 16.6666666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.3333333333%;
  }
  .offset-lg-5 {
    margin-left: 41.6666666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.3333333333%;
  }
  .offset-lg-8 {
    margin-left: 66.6666666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.3333333333%;
  }
  .offset-lg-11 {
    margin-left: 91.6666666667%;
  }
  .push-lg-0 {
    left: auto;
  }
  .push-lg-1 {
    left: 8.3333333333%;
  }
  .push-lg-2 {
    left: 16.6666666667%;
  }
  .push-lg-3 {
    left: 25%;
  }
  .push-lg-4 {
    left: 33.3333333333%;
  }
  .push-lg-5 {
    left: 41.6666666667%;
  }
  .push-lg-6 {
    left: 50%;
  }
  .push-lg-7 {
    left: 58.3333333333%;
  }
  .push-lg-8 {
    left: 66.6666666667%;
  }
  .push-lg-9 {
    left: 75%;
  }
  .push-lg-10 {
    left: 83.3333333333%;
  }
  .push-lg-11 {
    left: 91.6666666667%;
  }
  .pull-lg-0 {
    right: auto;
  }
  .pull-lg-1 {
    right: 8.3333333333%;
  }
  .pull-lg-2 {
    right: 16.6666666667%;
  }
  .pull-lg-3 {
    right: 25%;
  }
  .pull-lg-4 {
    right: 33.3333333333%;
  }
  .pull-lg-5 {
    right: 41.6666666667%;
  }
  .pull-lg-6 {
    right: 50%;
  }
  .pull-lg-7 {
    right: 58.3333333333%;
  }
  .pull-lg-8 {
    right: 66.6666666667%;
  }
  .pull-lg-9 {
    right: 75%;
  }
  .pull-lg-10 {
    right: 83.3333333333%;
  }
  .pull-lg-11 {
    right: 91.6666666667%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .offset-xl-0 {
    margin-left: 0%;
  }
  .offset-xl-1 {
    margin-left: 8.3333333333%;
  }
  .offset-xl-2 {
    margin-left: 16.6666666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.3333333333%;
  }
  .offset-xl-5 {
    margin-left: 41.6666666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.3333333333%;
  }
  .offset-xl-8 {
    margin-left: 66.6666666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.3333333333%;
  }
  .offset-xl-11 {
    margin-left: 91.6666666667%;
  }
  .push-xl-0 {
    left: auto;
  }
  .push-xl-1 {
    left: 8.3333333333%;
  }
  .push-xl-2 {
    left: 16.6666666667%;
  }
  .push-xl-3 {
    left: 25%;
  }
  .push-xl-4 {
    left: 33.3333333333%;
  }
  .push-xl-5 {
    left: 41.6666666667%;
  }
  .push-xl-6 {
    left: 50%;
  }
  .push-xl-7 {
    left: 58.3333333333%;
  }
  .push-xl-8 {
    left: 66.6666666667%;
  }
  .push-xl-9 {
    left: 75%;
  }
  .push-xl-10 {
    left: 83.3333333333%;
  }
  .push-xl-11 {
    left: 91.6666666667%;
  }
  .pull-xl-0 {
    right: auto;
  }
  .pull-xl-1 {
    right: 8.3333333333%;
  }
  .pull-xl-2 {
    right: 16.6666666667%;
  }
  .pull-xl-3 {
    right: 25%;
  }
  .pull-xl-4 {
    right: 33.3333333333%;
  }
  .pull-xl-5 {
    right: 41.6666666667%;
  }
  .pull-xl-6 {
    right: 50%;
  }
  .pull-xl-7 {
    right: 58.3333333333%;
  }
  .pull-xl-8 {
    right: 66.6666666667%;
  }
  .pull-xl-9 {
    right: 75%;
  }
  .pull-xl-10 {
    right: 83.3333333333%;
  }
  .pull-xl-11 {
    right: 91.6666666667%;
  }
}
@media (min-width: 1600px) {
  .col-hd {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .col-hd-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none;
  }
  .col-hd-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .col-hd-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .col-hd-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-hd-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .col-hd-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .col-hd-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-hd-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .col-hd-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .col-hd-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-hd-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .col-hd-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .col-hd-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .order-hd-1 {
    order: 1;
  }
  .order-hd-2 {
    order: 2;
  }
  .order-hd-3 {
    order: 3;
  }
  .order-hd-4 {
    order: 4;
  }
  .order-hd-5 {
    order: 5;
  }
  .order-hd-6 {
    order: 6;
  }
  .order-hd-7 {
    order: 7;
  }
  .order-hd-8 {
    order: 8;
  }
  .order-hd-9 {
    order: 9;
  }
  .order-hd-10 {
    order: 10;
  }
  .order-hd-11 {
    order: 11;
  }
  .order-hd-12 {
    order: 12;
  }
  .offset-hd-0 {
    margin-left: 0%;
  }
  .offset-hd-1 {
    margin-left: 8.3333333333%;
  }
  .offset-hd-2 {
    margin-left: 16.6666666667%;
  }
  .offset-hd-3 {
    margin-left: 25%;
  }
  .offset-hd-4 {
    margin-left: 33.3333333333%;
  }
  .offset-hd-5 {
    margin-left: 41.6666666667%;
  }
  .offset-hd-6 {
    margin-left: 50%;
  }
  .offset-hd-7 {
    margin-left: 58.3333333333%;
  }
  .offset-hd-8 {
    margin-left: 66.6666666667%;
  }
  .offset-hd-9 {
    margin-left: 75%;
  }
  .offset-hd-10 {
    margin-left: 83.3333333333%;
  }
  .offset-hd-11 {
    margin-left: 91.6666666667%;
  }
  .push-hd-0 {
    left: auto;
  }
  .push-hd-1 {
    left: 8.3333333333%;
  }
  .push-hd-2 {
    left: 16.6666666667%;
  }
  .push-hd-3 {
    left: 25%;
  }
  .push-hd-4 {
    left: 33.3333333333%;
  }
  .push-hd-5 {
    left: 41.6666666667%;
  }
  .push-hd-6 {
    left: 50%;
  }
  .push-hd-7 {
    left: 58.3333333333%;
  }
  .push-hd-8 {
    left: 66.6666666667%;
  }
  .push-hd-9 {
    left: 75%;
  }
  .push-hd-10 {
    left: 83.3333333333%;
  }
  .push-hd-11 {
    left: 91.6666666667%;
  }
  .pull-hd-0 {
    right: auto;
  }
  .pull-hd-1 {
    right: 8.3333333333%;
  }
  .pull-hd-2 {
    right: 16.6666666667%;
  }
  .pull-hd-3 {
    right: 25%;
  }
  .pull-hd-4 {
    right: 33.3333333333%;
  }
  .pull-hd-5 {
    right: 41.6666666667%;
  }
  .pull-hd-6 {
    right: 50%;
  }
  .pull-hd-7 {
    right: 58.3333333333%;
  }
  .pull-hd-8 {
    right: 66.6666666667%;
  }
  .pull-hd-9 {
    right: 75%;
  }
  .pull-hd-10 {
    right: 83.3333333333%;
  }
  .pull-hd-11 {
    right: 91.6666666667%;
  }
}
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1600px) {
  .flex-hd-row {
    flex-direction: row !important;
  }
  .flex-hd-column {
    flex-direction: column !important;
  }
  .flex-hd-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-hd-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-hd-wrap {
    flex-wrap: wrap !important;
  }
  .flex-hd-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-hd-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-hd-start {
    justify-content: flex-start !important;
  }
  .justify-content-hd-end {
    justify-content: flex-end !important;
  }
  .justify-content-hd-center {
    justify-content: center !important;
  }
  .justify-content-hd-between {
    justify-content: space-between !important;
  }
  .justify-content-hd-around {
    justify-content: space-around !important;
  }
  .align-items-hd-start {
    align-items: flex-start !important;
  }
  .align-items-hd-end {
    align-items: flex-end !important;
  }
  .align-items-hd-center {
    align-items: center !important;
  }
  .align-items-hd-baseline {
    align-items: baseline !important;
  }
  .align-items-hd-stretch {
    align-items: stretch !important;
  }
  .align-content-hd-start {
    align-content: flex-start !important;
  }
  .align-content-hd-end {
    align-content: flex-end !important;
  }
  .align-content-hd-center {
    align-content: center !important;
  }
  .align-content-hd-between {
    align-content: space-between !important;
  }
  .align-content-hd-around {
    align-content: space-around !important;
  }
  .align-content-hd-stretch {
    align-content: stretch !important;
  }
  .align-self-hd-auto {
    align-self: auto !important;
  }
  .align-self-hd-start {
    align-self: flex-start !important;
  }
  .align-self-hd-end {
    align-self: flex-end !important;
  }
  .align-self-hd-center {
    align-self: center !important;
  }
  .align-self-hd-baseline {
    align-self: baseline !important;
  }
  .align-self-hd-stretch {
    align-self: stretch !important;
  }
}
* {
  outline: none;
  box-sizing: border-box;
}
*:before, *:after {
  box-sizing: border-box;
}

html,
body {
  scrollbar-gutter: stable;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  scroll-padding-top: 90px;
}
@media (min-width: 1200px) and (max-width: 1920px) {
  html {
    font-size: 0.5208333333vw;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 2.6666666667vw;
  }
}
@media (min-width: 1200px) {
  html {
    scroll-padding-top: 120px;
  }
}
html:has(.nav) {
  scroll-padding-top: 134px;
}
@media (min-width: 1200px) {
  html:has(.nav) {
    scroll-padding-top: 184px;
  }
}

body {
  background: #fff;
  background: var(--body-bg);
  color: #4f4e62;
  color: var(--body-color);
  overflow-x: hidden;
  overflow-y: auto;
  font: 400 1.6rem/1.6 "Onest", Arial, sans-serif;
  font: 400 1.6rem/1.6 var(--font-primary);
}

html:not(.is-loaded) * {
  transition: none !important;
}
html:not(.is-loaded) *:before, html:not(.is-loaded) *:after {
  transition: none !important;
}

html:not(.is-loaded) .app {
  overflow: hidden;
}

.app {
  position: relative;
  min-height: 100%;
  min-width: 32rem;
  display: flex;
  flex-direction: column;
  overflow: clip;
}

.container-fluid {
  margin: 0 auto;
  padding: 0 1.6rem;
  max-width: 192rem;
}
@media (min-width: 1200px) {
  .container-fluid {
    padding: 0 6.4rem;
  }
}

.is-shake {
  animation: kf_shake 0.4s 1 linear;
}

@keyframes kf_shake {
  0% {
    transform: translate(3rem);
  }
  20% {
    transform: translate(-3rem);
  }
  40% {
    transform: translate(1.5rem);
  }
  60% {
    transform: translate(-1.5rem);
  }
  80% {
    transform: translate(0.8rem);
  }
  100% {
    transform: translate(0px);
  }
}
.is-page-m0 .header,
.is-page-index .header {
  margin: 0;
}

.is-page-academy .header {
  position: sticky;
  top: 0;
}
.is-page-academy .header__sticky {
  position: relative;
  top: 0;
}
.is-page-academy .header__desktop {
  display: none;
}

.is-header-sticky .header__sticky {
  top: 0;
}

.is-search-open .header__mobile-search-handler svg:nth-of-type(1) {
  opacity: 0;
  transform: scale(0);
}
.is-search-open .header__mobile-search-handler svg:nth-of-type(2) {
  opacity: 1;
  transform: scale(1);
}
.is-search-open .header__mobile-search-offcanvas {
  opacity: 1;
  visibility: visible;
}

.is-contacts-open .header__mobile-contacts-handler {
  pointer-events: auto;
}
.is-contacts-open .header__mobile-contacts-handler svg:nth-of-type(1) {
  opacity: 0;
  transform: scale(0);
}
.is-contacts-open .header__mobile-contacts-handler svg:nth-of-type(2) {
  opacity: 1;
  transform: scale(1);
}
.is-contacts-open .header__mobile-contacts-offcanvas {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.is-contacts-open .header__notice {
  display: none;
}
.is-contacts-open body {
  overflow: hidden;
}
.is-contacts-open .fancybox-is-open {
  pointer-events: auto;
}

.is-nav-open .header__mobile-nav-handler {
  pointer-events: auto;
}
.is-nav-open .header__mobile-nav-handler svg:nth-of-type(1) {
  opacity: 0;
  transform: scale(0);
}
.is-nav-open .header__mobile-nav-handler svg:nth-of-type(2) {
  opacity: 1;
  transform: scale(1);
}
.is-nav-open .header__mobile-nav-offcanvas {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.is-nav-open .header__notice {
  display: none;
}
.is-nav-open body {
  overflow: hidden;
}

.is-catalog-open .header__mobile-nav-handler svg:nth-of-type(1) {
  opacity: 0;
  transform: scale(0);
}
.is-catalog-open .header__mobile-nav-handler svg:nth-of-type(2) {
  opacity: 1;
  transform: scale(1);
}
.is-catalog-open .header__mobile-catalog-offcanvas {
  opacity: 1;
  visibility: visible;
}
.is-catalog-open .header__notice {
  display: none;
}

.header {
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .header {
    position: relative;
    margin: 0 0 10rem;
  }
}

:has(.banners) .header {
  margin: 0;
}

.header__notice {
  background: #eef3fa;
  padding: 1.4rem 0;
  border-bottom: 1px solid #d2dbea;
}
.header__notice > .container-fluid {
  display: flex;
  align-items: flex-start;
  gap: 2.2rem;
  position: relative;
}
.header__notice-desc {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
  padding: 0 4rem 0 0;
  flex: 1;
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 400;
  color: #6b717b;
}
.header__notice-desc p {
  margin: 0;
}
.header__notice-desc a {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  gap: 2px;
  color: #cc2e27;
  color: var(--color-primary);
}
.header__notice-desc a:hover {
  color: #a8241e;
  color: var(--color-primary-hover);
}
.header__notice-desc a svg {
  display: block;
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .header__notice-desc {
    justify-content: center;
    gap: 1.4rem;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 400;
    text-align: center;
    padding: 0 3rem;
  }
  .header__notice-desc p {
    margin: 0;
  }
  .header__notice-desc a {
    gap: 0.6rem;
  }
}

.header__notice-close {
  position: absolute;
  top: 0;
  right: 1.2rem;
  display: block;
  width: 2rem;
  height: 2rem;
  color: #a5aebe;
  flex: 0 0 auto;
}
.header__notice-close svg {
  display: block;
  width: 100%;
  height: 100%;
}
.header__notice-close:hover {
  color: #4f4e62;
}
@media (min-width: 1200px) {
  .header__notice-close {
    position: absolute;
    top: 50%;
    right: 6.4rem;
    margin: -1.5rem 0 0 0;
    width: 3rem;
    height: 3rem;
  }
}

.header__desktop {
  display: none;
}
@media (min-width: 1200px) {
  .header__desktop {
    display: block;
  }
}

.header__desktop-row {
  position: relative;
  display: flex;
  align-items: center;
}
.header__desktop-row:nth-of-type(1) {
  height: 6.4rem;
  gap: 7rem;
}
.header__desktop-row:nth-of-type(1):before, .header__desktop-row:nth-of-type(1):after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  width: calc(50vw - 12rem);
  border-bottom: 1px solid #d2dbea;
}
.header__desktop-row:nth-of-type(1):before {
  right: 50%;
  margin-right: 12rem;
}
.header__desktop-row:nth-of-type(1):after {
  left: 50%;
  margin-left: 12rem;
}
.header__desktop-row:nth-of-type(2) {
  height: 9.6rem;
  gap: 7rem;
}
.header__desktop-row:nth-of-type(3) {
  height: 6.4rem;
  gap: 6rem;
  margin: 0 -2rem;
}
.header__desktop-row:nth-of-type(3):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  width: 100vw;
  height: 100%;
  margin: 0 0 0 -50vw;
  background: #cc2e27;
}

.header__desktop-location {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.header__desktop-location a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1rem;
  color: #4f4e62;
}
.header__desktop-location a svg {
  color: #cc2e27;
}
.header__desktop-location a:hover {
  color: #cc2e27;
}

.header__desktop-worktime,
.header__desktop-contacts {
  position: relative;
  z-index: 2100;
  margin: 0;
}
.header__desktop-worktime > dt,
.header__desktop-contacts > dt {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4f4e62;
  gap: 1rem;
}
.header__desktop-worktime > dt svg,
.header__desktop-contacts > dt svg {
  color: #cc2e27;
  display: block;
}
.header__desktop-worktime > dt a,
.header__desktop-contacts > dt a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1rem;
  color: #4f4e62;
}
.header__desktop-worktime > dt a:hover,
.header__desktop-contacts > dt a:hover {
  color: #4f4e62;
}
.header__desktop-worktime > dd,
.header__desktop-contacts > dd {
  position: absolute;
  top: -1.4rem;
  left: -1.6rem;
  padding: 5rem 1.6rem 1.6rem;
  background: #fff;
  border-radius: 1rem;
  white-space: nowrap;
  min-width: 100%;
  margin: 0;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__desktop-worktime:hover > dt a,
.header__desktop-contacts:hover > dt a {
  color: #cc2e27;
}
.header__desktop-worktime:hover > dd,
.header__desktop-contacts:hover > dd {
  opacity: 1;
  visibility: visible;
}

.header__desktop-worktime {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
.header__desktop-worktime ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header__desktop-worktime ul > li {
  margin: 0 0 1rem;
}
.header__desktop-worktime ul > li:last-child {
  margin: 0;
}

.header__desktop-contacts-dl {
  margin: 0 0 2.2rem;
}
.header__desktop-contacts-dl dt {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #a5aebe;
}
.header__desktop-contacts-dl dd {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  margin: 0 0 1.6rem;
  display: flex;
  gap: 0.8rem 1.6rem;
}
.header__desktop-contacts-dl dd:last-child {
  margin: 0;
}
.header__desktop-contacts-dl a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  color: #4f4e62;
  gap: 1rem;
  transition: 0.25s;
}
.header__desktop-contacts-dl a:hover {
  opacity: 0.8;
}
.header__desktop-contacts-dl svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.header__desktop-contacts-dl .icon-email {
  color: #cc2e27;
}
.header__desktop-contacts-button {
  margin: auto 0 0 0;
}
.header__desktop-contacts-button .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
  padding: 0 1.6rem;
}

.header__desktop-additional {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7rem;
  flex: 1;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.header__desktop-additional a {
  color: #4f4e62;
}
.header__desktop-additional a:hover {
  color: #cc2e27;
}

.header__selection {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 5.7rem;
}
.header__selection a {
  color: #4f4e62;
}
.header__selection a:hover {
  color: #cc2e27;
}

.header__desktop-logo {
  position: absolute;
  top: -4.4rem;
  left: 50%;
  width: 18.4rem;
  margin: 0 0 0 -9.2rem;
}
.header__desktop-logo img,
.header__desktop-logo svg {
  display: block;
}

.header__desktop-control {
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 5.7rem;
}

.header__desktop-control-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #4f4e62;
}
.header__desktop-control-link:hover {
  color: #cc2e27;
}

.header__desktop-control-link-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.6rem;
}
.header__desktop-control-link-icon img,
.header__desktop-control-link-icon svg {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
}
.header__desktop-control-link-icon mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: #cc2e27;
  color: #fff;
  border-radius: 50%;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  align-self: flex-end;
}
.header__desktop-control-link-icon mark svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.header__desktop-control-link-text {
  display: block;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  white-space: nowrap;
  text-align: center;
  color: #a5aebe;
}

.header__desktop-nav {
  position: relative;
}
@media (min-width: 1200px) {
  .header__desktop-nav:nth-last-of-type(1) .header__desktop-nav-offcanvas, .header__desktop-nav:nth-last-of-type(2) .header__desktop-nav-offcanvas {
    width: 40rem;
  }
  .header__desktop-nav:nth-last-of-type(1) .header__desktop-nav-offcanvas {
    left: auto;
    right: 0;
  }
}
.header__desktop-nav:hover .header__desktop-nav-handler {
  background: #f9e3e7;
  color: #cc2e27;
}
.header__desktop-nav:hover .header__desktop-nav-offcanvas {
  opacity: 1;
  visibility: visible;
}

.header__desktop-nav-handler {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  height: 4.8rem;
  padding: 0 2rem;
  border-radius: 0.8rem;
  transition: 0.25s;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  gap: 0.8rem;
  position: relative;
  z-index: 300;
}
.header__desktop-nav-handler:hover {
  background: #f9e3e7;
  color: #cc2e27;
}

.header__desktop-nav-offcanvas {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 200;
  width: 43rem;
  margin: 1.6rem 0 0 0;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__desktop-nav-offcanvas:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 1.6rem;
}

.header__desktop-nav-menu {
  margin: 0;
  padding: 1rem 0;
  list-style: none;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 60svh;
}
.header__desktop-nav-menu::-webkit-scrollbar {
  display: none;
}
.header__desktop-nav-menu > li:hover > .header__desktop-nav-link {
  background: rgba(249, 227, 231, 0.5);
  color: #cc2e27;
}
.header__desktop-nav-menu > li:hover > .header__desktop-nav-link svg {
  opacity: 1;
}
.header__desktop-nav-menu > li:hover > .header__desktop-nav-dropdown {
  opacity: 1;
  visibility: visible;
}

.header__desktop-nav-link {
  display: flex;
  align-items: center;
  min-height: 4.6rem;
  padding: 1rem 2rem;
  color: #4f4e62;
  transition: 0.25s;
}
.header__desktop-nav-link svg {
  display: block;
  flex: 0 0 auto;
  width: 1.6rem;
  height: 2.4rem;
  margin: 0 0 0 auto;
  transition: opacity 0.25s;
  opacity: 0;
}
.header__desktop-nav-link:hover {
  background: rgba(249, 227, 231, 0.5);
  color: #cc2e27;
}
.header__desktop-nav-link:hover svg {
  opacity: 1;
}

.header__desktop-nav-dropdown {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 200;
  width: 43rem;
  height: 100%;
  margin: 0 0 0 1.6rem;
  border-radius: 1rem;
  background: #fff;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__desktop-nav-dropdown:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  right: 0;
  height: 60svh;
  z-index: -1;
}

.header__desktop-search {
  flex: 1;
  max-width: 82.6rem;
  margin: 0 auto;
  position: relative;
}

.header__desktop-search-control {
  position: relative;
}

.header__desktop-search-input {
  display: block;
  width: 100%;
  height: 4.8rem;
  padding: 0 7rem 0 1.8rem;
  border-radius: 1rem;
  border: none;
  box-shadow: none;
  background: rgba(238, 243, 250, 0.2);
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 0.25s;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 400;
}
.header__desktop-search-input::-moz-placeholder {
  color: #fff;
}
.header__desktop-search-input::placeholder {
  color: #fff;
}
.header__desktop-search-input:focus {
  background: #fff;
}
.header__desktop-search-input:focus {
  color: #6b717b;
}
.header__desktop-search-input:focus ~ .header__desktop-search-reset {
  opacity: 1;
  visibility: visible;
}
.header__desktop-search-input:focus ~ .header__desktop-search-btn {
  background: #cc2e27;
  color: #fff;
}

.header__desktop-search-reset {
  position: absolute;
  top: 50%;
  right: 4.2rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1.8rem 0 0 0;
  color: #a5aebe;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__desktop-search-reset svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.header__desktop-search-reset:hover {
  color: #4f4e62;
}

.header__desktop-search-btn {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1.8rem 0 0 0;
  color: #fff;
  transition: 0.25s;
}
.header__desktop-search-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}

.header__sticky {
  display: none;
}
@media (min-width: 1200px) {
  .header__sticky {
    display: block;
    position: fixed;
    top: -20rem;
    left: 0;
    right: 0;
    z-index: 500;
    height: 10rem;
    background: #fff;
    border-bottom: 1px solid #d2dbea;
    transition: 0.25s;
  }
  .header__sticky > .container-fluid {
    display: flex;
    align-items: center;
    height: 100%;
  }
}

.header__sticky-logo {
  width: 15rem;
  margin: 0 6.4rem 0 0;
  flex: 0 0 auto;
}
.header__sticky-logo img,
.header__sticky-logo svg {
  display: block;
}

.header__sticky-nav {
  position: relative;
  margin: 0 2rem 0 0;
}
.header__sticky-nav:hover .header__sticky-nav-handler {
  background: #cc2e27;
  color: #fff;
}
.header__sticky-nav:hover .header__sticky-nav-offcanvas {
  opacity: 1;
  visibility: visible;
}

.header__sticky-nav-handler {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #f9e3e7;
  color: #cc2e27;
  height: 4.8rem;
  padding: 0 1.8rem;
  border-radius: 1rem;
  transition: 0.25s;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 500;
  gap: 1.2rem;
  position: relative;
  z-index: 300;
}
.header__sticky-nav-handler:hover {
  background: #f8d6dc;
  color: #cc2e27;
}

.header__sticky-nav-offcanvas {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 200;
  width: 43rem;
  margin: 1.6rem 0 0 0;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__sticky-nav-offcanvas:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 1.6rem;
}

.header__sticky-nav-menu {
  margin: 0;
  padding: 1rem 0;
  list-style: none;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 60svh;
}
.header__sticky-nav-menu::-webkit-scrollbar {
  display: none;
}
.header__sticky-nav-menu > li:hover > .header__sticky-nav-link {
  background: rgba(249, 227, 231, 0.5);
  color: #cc2e27;
}
.header__sticky-nav-menu > li:hover > .header__sticky-nav-link svg {
  opacity: 1;
}
.header__sticky-nav-menu > li:hover > .header__sticky-nav-dropdown {
  opacity: 1;
  visibility: visible;
}

.header__sticky-nav-link {
  display: flex;
  align-items: center;
  min-height: 4.6rem;
  padding: 1rem 2rem;
  color: #4f4e62;
  transition: 0.25s;
}
.header__sticky-nav-link svg {
  display: block;
  flex: 0 0 auto;
  width: 1.6rem;
  height: 2.4rem;
  margin: 0 0 0 auto;
  transition: opacity 0.25s;
  opacity: 0;
}
.header__sticky-nav-link:hover {
  background: rgba(249, 227, 231, 0.5);
  color: #cc2e27;
}
.header__sticky-nav-link:hover svg {
  opacity: 1;
}

.header__sticky-nav-dropdown {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 200;
  width: 43rem;
  height: 100%;
  margin: 0 0 0 1.6rem;
  border-radius: 1rem;
  background: #fff;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__sticky-nav-dropdown:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -1.6rem;
  right: 0;
  height: 60svh;
  z-index: -1;
}

.header__sticky-external {
  margin: 0 6.4rem 0 0;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
.header__sticky-external a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1rem;
  color: #4f4e62;
  transition: 0.25s;
}
.header__sticky-external a:hover {
  color: #cc2e27;
}

.header__sticky-search {
  flex: 1;
  max-width: 78.6rem;
  margin: 0 6.4rem 0 0;
  position: relative;
}

.header__sticky-search-control {
  position: relative;
}

.header__sticky-search-input {
  display: block;
  width: 100%;
  height: 4.8rem;
  padding: 0 7rem 0 1.8rem;
  border-radius: 1rem;
  border: none;
  box-shadow: none;
  background: #eef3fa;
  color: #6b717b;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 0.25s;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 400;
}
.header__sticky-search-input::-moz-placeholder {
  color: #a5aebe;
}
.header__sticky-search-input::placeholder {
  color: #a5aebe;
}
.header__sticky-search-input:focus {
  color: #6b717b;
}
.header__sticky-search-input:focus ~ .header__sticky-search-reset {
  opacity: 1;
  visibility: visible;
}
.header__sticky-search-input:focus ~ .header__sticky-search-btn {
  background: #cc2e27;
  background: var(--color-red);
  color: #fff;
}
.header__sticky-search-input:focus ~ .header__sticky-search-btn:hover {
  background: #a8241e;
  background: var(--color-red-hover);
  color: #fff;
}

.header__sticky-search-reset {
  position: absolute;
  top: 50%;
  right: 4.2rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1.8rem 0 0 0;
  color: #a5aebe;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__sticky-search-reset svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.header__sticky-search-reset:hover {
  color: #4f4e62;
}

.header__sticky-search-btn {
  position: absolute;
  top: 50%;
  right: 0.6rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1.8rem 0 0 0;
  color: #cc2e27;
  transition: 0.25s;
}
.header__sticky-search-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}

.header__sticky-contacts {
  position: relative;
  z-index: 100;
  margin: 0;
}
.header__sticky-contacts > dt {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4f4e62;
  gap: 1rem;
}
.header__sticky-contacts > dt svg {
  color: #cc2e27;
  display: block;
}
.header__sticky-contacts > dt a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1rem;
  color: #cc2e27;
  color: var(--color-red);
}
.header__sticky-contacts > dt a:hover {
  color: #a8241e;
  color: var(--color-red-hover);
}
.header__sticky-contacts > dd {
  position: absolute;
  top: -1.4rem;
  left: -1.6rem;
  padding: 5rem 1.6rem 1.6rem;
  background: #fff;
  border-radius: 1rem;
  white-space: nowrap;
  min-width: 100%;
  margin: 0;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__sticky-contacts:hover > dd {
  opacity: 1;
  visibility: visible;
}

.header__sticky-contacts-dl {
  margin: 0 0 2.2rem;
}
.header__sticky-contacts-dl dt {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #a5aebe;
}
.header__sticky-contacts-dl dd {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  margin: 0 0 1.6rem;
  display: flex;
  gap: 0.8rem 1.6rem;
}
.header__sticky-contacts-dl dd:last-child {
  margin: 0;
}
.header__sticky-contacts-dl a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  color: #4f4e62;
  gap: 1rem;
  transition: 0.25s;
}
.header__sticky-contacts-dl a:hover {
  opacity: 0.8;
}
.header__sticky-contacts-dl svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.header__sticky-contacts-dl .icon-email {
  color: #cc2e27;
}
.header__sticky-contacts-button {
  margin: auto 0 0 0;
}
.header__sticky-contacts-button .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}

.header__sticky-control {
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 4rem;
}

.header__sticky-control-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #4f4e62;
}
.header__sticky-control-link svg {
  display: block;
  width: 2.6rem;
  height: 2.6rem;
}
.header__sticky-control-link mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  background: #cc2e27;
  color: #fff;
  border-radius: 50%;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  align-self: flex-end;
}
.header__sticky-control-link mark svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.header__sticky-control-link:hover {
  color: #cc2e27;
  color: var(--color-red);
}

.header__mobile {
  position: relative;
  background: #fff;
  border-bottom: 1px solid #d2dbea;
  height: 7rem;
}
.header__mobile > .container-fluid {
  height: 100%;
  display: flex;
  align-items: center;
  gap: 2.2rem;
}
@media (min-width: 1200px) {
  .header__mobile {
    display: none;
  }
}

.header__mobile-logo {
  display: block;
  width: 18.5rem;
  flex: 0 0 auto;
  margin: 0 auto 0 0;
}
.header__mobile-logo img,
.header__mobile-logo svg {
  display: block;
  max-width: 100%;
}

.header__mobile-search-handler {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  display: block;
}
.header__mobile-search-handler svg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.25s;
  color: #828b9b;
}
.header__mobile-search-handler svg:nth-of-type(1) {
  opacity: 1;
  transform: scale(1);
}
.header__mobile-search-handler svg:nth-of-type(2) {
  opacity: 0;
  transform: scale(0);
}

.header__mobile-search-offcanvas {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0.6rem 1.6rem;
  background: #cc2e27;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}

.header__mobile-search-control {
  position: relative;
}

.header__mobile-search-input {
  display: block;
  width: 100%;
  height: 4rem;
  padding: 0 7rem 0 1.4rem;
  border-radius: 1rem;
  border: none;
  box-shadow: none;
  background: rgba(238, 243, 250, 0.2);
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: 0.25s;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
}
.header__mobile-search-input::-moz-placeholder {
  color: #fff;
}
.header__mobile-search-input::placeholder {
  color: #fff;
}
.header__mobile-search-input:focus {
  background: #fff;
}
.header__mobile-search-input:focus {
  color: #6b717b;
}
.header__mobile-search-input:focus ~ .header__mobile-search-reset {
  opacity: 1;
  visibility: visible;
}
.header__mobile-search-input:focus ~ .header__mobile-search-btn {
  background: #cc2e27;
  color: #fff;
}

.header__mobile-search-reset {
  position: absolute;
  top: 50%;
  right: 3.5rem;
  width: 3rem;
  height: 3rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1.5rem 0 0 0;
  color: #a5aebe;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__mobile-search-reset svg {
  display: block;
  width: 2rem;
  height: 2rem;
}
.header__mobile-search-reset:hover {
  color: #4f4e62;
}

.header__mobile-search-btn {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  width: 3rem;
  height: 3rem;
  border-radius: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: -1.5rem 0 0 0;
  color: #fff;
  transition: 0.25s;
}
.header__mobile-search-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}

.header__mobile-contacts-handler {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  display: block;
}
.header__mobile-contacts-handler svg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.25s;
  color: #828b9b;
}
.header__mobile-contacts-handler svg:nth-of-type(1) {
  opacity: 1;
  transform: scale(1);
}
.header__mobile-contacts-handler svg:nth-of-type(2) {
  opacity: 0;
  transform: scale(0);
}

.header__mobile-contacts-offcanvas {
  position: fixed;
  top: 7rem;
  left: 0;
  right: 0;
  bottom: 7rem;
  z-index: 500;
  background: #fff;
  padding: 3rem 1.6rem 1.6rem;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}

.header__mobile-contacts-phone {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.header__mobile-contacts-phone a {
  color: #cc2e27;
}

.header__mobile-contacts-dl {
  margin: 0 0 3rem;
}
.header__mobile-contacts-dl dt {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #a5aebe;
}
.header__mobile-contacts-dl dd {
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  margin: 0 0 2.4rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 2.4rem;
}
.header__mobile-contacts-dl dd:last-child {
  margin: 0;
}
.header__mobile-contacts-dl a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  color: #4f4e62;
  gap: 1rem;
}
.header__mobile-contacts-dl .icon-email {
  color: #cc2e27;
}
.header__mobile-contacts-button {
  margin: auto 0 0 0;
}
.header__mobile-contacts-button .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}

.header__mobile-nav-handler {
  width: 2.4rem;
  height: 2.4rem;
  position: relative;
  display: block;
}
.header__mobile-nav-handler svg {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.25s;
  color: #828b9b;
}
.header__mobile-nav-handler svg:nth-of-type(1) {
  opacity: 1;
  transform: scale(1);
}
.header__mobile-nav-handler svg:nth-of-type(2) {
  opacity: 0;
  transform: scale(0);
}

.header__mobile-nav-offcanvas {
  position: fixed;
  top: 7rem;
  left: 0;
  right: 0;
  bottom: 7rem;
  z-index: 500;
  background: #fff;
  padding: 3rem 1.6rem 1.6rem;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__mobile-nav-offcanvas::-webkit-scrollbar {
  display: none;
}

.header__mobile-nav-location {
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.header__mobile-nav-location a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1rem;
  color: #4f4e62;
}
.header__mobile-nav-location svg {
  display: block;
  width: 2rem;
  height: 2rem;
  flex: 0 0 auto;
  color: #cc2e27;
}

.header__mobile-nav-menu {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.8rem;
  gap: 1.8rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
.header__mobile-nav-menu a {
  color: #4f4e62;
}

.header__mobile-nav-additional {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.header__mobile-nav-additional a {
  color: #6b717b;
}

.header__mobile-nav-line {
  margin: 0 0 3rem;
  border: none;
  border-bottom: 1px solid #d2dbea;
  opacity: 0.7;
}

.header__mobile-nav-worktime {
  margin: 0;
}
.header__mobile-nav-worktime dt {
  margin: 0 0 2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #a5aebe;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header__mobile-nav-worktime dd {
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4f4e62;
}
.header__mobile-nav-worktime dd:last-child {
  margin: 0;
}
.header__mobile-nav-worktime svg {
  display: block;
  width: 2rem;
  height: 2rem;
  color: #cc2e27;
}
.header__mobile-nav-worktime ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header__mobile-nav-worktime ul > li {
  margin: 0 0 1rem;
}
.header__mobile-nav-worktime ul > li:last-child {
  margin: 0;
}

.header__mobile-catalog {
  position: absolute;
}

.header__mobile-catalog-offcanvas {
  position: fixed;
  top: 7rem;
  left: 0;
  right: 0;
  bottom: 7rem;
  z-index: 500;
  background: #fff;
  padding: 3.2rem 1.6rem;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: none;
  transition: 0.25s;
  opacity: 0;
  visibility: hidden;
}
.header__mobile-catalog-offcanvas:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 7rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  height: 3.2rem;
  z-index: 500;
}
.header__mobile-catalog-offcanvas::-webkit-scrollbar {
  display: none;
}

.header__mobile-catalog-title {
  display: block;
  margin: 0 0 3rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}

.header__mobile-catalog-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.8rem;
  gap: 1.8rem;
}
.header__mobile-catalog-menu a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #6b717b;
}
.header__mobile-catalog-menu a svg {
  display: block;
  width: 1.6rem;
  height: 2.4rem;
  margin: 0 0 0 auto;
  transition: transform 0.25s;
  color: #a5aebe;
}
.header__mobile-catalog-menu a:hover {
  color: #cc2e27;
}
.header__mobile-catalog-menu > li.is-open > a {
  color: #cc2e27;
}
.header__mobile-catalog-menu > li.is-open > a svg {
  transform: rotate(180deg);
}

.header__mobile-catalog-dropdown {
  position: relative;
  top: 1.6rem;
  padding: 0 0 3.2rem 2rem;
  display: none;
}
.header__mobile-catalog-dropdown .header__mobile-catalog-menu {
  gap: 1.4rem;
}

.header__navbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 900;
  background: #f3f7fc;
  height: 7rem;
}
.header__navbar > .container-fluid {
  height: 100%;
}
@media (min-width: 1200px) {
  .header__navbar {
    display: none;
  }
}

.header__navbar-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  height: 100%;
  gap: 1.6rem;
}
.header__navbar-menu > li {
  flex: 1;
}

.header__navbar-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100%;
  color: #828b9b;
  font-size: 1.1rem;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}
.header__navbar-link:hover {
  color: #828b9b;
}

.header__navbar-link-icon {
  height: 2.1rem;
  margin: 0 0 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.header__navbar-link-icon svg {
  display: block;
  width: 2.1rem;
  height: 2.1rem;
}
.header__navbar-link-icon mark {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #cc2e27;
  background: var(--color-primary);
  color: #fff;
  font-size: 0.9rem;
  line-height: 1;
  font-weight: 500;
  align-self: flex-end;
}
.header__navbar-link-icon mark svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.header__navbar-link-text {
  display: block;
}

.mobile-bottom-button {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 7rem;
  z-index: 950;
  padding: 1rem 0;
  background: #fff;
  border-top: 0.5px solid #d2dbea;
  opacity: 0;
  visibility: hidden;
  transform: translateY(1rem);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
.mobile-bottom-button .container-fluid {
  pointer-events: auto;
}
.mobile-bottom-button .ui-btn {
  width: 100%;
  height: 4.8rem;
  font-size: 1.6rem;
}
.mobile-bottom-button .ui-btn:focus, .mobile-bottom-button .ui-btn:active,
.mobile-bottom-button .ui-btn.ui-btn--red:focus,
.mobile-bottom-button .ui-btn.ui-btn--red:active {
  outline: none;
  box-shadow: none;
  background: #cc2e27;
  background: var(--color-primary);
  color: #fff;
}
.mobile-bottom-button.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
@media (min-width: 768px) {
  .mobile-bottom-button {
    display: none;
  }
}

.header__mobile-search-dropdown {
  position: absolute;
  top: 100%;
  left: 1.6rem;
  right: 1.6rem;
  background: #fff;
  border-radius: 1rem;
  margin: 1.6rem 0 0 0;
  padding: 1rem 1.6rem;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 30svh;
}

.header__mobile-search-group {
  padding: 0 0 1.8rem;
  margin: 0 0 1.8rem;
  border-bottom: 1px solid #d2dbea;
}
.header__mobile-search-group:last-child {
  margin: 0;
  padding: 0;
  border: none;
}

.header__mobile-search-title {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #a5aebe;
}

.header__mobile-search-list {
  margin: 0 -1.6rem;
  padding: 0;
  list-style: none;
}

.header__mobile-search-link {
  display: block;
  padding: 0.6rem 1.6rem;
  color: #6b717b;
  transition: 0.25s;
}
.header__mobile-search-link:hover {
  background: #f3f7fc;
  color: #6b717b;
}

.header__desktop-control > li:hover .header__desktop-control-dropdown {
  opacity: 1;
  visibility: visible;
}

.header__desktop-control-dropdown {
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 26rem;
  border-radius: 1rem;
  background: #fff;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  transition: 0.25s;
  padding: 1.6rem;
  z-index: 2200;
  margin: -1.6rem 0 0 0;
  opacity: 0;
  visibility: hidden;
}

.header__desktop-control-dropdown-line {
  margin: 0 -1.6rem 0.8rem;
  border: none;
  border-bottom: 1px solid #d2dbea;
}

.header__desktop-control-dropdown-user {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin: 0 0 2rem;
  gap: 1rem;
}

.header__desktop-control-dropdown-user-email {
  display: block;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  color: #6b717b;
  white-space: nowrap;
}

.header__desktop-control-dropdown-user-status {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  padding: 0.4rem 1.2rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  min-height: 2.6rem;
  border-radius: 0.6rem;
}
.header__desktop-control-dropdown-user-status.--grey {
  background: #828b9b;
  color: #fff;
}
.header__desktop-control-dropdown-user-status.--red {
  background: #cc2e27;
  color: #fff;
}
.header__desktop-control-dropdown-user-status.--violet {
  background: #6562ef;
  color: #fff;
}

.header__desktop-control-dropdown-menu {
  margin: 0 0 0.8rem;
  padding: 0;
  list-style: none;
}

.header__desktop-control-dropdown-link {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  padding: 0.8rem 1.6rem;
  margin: 0 -1.6rem;
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #6b717b;
}
.header__desktop-control-dropdown-link:hover {
  background: #f3f7fc;
  color: #4f4e62;
}

.header__desktop-control-dropdown-exit {
  display: inline-flex;
  vertical-align: top;
  margin: 0.8rem 0 0 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #6b717b;
}
.header__desktop-control-dropdown-exit:hover {
  color: #cc2e27;
}

.main {
  flex: 1 0 auto;
}

.footer {
  padding: 0 0 7rem;
}
@media (min-width: 1200px) {
  .footer {
    padding: 0 0 9rem;
  }
}

.footer__feedback {
  position: relative;
  z-index: 2;
  padding: 3rem 1.6rem 1.8rem;
  margin: 0 -1.6rem 6rem;
  background: #cc2e27;
  color: #fff;
  border-radius: 2rem;
}
.footer__feedback .form-response-success,
.footer__feedback .form-response-error,
.footer__feedback .field-error,
.footer__feedback .ui-validate {
  color: #f9e3e7;
}
.footer__feedback .form-response-success {
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .footer__feedback {
    margin: 0 7rem;
    padding: 6rem 7rem;
  }
  .footer__feedback .form-response-success {
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 400;
  }
}

.footer__feedback-desc {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .footer__feedback-desc {
    margin: 0;
  }
}

.footer__feedback-title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 2.5rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .footer__feedback-title {
    margin: 0 0 4rem;
    font-size: 4rem;
  }
}

.footer__feedback-text {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .footer__feedback-text {
    font-size: 2.2rem;
    max-width: 34rem;
  }
}

.footer__feedback-form .row {
  margin: 0 -1rem -2rem;
}
.footer__feedback-form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.footer__feedback-form .ui-input,
.footer__feedback-form .ui-textarea {
  background-color: rgba(249, 227, 231, 0.2);
  border-color: transparent;
  color: #fff;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1.6rem 1.6rem;
}
.footer__feedback-form .ui-input::-moz-placeholder, .footer__feedback-form .ui-textarea::-moz-placeholder {
  color: #fff;
  opacity: 0.7;
}
.footer__feedback-form .ui-input::placeholder,
.footer__feedback-form .ui-textarea::placeholder {
  color: #fff;
  opacity: 0.7;
}
.footer__feedback-form .ui-input:focus,
.footer__feedback-form .ui-textarea:focus {
  border-color: #f9e3e7;
}
.footer__feedback-form .ui-input.is-error,
.footer__feedback-form .ui-textarea.is-error {
  background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 1L1 8' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.footer__feedback-form .ui-input.is-valid,
.footer__feedback-form .ui-textarea.is-valid {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='9' viewBox='0 0 12 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.07143L4.63636 7.5L11 1.5' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.footer__feedback-form .ui-input {
  height: 5.2rem;
}
.footer__feedback-form .ui-textarea {
  height: 13.2rem;
}
.footer__feedback-form .ui-select .choices {
  background-color: rgba(249, 227, 231, 0.2);
  border-color: transparent;
  color: rgba(255, 255, 255, 0.7);
}
.footer__feedback-form .ui-select .choices.is-selected {
  color: #fff;
}
.footer__feedback-form .ui-select .choices > .choices__inner > .choices__arrow {
  color: #fff;
}
.footer__feedback-form .ui-select .choices > .choices__list--dropdown {
  background: #f9e3e7;
}
.footer__feedback-form .ui-checklist {
  padding: 1rem 0;
}
.footer__feedback-form .ui-check__input:checked ~ .ui-check__checkbox {
  background: #fff;
  color: #cc2e27;
}
.footer__feedback-form .ui-check__input:checked ~ .ui-check__checkbox:after {
  opacity: 1;
}
.footer__feedback-form .ui-check__checkbox {
  background: rgba(252, 231, 227, 0.2);
  color: #fff;
  border-color: transparent;
}
.footer__feedback-form .ui-check__text {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  padding: 2px 0;
}
.footer__feedback-form .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .footer__feedback-form .ui-symbols {
    display: none;
  }
  .footer__feedback-form .ui-textarea {
    height: 5.2rem;
  }
  .footer__feedback-form .ui-checklist {
    display: grid;
    grid-gap: 1.6rem;
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .footer__feedback-form .ui-btn {
    height: 5.2rem;
  }
}
@media (min-width: 1200px) {
  .footer__feedback-form .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .footer__feedback-form .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
  .footer__feedback-form .ui-input,
  .footer__feedback-form .ui-textarea,
  .footer__feedback-form .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    padding: 1.6rem 2.4rem;
  }
  .footer__feedback-form .ui-btn {
    font-weight: 500;
  }
  .footer__feedback-form .ui-check__text {
    font-size: 1.3rem;
    line-height: 1.3;
    font-weight: 400;
    padding: 0.3rem 0;
  }
  .footer__feedback-form .ui-checklist {
    padding: 0;
    display: flex;
    gap: 3.2rem;
  }
  .footer__feedback-form .ui-checklist > li {
    flex: 0 0 auto;
    max-width: 31rem;
  }
}

@media (min-width: 1200px) {
  .footer__wrapper {
    position: relative;
    z-index: 1;
  }
  .footer__wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: -15.6rem;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #d2dbea;
    border-radius: 2rem;
    z-index: -1;
    pointer-events: none;
  }
}

.footer__row {
  position: relative;
  margin: 0 0 3rem;
  border-bottom: 1px solid #d2dbea;
}
.footer__row:last-child {
  border: none;
  margin: 0;
}
@media (min-width: 1200px) {
  .footer__row {
    padding: 3rem 7rem;
    margin: 0;
  }
  .footer__row > .row {
    margin: 0 -1.6rem -6rem;
  }
  .footer__row > .row > [class^=col] {
    padding: 0 1.6rem 6rem;
  }
  .footer__row:nth-of-type(1) {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .footer__row:nth-of-type(1) .row {
    align-items: flex-start;
  }
  .footer__row:nth-of-type(2) .row {
    align-items: center;
  }
}

.footer__logo {
  display: block;
  width: 11.8rem;
  position: absolute;
  top: 0;
  right: 1.6rem;
  margin: 0;
}
.footer__logo img,
.footer__logo svg {
  display: block;
}
@media (min-width: 1200px) {
  .footer__logo {
    position: relative;
    right: 0;
    width: 15.6rem;
  }
}

.footer__contacts {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4f4e62;
}
.footer__contacts > li {
  margin: 0 0 3rem;
}
.footer__contacts > li:last-child {
  margin: 0;
}
.footer__contacts small {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #a5aebe;
}
.footer__contacts ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 3.6rem;
}
.footer__contacts ul > li {
  position: relative;
}
.footer__contacts ul > li:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: -1.8rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #d2dbea;
  margin: -0.4rem -0.4rem 0 0;
}
.footer__contacts ul > li:last-child:after {
  display: none;
}
@media (min-width: 1200px) {
  .footer__contacts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.2rem;
    gap: 3.2rem;
    margin: 0;
  }
  .footer__contacts > li {
    margin: 0;
    min-width: 0;
  }
  .footer__contacts ul {
    flex-wrap: nowrap;
  }
}

.footer__social {
  margin: 0 0 4rem;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .footer__social {
    gap: 2rem;
    margin: 0;
  }
}

.footer__social-link {
  display: block;
  width: 4rem;
  height: 4rem;
  background: #eef3fa;
  border-radius: 0.8rem;
  transition: 0.25s;
}
.footer__social-link svg {
  display: block;
  width: 100%;
  height: 100%;
}
.footer__social-link svg path {
  transition: 0.25s;
}
.footer__social-link:not(:hover) svg path:first-child {
  fill: #a5aebe;
}
@media (min-width: 1200px) {
  .footer__social-link {
    width: 5rem;
    height: 5rem;
  }
}

.footer__policy {
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .footer__policy {
    margin: 0;
  }
}

.footer__payments {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2rem;
}
@media (min-width: 1200px) {
  .footer__payments {
    margin: 0;
  }
}

.footer__payments-image {
  height: 2.2rem;
  display: flex;
  align-items: center;
  filter: saturate(0);
  opacity: 0.5;
  transition: 0.25s;
}
.footer__payments-image img,
.footer__payments-image svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.footer__payments-image:hover {
  filter: saturate(1);
  opacity: 1;
}

.footer__button {
  margin: 0 0 4rem;
}
.footer__button .ui-btn {
  padding: 0 1.6rem;
  height: 3.8rem;
}
@media (min-width: 1200px) {
  .footer__button {
    margin: 0;
  }
  .footer__button .ui-btn {
    font-size: 1.8rem;
    height: 3.5rem;
  }
}

.footer__copyright {
  display: block;
  margin: 0 0 3rem;
  padding: 0 0 3rem;
  border-bottom: 1px solid #d2dbea;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #a5aebe;
}
.footer__copyright p {
  margin: 0 0 0.8rem;
}
.footer__copyright p:last-child {
  margin: 0;
}
.footer__copyright br {
  display: none;
}
@media (min-width: 1200px) {
  .footer__copyright {
    margin: 0;
    padding: 0;
    border: none;
    font-size: 1.6rem;
    max-width: 132.8rem;
  }
  .footer__copyright p {
    margin: 0;
    display: inline;
  }
  .footer__copyright br {
    display: block;
  }
}

.footer__dev {
  display: flex;
  align-items: center;
  color: #a5aebe;
  gap: 1rem;
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .footer__dev {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}

.footer__dev-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .footer__dev-text {
    font-size: 1.6rem;
  }
}

.footer__dev-link {
  display: block;
  color: #a5aebe;
  position: relative;
  top: -0.075em;
}
.footer__dev-link svg {
  display: block;
  width: 8.5rem;
  height: auto;
}
.footer__dev-link:hover {
  color: #4f4e62;
}
@media (min-width: 1200px) {
  .footer__dev-link svg {
    width: 9.8rem;
  }
}

.footer__subsc {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .footer__subsc {
    margin: 0;
  }
  .footer__subsc .row {
    gap: 1.6rem 0;
  }
}

.footer__subsc-text {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #a5aebe;
}
@media (min-width: 1200px) {
  .footer__subsc-text {
    margin: 0;
    font-size: 1.6rem;
  }
}

.footer__subsc-field {
  position: relative;
  height: 5.2rem;
  overflow: hidden;
  display: flex;
}
@media (min-width: 1200px) {
  .footer__subsc-field {
    height: 4.8rem;
    width: 35.4rem;
  }
}

.footer__subsc-input {
  display: block;
  width: 100%;
  height: auto;
  flex: 1;
  background: #eef3fa;
  color: #4f4e62;
  padding: 0 1.6rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 400;
  border: 1px solid transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 1rem 0 0 1rem;
  transition: 0.25s;
}
.footer__subsc-input::-moz-placeholder {
  color: #a5aebe;
}
.footer__subsc-input::placeholder {
  color: #a5aebe;
}
.footer__subsc-input:focus {
  border-color: rgba(165, 174, 190, 0.6);
}
.footer__subsc-input.is-error {
  background: #f9e3e7;
}
@media (min-width: 1200px) {
  .footer__subsc-input {
    padding: 0 2.4rem;
    font-size: 1.8rem;
  }
}

.footer__subsc-btn {
  position: relative;
  height: 100%;
  width: auto;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #cc2e27;
  background: var(--color-red);
  color: #fff;
  flex: 0 0 auto;
  border-radius: 0 1rem 1rem 0;
  transition: 0.25s;
}
.footer__subsc-btn:hover {
  background: #a8241e;
  background: var(--color-red-hover);
  color: #fff;
}
.footer__subsc-btn svg {
  display: block;
  width: 100%;
  height: 100%;
}

.footer__nav {
  margin: 0 0 3rem;
}
@media (min-width: 1200px) {
  .footer__nav {
    margin: 0;
  }
}

.footer__nav-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 500;
}
.footer__nav-menu > li {
  min-width: 0;
}
@media (min-width: 1200px) {
  .footer__nav-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem 4.8rem;
  }
}

.footer__nav-link {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #4f4e62;
}
.footer__nav-link:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #cc2e27;
  color: var(--color-red);
}

@media (max-width: 1199px) {
  .footer:not(:has(.footer_feedback)) .footer__wrapper {
    border-top: 1px solid rgb(210, 219, 234);
    padding: 4rem 0 0;
  }
}
@media (min-width: 1200px) {
  .footer:not(:has(.footer_feedback)) .footer__wrapper::before {
    top: 0;
  }
}

@media (max-width: 1199px) {
  .footer:not(:has(.footer_feedback)) .footer__wrapper {
    border-top: 1px solid rgb(210, 219, 234);
    padding: 4rem 0 0;
  }
}
@media (min-width: 1200px) {
  .footer:not(:has(.footer_feedback)) .footer__wrapper::before {
    top: 0;
  }
}

.footer__apps {
  border-top: 1px solid #D2DBEA;
  padding: 3rem 0 4rem;
}
@media (min-width: 1200px) {
  .footer__apps {
    border: none;
    padding: 0;
  }
}

.footer__qr {
  display: none;
}
@media (min-width: 1200px) {
  .footer__qr {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: #4F4E62;
  }
  .footer__qr:hover {
    color: #4F4E62;
    -webkit-text-decoration: none;
    text-decoration: none;
  }
}

.footer__qr-image {
  display: block;
  width: 10.4rem;
  flex: 0 0 auto;
}
.footer__qr-image img {
  display: block;
  width: 100%;
  height: auto;
}

.footer__qr-desc {
  flex: 1;
  max-width: 18.4rem;
}

.footer__qr-title {
  display: block;
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  line-height: 1.16;
  font-weight: 500;
}

.footer__qr-text {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
  color: #A5AEBE;
}

.footer__stores {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .footer__stores {
    display: none;
  }
}

.footer__stores-title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.6rem;
  line-height: 1.2;
  font-weight: 500;
}

.footer__stores-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}

.footer__stores-btn {
  display: inline-flex;
  vertical-align: top;
  border-radius: 0.8rem;
  background: #4F4E62;
  color: #fff;
  transition: background 0.4s;
}
.footer__stores-btn svg {
  display: block;
}
.footer__stores-btn:hover {
  background: #000;
  color: #fff;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s, visibility 0.5s;
}
.loading svg {
  display: block;
  width: 6.4rem;
  height: 6.4rem;
  animation: rotate 2s linear infinite;
  transform-origin: center center;
}
.loading circle {
  stroke-dasharray: 150, 200;
  stroke-dashoffset: 10;
  animation: dash 1.5s ease-in-out infinite, color 4s ease-in-out infinite;
  stroke-linecap: round;
}

.is-loaded .loading {
  opacity: 0;
  visibility: hidden;
}

.is-header-sticky .scrolltop {
  transform: translate(0, 0);
  opacity: 1;
  visibility: visible;
}

.scrolltop {
  position: fixed;
  bottom: 8.6rem;
  left: 1.6rem;
  z-index: 900;
  width: 4rem;
  height: 4rem;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f7fc;
  border: 1px solid #d2dbea;
  color: #cc2e27;
  transform: translate(0, 100%);
  opacity: 0;
  visibility: hidden;
  box-shadow: 0px 0.4rem 5rem 0px rgba(28, 31, 41, 0.08);
}
.scrolltop svg {
  display: block;
  width: 50%;
  height: 50%;
  flex: 0 0 auto;
}
.scrolltop:hover {
  background: #cc2e27;
  background: var(--color-red);
  border-color: #cc2e27;
  border-color: var(--color-red);
  color: #fff;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .scrolltop {
    width: 6rem;
    height: 6rem;
    left: 3.2rem;
    bottom: 3.2rem;
  }
}

.popup {
  background: #fff;
  border-radius: 2rem 2rem 0 0;
  padding: 0;
  height: auto;
  width: 100%;
  max-height: 100%;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 100vh 0 #fff;
}
.popup:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  width: 8rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  background: #D2DBEA;
  margin: 0 0 0 -4rem;
}
@media (min-width: 768px) {
  .popup {
    max-height: none;
    height: auto;
    border-radius: 2rem;
    padding: 3.2rem 4rem 4rem;
    box-shadow: none;
  }
  .popup:before {
    display: none;
  }
  .popup:after {
    display: none;
  }
  .popup.--w720 {
    width: 72rem;
  }
  .popup.--w640 {
    width: 64rem;
  }
  .popup.--w560 {
    width: 56rem;
  }
  .popup.--w520 {
    width: 52rem;
  }
  .popup.--w480 {
    width: 48rem;
  }
  .popup.--w428 {
    width: 42.8rem;
  }
  .popup.--w420 {
    width: 42rem;
  }
  .popup.--w894 {
    width: 89.4rem;
  }
}

.popup__draggable {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 6rem;
}
@media (min-width: 768px) {
  .popup__draggable {
    display: none;
  }
}

.popup__head {
  position: relative;
  flex: 0 0 auto;
  padding: 3.2rem 5rem 1.6rem 2rem;
}
@media (min-width: 768px) {
  .popup__head {
    padding: 0;
    margin: 0 0 3.2rem;
  }
}

.popup__body {
  overflow-x: hidden;
  overflow-y: auto;
  padding: 1.6rem 2rem 3.2rem;
  flex: 1;
  overscroll-behavior: none;
}
.popup__body::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .popup__body {
    padding: 0;
    overflow: visible;
  }
}

.popup__close {
  position: absolute;
  top: 3.2rem;
  right: 2rem;
  z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  transition: 0.25s;
  color: #A5AEBE;
}
.popup__close:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  bottom: -0.8rem;
  border-radius: inherit;
}
.popup__close svg {
  display: block;
  width: 100%;
  height: 100%;
}
.popup__close:hover {
  color: #4F4E62;
}
@media (min-width: 768px) {
  .popup__close {
    width: 3rem;
    height: 3rem;
    top: 0;
    right: 0;
  }
}

.popup__back {
  display: inline-flex;
  vertical-align: top;
  gap: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  color: #A5AEBE;
  margin: 0 0 2rem;
}
.popup__back svg {
  display: block;
  width: 1.3rem;
  height: auto;
}
.popup__back:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .popup__back {
    font-size: 1.6rem;
    margin: 0 0 2.4rem;
  }
}

.popup__title {
  display: block;
  margin: 0 0 1rem;
  padding: 0 1.6rem 0 0;
  font-size: 2rem;
  line-height: 1.35;
  font-weight: 500;
  color: #CC2E27;
}
.popup__title:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .popup__title {
    font-size: 2.2rem;
  }
}

.popup__wysiwyg {
  margin: 0 0 3.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #A5AEBE;
}
.popup__wysiwyg:last-child {
  margin: 0;
}
.popup__wysiwyg p {
  margin: 0 0 1rem;
}
.popup__wysiwyg p:last-child {
  margin: 0;
}
.popup__wysiwyg b {
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .popup__wysiwyg {
    padding: 0 1.6rem 0 0;
  }
}

.popup__form {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.popup__form .row {
  margin: 0 -1rem -2rem;
}
.popup__form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
.popup__form .row-gutter-16 {
  margin: 0 -0.5rem -1rem;
}
.popup__form .row-gutter-16 > [class^=col] {
  padding: 0 0.5rem 1rem;
}
.popup__form .ui-fieldset {
  margin: 0 0 3.2rem;
}
.popup__form .ui-fieldset:last-child {
  margin-bottom: 0;
}
.popup__form .ui-tabs {
  margin: 0 0 3.2rem;
}
.popup__form .ui-tabs:last-child {
  margin-bottom: 0;
}
.popup__form .ui-group {
  margin: 0 0 2rem;
}
.popup__form .ui-group:last-child {
  margin-bottom: 0;
}
.popup__form .ui-select {
  margin: 0 0 2rem;
  height: 4.8rem;
}
.popup__form .ui-select:last-child {
  margin-bottom: 0;
}
.popup__form .ui-placeholder {
  height: 5.2rem;
  margin: 0 0 2rem;
}
.popup__form .ui-placeholder:last-child {
  margin-bottom: 0;
}
.popup__form .ui-placeholder:has(.ui-placeholder__textarea) {
  height: auto;
}
.popup__form .ui-checklist {
  gap: 1rem;
}
.popup__form .ui-control {
  margin-top: auto;
}
.popup__form .ui-control .ui-btn {
  height: 4.8rem;
  font-size: 1.8rem;
}
.popup__form .ui-autosize {
  margin: 0 0 -1.6rem;
}
.popup__form .ui-product {
  padding: 0;
}
.popup__form .ui-field {
  margin: 0 0 1.6rem;
}
.popup__form .ui-field:last-child {
  margin-bottom: 0;
}
.popup__form .ui-upload-area__handler {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .popup__form .ui-product {
    display: grid;
    grid-template-columns: 12rem 1fr;
    align-items: center;
    grid-gap: 0 3.2rem;
    gap: 0 3.2rem;
  }
  .popup__form .ui-product__image {
    width: 12rem;
    height: 8.5rem;
    margin: 0 0 2.4rem;
  }
  .popup__form .ui-product__desc {
    margin: 0 0 2.4rem;
  }
  .popup__form .ui-product__title {
    margin: 0 0 1.6rem;
    font-size: 1.8rem;
    max-width: 80%;
  }
  .popup__form .ui-upload-area__wrapper {
    grid-template-columns: repeat(5, minmax(0, 11.6rem));
  }
  .popup__form .ui-vote {
    transform-origin: left center;
  }
  .popup__form .ui-vote__item {
    width: 3.2rem;
    height: 3.2rem;
  }
}
@media (min-width: 1200px) {
  .popup__form .row {
    margin: 0 -1.2rem -2.4rem;
  }
  .popup__form .row > [class^=col] {
    padding: 0 1.2rem 2.4rem;
  }
  .popup__form .row-gutter-16 {
    margin: 0 -0.8rem -1.6rem;
  }
  .popup__form .row-gutter-16 > [class^=col] {
    padding: 0 0.8rem 1.6rem;
  }
  .popup__form .ui-group {
    margin-bottom: 2.4rem;
  }
  .popup__form .ui-select {
    margin-bottom: 2.4rem;
    height: 6rem;
  }
  .popup__form .ui-placeholder {
    height: 6rem;
    margin-bottom: 2.4rem;
  }
  .popup__form .ui-field {
    margin: 0 0 2rem;
  }
  .popup__form .ui-field:last-child {
    margin-bottom: 0;
  }
}

.popup__success-wysiwyg {
  margin: 0 0 3.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 0;
  color: #4F4E62;
}
.popup__success-wysiwyg p {
  margin: 0 0 1rem;
}
.popup__success-wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .popup__success-wysiwyg {
    font-size: 1.6rem;
  }
}

.popup__success-control {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.popup__success-control .ui-btn {
  height: 4.8rem;
  font-size: 1.8rem;
}

.popup__location {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  margin: 0 0 2.4rem;
}

.popup__location-city {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
.popup__location-city svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .popup__location-city {
    gap: 0.8rem;
  }
  .popup__location-city svg {
    width: 2rem;
    height: 2rem;
  }
}

.popup__location-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .popup__location-text {
    font-size: 1.6rem;
  }
}

.popup__buttons {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.popup__buttons .ui-btn {
  height: 5rem;
  font-size: 1.6rem;
  flex: 1;
}
.popup__buttons .ui-btn--45 {
  height: 4.5rem;
}
.popup__buttons .ui-btn--48 {
  height: 4.8rem;
  font-size: 1.8rem;
}
@media (min-width: 1200px) {
  .popup__buttons .ui-btn {
    height: 6rem;
    font-size: 1.8rem;
  }
  .popup__buttons .ui-btn--45 {
    height: 4.5rem;
  }
  .popup__buttons .ui-btn--48 {
    height: 4.8rem;
  }
  .popup__buttons--row {
    display: flex;
    flex-wrap: wrap;
  }
}

.popup__promo-swiper {
  margin: 0 0 2.4rem;
}

.popup__promo-wysiwyg {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  margin: 0 0 3.2rem;
}
.popup__promo-wysiwyg p {
  margin: 0 0 1rem;
}
.popup__promo-wysiwyg p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .popup__promo-wysiwyg {
    font-size: 1.6rem;
  }
}

.popup__promo-control {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.popup__promo-control .ui-btn {
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .popup__promo-control .ui-btn {
    height: 4.8rem;
    font-size: 1.8rem;
  }
}

.popup__added {
  display: grid;
  grid-template-columns: 9.2rem 1fr;
  grid-template-areas: "image title" "group group" "control control";
  align-items: start;
  grid-gap: 0 1.6rem;
  gap: 0 1.6rem;
  margin: 0 0 3.2rem;
}
.popup__added:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .popup__added {
    grid-template-columns: 18rem 1fr;
    grid-template-areas: "image title" "image group" "control control";
  }
}

.popup__added-image {
  display: block;
  border-radius: 0.6rem;
  overflow: hidden;
  width: 9.2rem;
  height: auto;
  aspect-ratio: 92/72;
  background: #F3F7FC;
  margin: 0 0 1.6rem;
  grid-area: image;
}
.popup__added-image a {
  display: block;
  width: 100%;
  height: 100%;
}
.popup__added-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .popup__added-image {
    width: 18rem;
    aspect-ratio: 180/140;
    margin: 0 0 3.2rem;
    border-radius: 1rem;
  }
}

.popup__added-title {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  grid-area: title;
}
.popup__added-title a {
  color: #4F4E62;
}
.popup__added-title a:hover {
  color: #cc2e27;
  color: var(--color-red);
}
@media (min-width: 1200px) {
  .popup__added-title {
    font-size: 1.8rem;
  }
}

.popup__added-group {
  grid-area: group;
  margin: 0 0 3.2rem;
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
@media (min-width: 1200px) {
  .popup__added-group {
    align-self: end;
  }
}

.popup__added-price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: 700;
  color: #4F4E62;
  flex: 1;
  grid-area: price;
}
.popup__added-price ins {
  -webkit-text-decoration: none;
  text-decoration: none;
}
.popup__added-price del {
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
  color: #A5AEBE;
  font-size: 1.4rem;
  font-weight: 500;
}
.popup__added-price mark {
  color: #CC2E27;
  font-size: 1.4rem;
  font-weight: 500;
}

.popup__added-counter {
  flex: 0 0 auto;
}

.popup__added-control {
  grid-area: control;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.popup__added-control .ui-btn {
  height: 4.5rem;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .popup__added-control {
    display: flex;
    gap: 1.6rem;
  }
  .popup__added-control .ui-btn {
    flex: 1;
    height: 4.8rem;
  }
}

.popup__similar {
  border-top: 1px solid #D2DBEA;
  padding: 1.6rem 0 0 0;
}

.popup__similar-title {
  display: block;
  margin: 0 0 3.2rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .popup__similar-title {
    font-size: 1.8rem;
  }
}

.popup__subsc .ui-field {
  margin: 0 0 2.4rem;
}
.popup__subsc .ui-input {
  height: 4.8rem;
}
.popup__subsc .ui-checklist {
  margin: 0 0 2.4rem;
}
.popup__subsc .field-error, .popup__subsc .ui-validate {
  padding: 0.8rem 0 0;
}

.popup:has(.form-response-success) .popup__head {
  margin: 0;
}
.popup:has(.form-response-success) .popup__title,
.popup:has(.form-response-success) .popup__wysiwyg {
  display: none;
}
.popup:has(.form-response-success) .form-response-success {
  display: block;
  margin: 0;
  padding: 1.6rem 0;
  font-size: 2rem;
  line-height: 1.35;
  font-weight: 500;
  color: #CC2E27;
  text-align: center;
}
@media (min-width: 1200px) {
  .popup:has(.form-response-success) .form-response-success {
    font-size: 2.2rem;
  }
}

.popup-stories {
  background: #E4EEFF;
  border-radius: 2rem 2rem 0 0;
  padding: 0;
  height: auto;
  width: 100%;
  height: auto;
  max-height: 100%;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  box-shadow: 0 100vh 0 #E4EEFF;
}
.popup-stories:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  width: 8rem;
  height: 0.4rem;
  border-radius: 0.4rem;
  background: #D2DBEA;
  margin: 0 0 0 -4rem;
}
@media (min-width: 768px) {
  .popup-stories {
    border-radius: 0;
    background: transparent;
  }
  .popup-stories:before {
    display: none;
  }
}

.popup-stories__draggable {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 6rem;
}
@media (min-width: 768px) {
  .popup-stories__draggable {
    display: none;
  }
}

.popup-stories__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 0 0 auto;
  padding: 3rem 2rem 2rem;
}
@media (min-width: 768px) {
  .popup-stories__head {
    padding: 0;
    margin: 0 0 -3.5rem;
  }
}

.popup-stories__body {
  flex: 1;
  overflow: hidden;
  padding: 0 2rem 2rem;
  display: grid;
  grid-template-columns: 1fr;
  min-width: 0;
}
.popup-stories__body * {
  min-width: 0;
}
@media (min-width: 768px) {
  .popup-stories__body {
    padding: 0;
    overflow: visible;
    overflow: initial;
  }
}

.popup-stories__sound {
  display: inline-block;
  vertical-align: top;
  position: relative;
  z-index: 200;
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  transition: color 0.25s;
}
.popup-stories__sound:hover {
  color: #4F4E62;
}
.popup-stories__sound.is-active .popup-stories__sound-off {
  display: none;
}
.popup-stories__sound.is-active .popup-stories__sound-on {
  display: flex;
}
@media (min-width: 1200px) {
  .popup-stories__sound {
    font-size: 2.2rem;
  }
}

.popup-stories__sound-off,
.popup-stories__sound-on {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.popup-stories__sound-off svg,
.popup-stories__sound-on svg {
  display: block;
  flex: 0 0 auto;
  width: 2.4rem;
  height: 2.4rem;
  color: #CC2E27;
}
@media (min-width: 1200px) {
  .popup-stories__sound-off,
  .popup-stories__sound-on {
    gap: 1.4rem;
  }
  .popup-stories__sound-off svg,
  .popup-stories__sound-on svg {
    width: 3.5rem;
    height: 3.5rem;
  }
}

.popup-stories__sound-on {
  display: none;
}

.popup-stories__close {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  color: #A5AEBE;
  position: relative;
  z-index: 200;
  border-radius: 0.8rem;
  transition: color 0.25s;
}
.popup-stories__close:before {
  content: "";
  display: block;
  position: absolute;
  top: -0.8rem;
  left: -0.8rem;
  right: -0.8rem;
  bottom: -0.8rem;
  border-radius: inherit;
}
.popup-stories__close svg {
  display: block;
  width: 100%;
  height: 100%;
}
.popup-stories__close:hover {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .popup-stories__close {
    width: 3rem;
    height: 3rem;
  }
}

.popup-stories__card {
  height: 100%;
  max-height: calc(100svh - 6rem - 4rem - 6rem);
  padding: 0 0 4rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .popup-stories__card {
    padding: 0 0 6.4rem;
  }
}

.popup-stories__card-category {
  position: absolute;
  top: 3rem;
  left: 1.6rem;
  z-index: 50;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  will-change: transform;
}
@media (min-width: 1200px) {
  .popup-stories__card-category {
    gap: 1.4rem;
  }
}

.popup-stories__card-category-image {
  display: block;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  border: 2px solid #6562EF;
  overflow: hidden;
  padding: 0.3rem;
}
.popup-stories__card-category-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: inherit;
}
@media (min-width: 1200px) {
  .popup-stories__card-category-image {
    width: 5rem;
    height: 5rem;
  }
}

.popup-stories__card-category-figcaption {
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  color: #fff;
}
@media (min-width: 1200px) {
  .popup-stories__card-category-figcaption {
    font-size: 2rem;
  }
}

.popup-stories__card-swiper {
  height: 100%;
  overflow: visible;
  overflow: initial;
}

.popup-stories__card-video {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  background: #000;
}

.popup-stories__card-image {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 2rem;
  overflow: hidden;
}
.popup-stories__card-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.popup-stories__card-toggle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  gap: 1rem;
  transition: 0.25s;
}
.popup-stories__card-toggle svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  transition: transform 0.25s;
}
.popup-stories__card-toggle:hover {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .popup-stories__card-toggle {
    font-size: 2.2rem;
    gap: 1.4rem;
    opacity: 0;
    visibility: hidden;
  }
  .popup-stories__card-toggle svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.swiper-slide-active .popup-stories__card-toggle {
  opacity: 1;
  visibility: visible;
}

.popup__used {
  flex: 1;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4rem 2rem 8rem;
}
.popup__used::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1200px) {
  .popup__used {
    padding: 6.4rem 6.4rem 9.6rem;
  }
}

.popup__used-swiper {
  margin: 0 0 2rem;
  display: flex;
}

.popup__used-control {
  text-align: center;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  height: 6rem;
  padding: 0 0 2rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  z-index: 400;
}
.popup__used-control:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 2rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}
@media (min-width: 1200px) {
  .popup__used-control {
    height: 9.6rem;
    padding: 0 0 4rem;
  }
}

.popup__used-toggle {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  gap: 1rem;
  transition: 0.25s;
}
.popup__used-toggle svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  transition: transform 0.25s;
}
.popup__used-toggle:hover {
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .popup__used-toggle {
    font-size: 2.2rem;
    gap: 1.4rem;
  }
  .popup__used-toggle svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.popup__write-us .ui-field {
  margin: 0 0 3.2rem;
}
.popup__write-us .ui-textarea {
  height: 11.2rem;
}
@media (min-width: 1200px) {
  .popup__write-us .ui-textarea {
    height: 13.2rem;
  }
}

.popup__agree .ui-checklist {
  margin: 0 0 3rem;
}
.popup__agree .ui-check {
  gap: 1rem;
}
.popup__agree .ui-check__checkbox {
  width: 2.4rem;
  height: 2.4rem;
}
.popup__agree .ui-check__text {
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 400;
  padding: 0.3rem 0;
}
.popup__agree .ui-btn {
  font-size: 1.6rem;
  height: 4.5rem;
}
@media (min-width: 1200px) {
  .popup__agree .ui-check__text {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 400;
    padding: 2px 0;
  }
  .popup__agree .ui-btn {
    font-size: 1.8rem;
    height: 4.8rem;
  }
}

.popup__docs .ui-docs {
  margin: 0 0 3rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.popup__docs .ui-btn {
  font-size: 1.6rem;
  height: 4.5rem;
}
@media (min-width: 1200px) {
  .popup__docs .ui-docs {
    gap: 1.4rem;
    font-size: 1.6rem;
  }
  .popup__docs .ui-btn {
    font-size: 1.8rem;
    height: 4.8rem;
  }
}

.popup:has(.popup__detailing) .popup__head {
  margin: 0;
  padding-bottom: 0;
}
.popup:has(.popup__detailing) .popup__close {
  right: -1.2rem;
}
.popup:has(.popup__detailing) .popup__body {
  position: relative;
  padding-right: 4.8rem;
}
.popup:has(.popup__detailing) .popup__body:has(.scrollbar-track-y[style="display: none;"]) {
  padding-right: 0;
}
.popup:has(.popup__detailing) .popup__body .scrollbar-track-y {
  position: absolute;
  top: 0;
  right: 3rem;
  height: 100%;
  width: 2px;
}
.popup:has(.popup__detailing) .popup__body .scrollbar-track-y:before {
  content: "";
  display: block;
  position: absolute;
  top: 4rem;
  left: 50%;
  bottom: 4rem;
  width: 2px;
  height: auto;
  border-radius: 2px;
  background: #D2DBEA;
  margin: 0 0 0 -1px;
}
.popup:has(.popup__detailing) .popup__body .scrollbar-thumb-y {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2px;
  height: auto;
  margin: 0 0 0 -1px;
}
.popup:has(.popup__detailing) .popup__body .scrollbar-thumb-y:before {
  content: "";
  display: block;
  position: absolute;
  top: 4rem;
  left: 0;
  right: 0;
  bottom: 4rem;
  background: #CC2E27;
}
@media (min-width: 768px) {
  .popup:has(.popup__detailing) {
    padding: 3.2rem;
  }
  .popup:has(.popup__detailing) .popup__body {
    padding-right: 3.2rem;
  }
  .popup:has(.popup__detailing) .popup__body .scrollbar-track-y {
    right: 0;
  }
  .popup:has(.popup__detailing) .popup__body .scrollbar-track-y:before {
    top: 6.4rem;
    bottom: 0;
  }
  .popup:has(.popup__detailing) .popup__body .scrollbar-thumb-y:before {
    top: 6.4rem;
    bottom: 0;
  }
}
@media (min-width: 1200px) {
  .popup:has(.popup__detailing) .popup__body {
    max-height: 51rem;
  }
}

.popup__detailing {
  font-size: 1.4rem;
  line-height: 1.26;
  font-weight: 400;
}
.popup__detailing table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.popup__detailing table thead {
  position: relative;
  z-index: 5;
  background: #fff;
  box-shadow: 0 -3.2rem 0 3.2rem #fff;
}
.popup__detailing table th,
.popup__detailing table td {
  padding: 1.6rem 0.8rem 1.8rem;
  border-bottom: 1px solid #D2DBEA;
  vertical-align: top;
}
.popup__detailing table th:first-child,
.popup__detailing table td:first-child {
  padding-left: 0;
}
.popup__detailing table th:last-child,
.popup__detailing table td:last-child {
  padding-right: 0;
}
.popup__detailing table th {
  text-align: left;
  font-weight: 500;
  color: #828B9B;
  padding-top: 0;
}
@media (min-width: 1200px) {
  .popup__detailing {
    font-size: 2.2rem;
  }
  .popup__detailing table th,
  .popup__detailing table td {
    padding: 2.4rem 0.8rem;
  }
  .popup__detailing table th:first-child,
  .popup__detailing table td:first-child {
    padding-left: 0;
  }
  .popup__detailing table th:last-child,
  .popup__detailing table td:last-child {
    padding-right: 0;
  }
  .popup__detailing table th {
    font-size: 1.8rem;
    padding-top: 0;
  }
}

@media (min-width: 768px) {
  .--popup-update .popup__head {
    margin-bottom: 2.6rem;
  }
}

.popup__subsc-list {
  margin: 0 0 3.2rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
@media (min-width: 768px) {
  .popup__subsc-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}

.popup__subsc-card {
  position: relative;
  display: flex;
  min-height: 100%;
  background: #F3F7FC;
  border-radius: 1.4rem;
  padding: 1.8rem;
  display: flex;
  align-items: center;
  gap: 1.6rem 2.4rem;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .popup__subsc-card {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }
}
@media (min-width: 1200px) {
  .popup__subsc-card {
    padding: 2.8rem;
    border-radius: 2rem;
  }
}

.popup__subsc-card-badge {
  display: flex;
  align-items: center;
  background: #6562EF;
  color: #fff;
  border-radius: 0.6rem;
  height: 2.2rem;
  position: absolute;
  top: -1.1rem;
  left: 1.8rem;
  padding: 0 0.8rem;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .popup__subsc-card-badge {
    height: 2.5rem;
    top: -1.2rem;
    left: 2.8rem;
    font-size: 1.3rem;
  }
}

.popup__subsc-card-period {
  display: block;
  margin: 0;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  flex: 1;
}
@media (min-width: 768px) {
  .popup__subsc-card-period {
    flex: initial;
    margin: 0 0 0.6rem;
  }
}
@media (min-width: 1200px) {
  .popup__subsc-card-period {
    font-size: 2.2rem;
    margin: 0 0 0.6rem;
  }
}

.popup__subsc-card-price {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin: 0;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
  color: #CC2E27;
  flex: 0 0 auto;
}
.popup__subsc-card-price ins {
  display: block;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.popup__subsc-card-price del {
  display: block;
  -webkit-text-decoration: line-through;
  text-decoration: line-through;
}
@media (min-width: 768px) {
  .popup__subsc-card-price {
    flex: initial;
    margin: 0 0 2.4rem;
    display: block;
  }
}
@media (min-width: 1200px) {
  .popup__subsc-card-price {
    font-size: 3rem;
    margin: 0 0 2.4rem;
  }
}

.popup__subsc-card-action {
  margin: auto 0 0 0;
  flex: 0 0 100%;
}
.popup__subsc-card-action .ui-btn {
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
}
.popup__subsc-card-action .ui-btn.is-disabled {
  pointer-events: none;
  background: #A5AEBE;
  color: #fff;
}
@media (min-width: 1200px) {
  .popup__subsc-card-action .ui-btn {
    height: 6rem;
  }
}

.popup__subsc-desc {
  border-radius: 1.4rem;
  border: 1px solid #D2DBEA;
  padding: 2rem 1.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
@media (min-width: 1200px) {
  .popup__subsc-desc {
    font-size: 1.6rem;
    padding: 2.8rem;
    border-radius: 2rem;
  }
}
.popup__subsc-desc strong {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
}
@media (min-width: 1200px) {
  .popup__subsc-desc strong {
    font-size: 2.2rem;
  }
}
.popup__subsc-desc p {
  margin: 0 0 1.2rem;
}
@media (min-width: 1200px) {
  .popup__subsc-desc p {
    margin: 0 0 1.6rem;
  }
}
.popup__subsc-desc a {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  -webkit-text-decoration: none;
  text-decoration: none;
  gap: 0.4rem;
  color: #4F4E62;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  transition: 0.2s;
}
.popup__subsc-desc a svg {
  display: block;
  flex: 0 0 auto;
  width: 2rem;
  height: 2rem;
}
.popup__subsc-desc a:hover {
  color: #CC2E27;
  -webkit-text-decoration: none;
  text-decoration: none;
}
@media (min-width: 1200px) {
  .popup__subsc-desc a {
    font-size: 1.8rem;
  }
}
.popup__subsc-desc *:last-child {
  margin-bottom: 0;
}

.popup__subsc-action {
  margin: 0 0 2rem;
}
.popup__subsc-action:last-child {
  margin-bottom: 0;
}
.popup__subsc-action .ui-check__text {
  font-size: 1.3rem;
}
@media (min-width: 1200px) {
  .popup__subsc-action .ui-check__text {
    font-size: 1.4rem;
  }
}

.popup__subsc-caption {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.popup__subsc-caption p {
  margin: 0 0 1rem;
}
.popup__subsc-caption p:last-child {
  margin-bottom: 0;
}

:has(.lk) .header {
  margin: 0;
}

.lk {
  position: relative;
  margin: 0 0 6rem;
  overflow: visible;
}
@media (min-width: 1200px) {
  .lk {
    padding: 6.4rem 0 0 0;
    margin: 0 0 10rem;
  }
}

@media (min-width: 1200px) {
  .lk__layout {
    display: grid;
    grid-template-columns: 400fr 1336fr;
    grid-template-areas: "aside main";
    grid-gap: 5.6rem;
    gap: 5.6rem;
  }
}

@media (min-width: 1200px) {
  .lk__aside {
    min-width: 0;
    grid-area: aside;
  }
}

@media (min-width: 1200px) {
  .lk__main {
    min-width: 0;
    grid-area: main;
  }
}

.lk__nav {
  position: relative;
  background: #eef3fa;
  height: 3.7rem;
  margin: 0 -1.6rem 2rem;
  padding: 0;
  overflow-x: auto;
  overflow-y: hidden;
}
.lk__nav::-webkit-scrollbar {
  display: none;
}
@media (min-width: 1200px) {
  .lk__nav {
    margin: 0;
    padding: 2rem;
    border-radius: 2rem;
    background: #eef3fa;
    overflow-x: hidden;
    overflow-y: auto;
    height: auto;
    position: sticky;
    top: 13.2rem;
  }
}

.lk__nav-menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 2.2rem;
  height: 100%;
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 1.6rem;
  min-width: -moz-max-content;
  min-width: max-content;
}
.lk__nav-menu > li {
  flex: 0 0 auto;
}
@media (min-width: 1200px) {
  .lk__nav-menu {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    font-size: 2.2rem;
    line-height: 1.3;
    font-weight: 500;
    white-space: normal;
    height: auto;
    padding: 0;
  }
  .lk__nav-menu > li:has(.--exit) {
    border-top: 1px solid #d2dbea;
    padding: 2rem 0 0 0;
    margin: auto 0 2rem;
    position: relative;
    top: 2rem;
  }
}

.lk__nav-link {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex: 0 0 auto;
  color: #6b717b;
}
.lk__nav-link svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  flex: 0 0 auto;
  transform: translateY(-1px);
}
.lk__nav-link svg.icon-danger {
  margin: 0 0 0 auto;
  width: 1.6rem;
  height: 1.6rem;
}
.lk__nav-link:hover {
  color: #4f4e62;
}
.lk__nav-link.--exit {
  color: #828b9b;
}
.lk__nav-link.--exit:hover {
  color: #4f4e62;
}
.lk__nav-link.is-active {
  color: #cc2e27;
}
@media (min-width: 1200px) {
  .lk__nav-link {
    padding: 1.2rem;
    border-radius: 1rem;
    min-height: 6.4rem;
    gap: 1.6rem;
    color: #4f4e62;
  }
  .lk__nav-link svg {
    transform: translateY(0);
    width: 3.6rem;
    height: 3.6rem;
  }
  .lk__nav-link svg.icon-danger {
    margin: 0 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
  }
  .lk__nav-link:hover {
    background: #fff;
    color: #4f4e62;
  }
  .lk__nav-link.is-active {
    background: #fff;
    color: #cc2e27;
  }
  .lk__nav-link.--exit {
    color: #828b9b;
  }
  .lk__nav-link.--exit:hover {
    background: none;
    color: #4f4e62;
  }
}

.lk__status {
  margin: 0 0 1.8rem;
}
.lk__status .row {
  gap: 1.8rem 0;
  margin: 0 -0.9rem;
}
.lk__status .row > [class^=col] {
  padding: 0 0.9rem;
}
@media (min-width: 1200px) {
  .lk__status {
    margin: 0 0 3.2rem;
  }
  .lk__status .row {
    gap: 3.2rem 0;
    margin: 0 -1.6rem;
  }
  .lk__status .row > [class^=col] {
    padding: 0 1.6rem;
  }
}

.lk__status-card {
  background: #828b9b;
  color: #fff;
  border-radius: 2rem;
  height: 100%;
  min-height: 10.6rem;
  padding: 1.8rem;
  position: relative;
}
.lk__status-card.--red {
  background: #cc2e27;
  color: #fff;
}
.lk__status-card.--violet {
  background: #6562ef;
}
@media (min-width: 1200px) {
  .lk__status-card {
    padding: 3.2rem;
    min-height: 20.6rem;
  }
}

.lk__status-card-desc {
  position: relative;
  z-index: 2;
}

.lk__status-card-title {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__status-card-title {
    font-size: 3rem;
  }
}

.lk__status-card-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .lk__status-card-text {
    font-size: 2.2rem;
  }
}

.lk__status-card-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.lk__status-card-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.lk__status-promocode {
  background: #f3f7fc;
  border-radius: 2rem;
  padding: 1.8rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 1200px) {
  .lk__status-promocode {
    padding: 3.2rem;
  }
}

.lk__status-promocode-title {
  display: block;
  margin: 0 0 1rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__status-promocode-title {
    margin: 0 0 0.8rem;
    font-size: 3rem;
  }
}

.lk__status-promocode-copy {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.4rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: left;
  color: #4f4e62;
}
.lk__status-promocode-copy svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
}
.lk__status-promocode-copy:hover {
  color: #828b9b;
}
@media (min-width: 1200px) {
  .lk__status-promocode-copy {
    margin: 0;
    font-size: 2.2rem;
    gap: 1.4rem;
  }
  .lk__status-promocode-copy svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.lk__status-promocode-social {
  margin: auto 0 0 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__status-promocode-social > li:first-child {
  margin-right: 0.4rem;
}
@media (min-width: 1200px) {
  .lk__status-promocode-social {
    font-size: 2.2rem;
    gap: 1.6rem;
  }
  .lk__status-promocode-social > li:first-child {
    margin-right: 1.2rem;
  }
}

.lk__status-promocode-social-link {
  display: block;
  width: 3rem;
  height: 3rem;
  background: #fff;
  border-radius: 0.6rem;
  transition: 0.25s;
}
.lk__status-promocode-social-link svg {
  display: block;
  width: 100%;
  height: 100%;
}
.lk__status-promocode-social-link svg path {
  transition: 0.25s;
}
.lk__status-promocode-social-link:not(:hover) svg path:first-child {
  fill: #a5aebe;
}
@media (min-width: 1200px) {
  .lk__status-promocode-social-link {
    width: 4rem;
    height: 4rem;
    border-radius: 0.8rem;
  }
}

.lk__status-bonuses {
  background: #f3f7fc;
  border-radius: 2rem;
  padding: 1.8rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  overflow: hidden;
  height: 100%;
}
@media (min-width: 1200px) {
  .lk__status-bonuses {
    padding: 3.2rem;
    gap: 3.2rem;
    position: sticky;
    top: 13.2rem;
  }
}

.lk__status-bonuses-icon {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 1rem;
  background: #fff;
  overflow: hidden;
  margin: 0;
  flex: 0 0 auto;
}
.lk__status-bonuses-icon img,
.lk__status-bonuses-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .lk__status-bonuses-icon {
    width: 6rem;
    height: 6rem;
  }
}

.lk__status-bonuses-status {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
.lk__status-bonuses-status small {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .lk__status-bonuses-status {
    font-size: 3rem;
  }
  .lk__status-bonuses-status small {
    font-size: 1.8rem;
  }
}

.lk__status-bonuses-control {
  flex: 0 0 100%;
  padding: 2rem 0 0;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__status-bonuses-control:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -3.2rem;
  right: -3.2rem;
  border-top: 2px solid #fff;
}
@media (min-width: 1200px) {
  .lk__status-bonuses-control {
    font-size: 1.8rem;
    padding: 3.2rem 0 0 0;
  }
}

.lk__status-balance {
  height: 100%;
  border-radius: 2rem;
  background: #f3f7fc;
  padding: 1.8rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  height: 100%;
}
@media (min-width: 768px) {
  .lk__status-balance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1200px) {
  .lk__status-balance {
    padding: 3.2rem;
    gap: 3.2rem;
  }
}

.lk__status-balance-icon {
  display: block;
  margin: 0;
  flex: 0 0 auto;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 1rem;
  background: #fff;
}
.lk__status-balance-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .lk__status-balance-icon {
    width: 5rem;
    height: 5rem;
  }
}

.lk__status-balance-text {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
.lk__status-balance-text small {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .lk__status-balance-text {
    font-size: 3rem;
  }
  .lk__status-balance-text small {
    font-size: 1.8rem;
  }
}

.lk__status-banner {
  background: #eef3fa;
  border-radius: 2rem;
  padding: 1.8rem;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
}
.lk__status-banner > .row {
  flex: 1;
  margin: 0 -0.8rem;
  gap: 1.6rem 0;
}
.lk__status-banner > .row > [class^=col] {
  padding: 0 0.8rem;
  display: flex;
}
@media (min-width: 1200px) {
  .lk__status-banner {
    padding: 3.2rem;
  }
  .lk__status-banner > .row {
    margin: 0 -1.6rem;
  }
  .lk__status-banner > .row > [class^=col] {
    padding: 0 1.6rem;
  }
}

.lk__status-banner-desc {
  position: relative;
  z-index: 2;
}
.lk__status-banner-title {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__status-banner-title {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
}

.lk__status-banner-text {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__status-banner-text:last-child {
  margin: 0;
}
.lk__status-banner-text a {
  font-weight: 500;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4f4e62;
}
.lk__status-banner-text a:hover {
  color: #a8241e;
  color: var(--color-red-hover);
}
@media (min-width: 1200px) {
  .lk__status-banner-text {
    font-size: 1.8rem;
  }
}

.lk__status-banner-link {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6b717b;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  gap: 0.4rem;
}
.lk__status-banner-link svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
}
.lk__status-banner-link:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #4f4e62;
}
@media (min-width: 1200px) {
  .lk__status-banner-link {
    font-size: 1.8rem;
  }
  .lk__status-banner-link svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.lk__status-banner-image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 -1.8rem -1.8rem;
  position: relative;
  z-index: 1;
  flex: 1;
}
.lk__status-banner-image img {
  display: block;
  max-width: 52.5rem;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
}
.lk__status-banner-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 52.5rem;
  height: 32rem;
  border-radius: 50%;
  background: #d2dbea;
  opacity: 0.7;
  z-index: -1;
  margin: 0 0 0 -26.2rem;
}
@media (min-width: 768px) {
  .lk__status-banner-image {
    margin: -1.8rem -1.8rem -1.8rem 0;
  }
  .lk__status-banner-image:before {
    width: auto;
    height: auto;
    aspect-ratio: 1/1;
    top: 50%;
    left: 0;
    right: -10%;
    margin: 0;
    transform: translate(0, -33.33%);
    border-radius: 50% 0 0 50%;
  }
}
@media (min-width: 1200px) {
  .lk__status-banner-image {
    margin: -3.2rem -3.2rem -3.2rem -1.6rem;
  }
}

.lk__join {
  padding: 1.8rem;
  border-radius: 2rem;
  background: #f3f7fc;
  margin: 0 0 1.8rem;
}
@media (min-width: 1200px) {
  .lk__join {
    padding: 3.2rem;
    margin: 0 0 3.2rem;
  }
}

.lk__join-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__join-title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 500;
    margin: 0 0 3.2rem;
  }
}

.lk__join-card {
  background: #fff;
  border-radius: 1rem;
  padding: 1.8rem;
  height: 100%;
}
@media (min-width: 1200px) {
  .lk__join-card {
    padding: 2.8rem;
    min-height: 10.2rem;
    display: flex;
    align-items: flex-start;
    gap: 1.6rem;
    border-radius: 2rem;
  }
}

.lk__join-card-icon {
  display: block;
  margin: 0 0 1.4rem;
  width: 3rem;
  height: 3rem;
}
.lk__join-card-icon img,
.lk__join-card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .lk__join-card-icon {
    margin: 0;
    flex: 0 0 auto;
  }
}

.lk__join-card-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (min-width: 1200px) {
  .lk__join-card-text {
    margin: 0;
    flex: 1;
    font-size: 1.8rem;
    -webkit-hyphens: inherit;
            hyphens: inherit;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}

.lk__steps {
  padding: 1.8rem;
  margin: 0 0 1.8rem;
  border-radius: 2rem;
  background: #f3f7fc;
}
.lk__steps:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .lk__steps {
    padding: 3.2rem 3.2rem 4rem;
    margin: 0 0 3.2rem;
  }
}

.lk__steps-title {
  display: block;
  margin: 0 0 2.2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__steps-title {
    font-size: 3rem;
    line-height: 1.2;
    font-weight: 500;
    margin: 0 0 3.2rem;
  }
}

.lk__steps-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 4rem;
  gap: 4rem;
}
.lk__steps-list > li {
  position: relative;
}
.lk__steps-list > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 3.6rem;
  left: 3rem;
  bottom: -2rem;
  border-left: 1px dashed #a5aebe;
  margin: 0 0 0 -0.5px;
}
.lk__steps-list > li:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3rem;
  left: 3rem;
  width: 1.6rem;
  height: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' viewBox='0 0 16 9' fill='none'%3E%3Cpath d='M7.96484 8.06299L15.0004 0.999943' stroke='%23A5AEBE' stroke-linecap='round'/%3E%3Cpath d='M1 1.19385L7.96486 8.06108' stroke='%23A5AEBE' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  margin: 0 0 0 -0.8rem;
}
.lk__steps-list > li:last-child:before, .lk__steps-list > li:last-child:after {
  display: none;
}
@media (min-width: 992px) {
  .lk__steps-list {
    display: grid;
    grid-template-columns: 364fr 337fr 321fr;
    grid-gap: 0 12.5rem;
    gap: 0 12.5rem;
  }
  .lk__steps-list > li:before, .lk__steps-list > li:after {
    display: none;
  }
  .lk__steps-list > li:nth-of-type(1):before {
    display: block;
    position: absolute;
    top: auto;
    left: 19rem;
    right: -9.5rem;
    bottom: -3rem;
    margin: 0;
    width: auto;
    height: 15.6rem;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='196' height='156' viewBox='0 0 196 156' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M191.18 78.7324L179.003 75.4451' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M187.922 90.7871L191.176 78.7325' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M0.994781 95.9471C62.3261 109.549 139.465 108.68 183.999 83' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round' stroke-dasharray='6 6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  .lk__steps-list > li:nth-of-type(2):before {
    display: block;
    position: absolute;
    top: auto;
    left: 14rem;
    right: -9rem;
    bottom: 3rem;
    margin: 0;
    width: auto;
    height: 5.8rem;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='286' height='58' viewBox='0 0 286 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M284.148 46.3564L273.954 38.9296' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M276.797 56.4492L284.149 46.3571' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 24.6161C40.8061 16.3231 94.8298 -12.5586 136.167 8.59283C157.418 19.4669 140.492 40.4799 118.556 35.1483C103.153 31.4048 109.49 20.8772 122.35 19C172.908 11.6197 224.057 57.1301 275 47.5' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round' stroke-dasharray='6 6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
}
@media (min-width: 1200px) {
  .lk__steps-list {
    display: grid;
    grid-template-columns: 364fr 337fr 321fr;
    grid-gap: 0 12.5rem;
    gap: 0 12.5rem;
  }
  .lk__steps-list > li:before, .lk__steps-list > li:after {
    display: none;
  }
  .lk__steps-list > li:nth-of-type(1):before {
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    right: -9.5rem;
    bottom: -5rem;
    margin: 0;
    width: 19.6rem;
    height: 15.6rem;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='196' height='156' viewBox='0 0 196 156' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M191.18 78.7324L179.003 75.4451' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M187.922 90.7871L191.176 78.7325' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M0.994781 95.9471C62.3261 109.549 139.465 108.68 183.999 83' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round' stroke-dasharray='6 6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
  .lk__steps-list > li:nth-of-type(2):before {
    display: block;
    position: absolute;
    top: auto;
    left: auto;
    right: -9rem;
    bottom: 3rem;
    margin: 0;
    width: 28.6rem;
    height: 5.8rem;
    border: none;
    background-image: url("data:image/svg+xml,%3Csvg width='286' height='58' viewBox='0 0 286 58' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M284.148 46.3564L273.954 38.9296' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M276.797 56.4492L284.149 46.3571' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M1 24.6161C40.8061 16.3231 94.8298 -12.5586 136.167 8.59283C157.418 19.4669 140.492 40.4799 118.556 35.1483C103.153 31.4048 109.49 20.8772 122.35 19C172.908 11.6197 224.057 57.1301 275 47.5' stroke='%23A5AEBE' stroke-width='2' stroke-linecap='round' stroke-dasharray='6 6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
  }
}

.lk__steps-card {
  position: relative;
  padding: 0 0 0 7.6rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (min-width: 992px) {
  .lk__steps-card {
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .lk__steps-card {
    padding: 0;
  }
}

.lk__steps-card-number {
  position: absolute;
  top: -0.4rem;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5.8rem;
  height: 2.6rem;
  background: #a5aebe;
  color: #fff;
  border-radius: 0.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width: 992px) {
  .lk__steps-card-number {
    position: relative;
    margin: 0 0 2rem;
  }
}
@media (min-width: 1200px) {
  .lk__steps-card-number {
    position: relative;
    margin: 0 0 2rem;
    width: 8.6rem;
    height: 4rem;
    font-size: 1.8rem;
    border-radius: 1rem;
  }
}

.lk__steps-card-text {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 992px) {
  .lk__steps-card-text {
    margin: 0 -1.6rem 3.2rem 0;
  }
}
@media (min-width: 1200px) {
  .lk__steps-card-text {
    font-size: 1.8rem;
    margin: 0 -1.6rem 3.2rem 0;
  }
}

.lk__steps-card-btn {
  height: 4rem;
  padding: 0 2rem;
  font-size: 1.4rem;
}
@media (min-width: 992px) {
  .lk__steps-card-btn {
    margin-top: auto;
  }
}
@media (min-width: 1200px) {
  .lk__steps-card-btn {
    height: 5.2rem;
    padding: 0 3.5rem;
    font-size: 1.8rem;
  }
}

.lk__steps-card-image {
  display: block;
  width: 15.6rem;
  height: auto;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
.lk__steps-card-image img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 992px) {
  .lk__steps-card-image {
    width: 10rem;
  }
}
@media (min-width: 1200px) {
  .lk__steps-card-image {
    width: 10rem;
  }
}

.lk__benefits {
  padding: 1.8rem;
  border-radius: 2rem;
  background: #f3f7fc;
  margin: 0 0 1.8rem;
}
.lk__benefits:last-child {
  margin-bottom: 0;
}
.lk__benefits:has(.lk__benefits-wysiwyg) .lk__benefits-title {
  margin: 0 0 0.8rem;
}
@media (min-width: 1200px) {
  .lk__benefits {
    padding: 3.2rem;
    margin: 0 0 3.2rem;
  }
  .lk__benefits:has(.lk__benefits-wysiwyg) .lk__benefits-title {
    margin: 0 0 2rem;
  }
}

.lk__benefits-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__benefits-title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 500;
    margin: 0 0 3.2rem;
  }
}

.lk__benefits-wysiwyg {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__benefits-wysiwyg p {
  margin: 0 0 1rem;
}
.lk__benefits-wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .lk__benefits-wysiwyg {
    font-size: 1.8rem;
    margin: 0 0 3.2rem;
  }
}

.lk__benefits-list {
  margin: 0 0 2.4rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.lk__benefits-list > li {
  min-width: 0;
}
@media (min-width: 768px) {
  .lk__benefits-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 1200px) {
  .lk__benefits-list {
    gap: 3.2rem;
    margin: 0 0 3.2rem;
  }
}

.lk__benefits-buttons {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.lk__benefits-buttons .ui-btn {
  height: 4rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .lk__benefits-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 2.8rem;
  }
  .lk__benefits-buttons .ui-btn {
    height: 5.2rem;
    font-size: 1.8rem;
    padding: 0 3rem;
  }
}

.lk__benefits-card {
  background: #fff;
  border-radius: 1rem;
  padding: 1.8rem;
  height: 100%;
}
@media (min-width: 1200px) {
  .lk__benefits-card {
    display: flex;
    flex-direction: column;
    padding: 2.8rem;
    min-height: 16rem;
    gap: 2.8rem;
    border-radius: 2rem;
  }
}

.lk__benefits-card-icon {
  display: block;
  margin: 0 0 1.4rem;
  width: 3rem;
  height: 3rem;
}
.lk__benefits-card-icon img,
.lk__benefits-card-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .lk__benefits-card-icon {
    margin: 0;
    flex: 0 0 auto;
  }
}

.lk__benefits-card-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  -webkit-hyphens: auto;
          hyphens: auto;
}
@media (min-width: 1200px) {
  .lk__benefits-card-text {
    margin: 0;
    flex: 1;
    font-size: 1.8rem;
    -webkit-hyphens: inherit;
            hyphens: inherit;
  }
}

.lk__profile {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.8rem;
  gap: 1.8rem;
}
@media (min-width: 1200px) {
  .lk__profile {
    display: grid;
    grid-template-columns: 944fr 360fr;
    grid-template-areas: "main aside";
    grid-gap: 3.2rem;
    gap: 3.2rem;
    overflow: visible;
  }
}

@media (min-width: 1200px) {
  .lk__profile-aside {
    min-width: 0;
    grid-area: aside;
  }
}

@media (min-width: 1200px) {
  .lk__profile-main {
    min-width: 0;
    grid-area: main;
  }
}

.lk__profile-bonuses {
  background: #f3f7fc;
  border-radius: 2rem;
  padding: 1.8rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 2rem;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .lk__profile-bonuses {
    padding: 3.2rem;
    gap: 3.2rem;
    position: sticky;
    top: 13.2rem;
  }
}

.lk__profile-bonuses-icon {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 1rem;
  background: #fff;
  overflow: hidden;
  margin: 0;
  flex: 0 0 auto;
}
.lk__profile-bonuses-icon img,
.lk__profile-bonuses-icon svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 1200px) {
  .lk__profile-bonuses-icon {
    width: 6rem;
    height: 6rem;
  }
}

.lk__profile-bonuses-status {
  display: block;
  margin: 0;
  flex: 1;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 500;
}
.lk__profile-bonuses-status small {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .lk__profile-bonuses-status {
    font-size: 3rem;
  }
  .lk__profile-bonuses-status small {
    font-size: 1.8rem;
  }
}

.lk__profile-bonuses-control {
  flex: 0 0 100%;
  padding: 2rem 0 0;
  position: relative;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__profile-bonuses-control:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -3.2rem;
  right: -3.2rem;
  border-top: 2px solid #fff;
}
@media (min-width: 1200px) {
  .lk__profile-bonuses-control {
    font-size: 1.8rem;
    padding: 3.2rem 0 0 0;
  }
}

.lk__profile-data {
  background: #f3f7fc;
  border-radius: 2rem;
  padding: 1.8rem;
}
@media (min-width: 1200px) {
  .lk__profile-data {
    padding: 3.2rem;
  }
}

.lk__profile-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__profile-title {
    font-size: 3rem;
    margin: 0 0 3.2rem;
  }
}

.lk__profile-form .row {
  margin: 0 -1rem -2rem;
}
.lk__profile-form .row > [class^=col] {
  padding: 0 1rem 2rem;
}
@media (min-width: 1200px) {
  .lk__profile-form .row {
    margin: 0 -1.6rem -3.2rem;
  }
  .lk__profile-form .row > [class^=col] {
    padding: 0 1.6rem 3.2rem;
  }
}

.lk__orders {
  background: #f3f7fc;
  border-radius: 2rem;
  padding: 1.8rem;
}
@media (min-width: 1200px) {
  .lk__orders {
    padding: 3.2rem;
  }
}

.lk__orders-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__orders-title {
    font-size: 3rem;
    margin: 0 0 3.2rem;
  }
}

.lk__orders-list {
  margin: 0 0 1.8rem;
  padding: 0;
  list-style: none;
}
.lk__orders-list > li {
  margin: 0 0 1rem;
}
.lk__orders-list > li:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .lk__orders-list {
    margin: 0 0 3.2rem;
  }
}

.lk__orders-pagination .ui-pagination__nav {
  padding: 0;
  border: none;
}

.lk__section {
  background: #f3f7fc;
  border-radius: 2rem;
  padding: 1.8rem;
}
@media (min-width: 1200px) {
  .lk__section {
    padding: 3.2rem;
  }
}

.lk__title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__title {
    font-size: 3rem;
    margin: 0 0 3.2rem;
  }
}

.lk__menu {
  margin: 0 0 1.6rem;
}
@media (min-width: 1200px) {
  .lk__menu {
    margin: 0 0 3.2rem;
  }
}

.lk__menu-link {
  display: flex;
  align-items: center;
  height: 4rem;
  position: relative;
  cursor: pointer;
  color: #a5aebe;
  transition: 0.25s;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
.lk__menu-link:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  border-bottom: 2px solid #d2dbea;
  transition: 0.25s;
}
.lk__menu-link:hover {
  color: #cc2e27;
}
.lk__menu-link.is-active {
  color: #cc2e27;
}
.lk__menu-link.is-active:after {
  border-color: #cc2e27;
}
@media (min-width: 1200px) {
  .lk__menu-link {
    font-size: 2.2rem;
    height: 4.8rem;
  }
}

.lk__tags {
  overflow: hidden;
  margin: 0 -1.6rem 1.6rem;
  padding: 0 1.6rem;
}
@media (min-width: 1200px) {
  .lk__tags {
    margin: 0 0 3.2rem;
    padding: 0;
  }
}

.lk__tags-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 1.4rem;
  height: 3.4rem;
  border-radius: 10rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  white-space: nowrap;
  background: #fff;
  color: #4f4e62;
  transition: 0.25s;
}
.lk__tags-link.--light {
  background: #f3f7fc;
}
.lk__tags-link:hover {
  background: #f9e3e7;
  color: #cc2e27;
}
.lk__tags-link.is-active {
  background: #cc2e27;
  color: #fff;
}
@media (min-width: 1200px) {
  .lk__tags-link {
    height: 5.6rem;
    padding: 0 2.8rem;
    font-size: 2.2rem;
  }
}

.lk__academy {
  margin-bottom: 2rem;
}
.lk__academy:last-child {
  margin-bottom: 0;
}
.lk__academy .materials__card {
  border-color: transparent;
}
@media (min-width: 1200px) {
  .lk__academy {
    margin-bottom: 3rem;
  }
}

.lk__academy-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.1;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__academy-title {
    margin: 0 0 2.4rem;
    font-size: 3rem;
    line-height: 1.3;
    font-weight: 500;
  }
}

.lk__academy-list {
  margin: 0 0 3.6rem;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.lk__academy-list:last-child {
  margin-bottom: 0;
}
.lk__academy-list > li {
  min-width: 0;
}
@media (min-width: 576px) {
  .lk__academy-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 992px) {
  .lk__academy-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .lk__academy-list--x2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .lk__academy-list {
    gap: 2.4rem;
    margin: 0 0 5rem;
  }
}

.lk__empty {
  background: #fff;
  border-radius: 2rem;
  padding: 1.8rem;
  overflow: hidden;
  height: 100%;
  position: relative;
  display: flex;
}
.lk__empty > .row {
  flex: 1;
  margin: 0;
  gap: 1.6rem 0;
}
.lk__empty > .row > [class^=col] {
  padding: 0;
  display: flex;
}
@media (min-width: 1200px) {
  .lk__empty {
    padding: 3.2rem;
  }
}

.lk__empty-desc {
  position: relative;
  z-index: 2;
}

.lk__empty-title {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__empty-title {
    font-size: 2.2rem;
    margin: 0 0 2rem;
  }
}

.lk__empty-text {
  display: block;
  margin: 0 0 1.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .lk__empty-text {
    font-size: 1.8rem;
    margin: 0 0 2.8rem;
    max-width: 51.2rem;
  }
}

.lk__empty-btn {
  width: 100%;
  height: 4rem;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .lk__empty-btn {
    width: auto;
  }
}
@media (min-width: 1200px) {
  .lk__empty-btn {
    height: 4.9rem;
    padding: 0 3rem;
    font-size: 1.8rem;
  }
}

.lk__empty-image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 -1.8rem -1.8rem;
  position: relative;
  z-index: 1;
  flex: 1;
}
.lk__empty-image img {
  display: block;
  max-width: 52.5rem;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left top;
     object-position: left top;
}
.lk__empty-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 52.5rem;
  height: 32rem;
  border-radius: 50%;
  background: #d2dbea;
  opacity: 0.7;
  z-index: -1;
  margin: 0 0 0 -26.2rem;
}
@media (min-width: 768px) {
  .lk__empty-image {
    margin: -1.8rem -1.8rem -1.8rem 0;
  }
  .lk__empty-image:before {
    width: auto;
    height: auto;
    aspect-ratio: 1/1;
    top: 0;
    left: 0;
    right: -10%;
    margin: 0;
    transform: translate(0, -22.5%);
    border-radius: 50% 0 0 50%;
  }
}
@media (min-width: 1200px) {
  .lk__empty-image {
    margin: -3.2rem -3.2rem -3.2rem 0;
  }
}

.lk__pagination .ui-pagination__nav {
  padding: 0;
  border: none;
}

.lk__reviews {
  margin: 0 0 1.6rem;
}
@media (min-width: 1200px) {
  .lk__reviews {
    margin: 0 0 3.2rem;
  }
}

.lk__reviews-wysiwyg {
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__reviews-wysiwyg h1,
.lk__reviews-wysiwyg h2,
.lk__reviews-wysiwyg h3 {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
.lk__reviews-wysiwyg p {
  margin: 0 0 1rem;
}
.lk__reviews-wysiwyg p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .lk__reviews-wysiwyg {
    margin: 0 0 3.2rem;
    font-size: 1.8rem;
  }
  .lk__reviews-wysiwyg h1,
  .lk__reviews-wysiwyg h2,
  .lk__reviews-wysiwyg h3 {
    font-size: 2.2rem;
  }
}

.lk__reviews-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1.6rem;
  gap: 1.6rem;
}
.lk__reviews-list > li {
  min-width: 0;
}
@media (min-width: 1200px) {
  .lk__reviews-list {
    gap: 3.2rem;
  }
}

.lk__offers {
  border-radius: 2rem;
  background: #f3f7fc;
  padding: 1.8rem;
  overflow: hidden;
  position: relative;
}
@media (min-width: 1200px) {
  .lk__offers {
    padding: 3.2rem;
  }
}

.lk__offers-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__offers-title {
    margin: 0 0 3.2rem;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 500;
  }
}

.lk__offers-swiper .ui-card-v__area {
  background: #fff;
}

.lk__docs {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__docs > li {
  margin: 0 0 1.2rem;
}
.lk__docs > li:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .lk__docs {
    font-size: 2.2rem;
  }
  .lk__docs > li {
    margin: 0 0 1.6rem;
  }
  .lk__docs > li:last-child {
    margin: 0;
  }
}

.lk__docs-link {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #6b717b;
}
.lk__docs-link u {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}
.lk__docs-link svg {
  display: inline-block;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.6rem;
}
.lk__docs-link:hover {
  -webkit-text-decoration: none;
  text-decoration: none;
  color: #4f4e62;
}
@media (min-width: 1200px) {
  .lk__docs-link svg {
    width: 2.8rem;
    height: 2.8rem;
  }
}

.lk__referral {
  margin: 0 0 1.8rem;
  padding: 1.8rem;
  border-radius: 2rem;
  background: #f3f7fc;
}
@media (min-width: 1200px) {
  .lk__referral {
    margin: 0 0 3.2rem;
    padding: 3.2rem;
    display: grid;
    align-items: center;
    grid-template-columns: auto auto 1fr;
    grid-template-areas: "title title count" "copy social .";
    grid-gap: 2rem 9rem;
    gap: 2rem 9rem;
  }
  .lk__referral > * {
    min-width: 0;
  }
}

.lk__referral-title {
  display: block;
  margin: 0 0 1.2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__referral-title {
    font-size: 3rem;
    margin: 0;
    grid-area: title;
  }
}

.lk__referral-copy {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 1rem;
  margin: 0 0 1.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  text-align: left;
  color: #4f4e62;
}
.lk__referral-copy svg {
  display: block;
  width: 1.8rem;
  height: 1.8rem;
  flex: 0 0 auto;
}
.lk__referral-copy:hover {
  color: #828b9b;
}
@media (min-width: 1200px) {
  .lk__referral-copy {
    margin: 0;
    grid-area: copy;
    font-size: 2.2rem;
    gap: 1.4rem;
  }
  .lk__referral-copy svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}

.lk__referral-count {
  margin: 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__referral-count b {
  font-weight: 700;
}
.lk__referral-count:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .lk__referral-count {
    grid-area: count;
    font-size: 1.8rem;
    text-align: right;
  }
}

.lk__referral-social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .lk__referral-social {
    font-size: 2.2rem;
    gap: 1.6rem;
  }
  .lk__referral-social > li:first-child {
    margin-right: 1.2rem;
  }
}

.lk__referral-social-link {
  display: block;
  width: 3rem;
  height: 3rem;
  background: #fff;
  border-radius: 0.6rem;
  transition: 0.25s;
}
.lk__referral-social-link svg {
  display: block;
  width: 100%;
  height: 100%;
}
.lk__referral-social-link svg path {
  transition: 0.25s;
}
.lk__referral-social-link:not(:hover) svg path:first-child {
  fill: #a5aebe;
}
@media (min-width: 1200px) {
  .lk__referral-social-link {
    width: 4rem;
    height: 4rem;
    border-radius: 0.8rem;
  }
}

.lk__events {
  margin: 0 0 1.8rem;
  background: #f3f7fc;
  padding: 1.8rem;
  border-radius: 2rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .lk__events {
    padding: 3.2rem;
    margin: 0 0 3.2rem;
  }
}

.lk__events-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__events-title {
    margin: 0 0 3.2rem;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 500;
  }
}

.lk__data {
  margin: 0 0 3.2rem;
}
.lk__data:last-child {
  margin: 0;
}

.lk__data-topbar {
  margin: 0 0 3rem;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  gap: 2rem;
}
.lk__data-topbar .row {
  align-items: center;
  gap: 1rem 0;
}
@media (min-width: 1200px) {
  .lk__data-topbar {
    margin: 0 0 4rem;
    gap: 3rem 0;
  }
}

.lk__data-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
}
.lk__data-title:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .lk__data-title {
    margin: 0;
    font-size: 3rem;
  }
}

.lk__data-count {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #828b9b;
}
.lk__data-count b {
  font-weight: 700;
  color: #4f4e62;
}
@media (min-width: 1200px) {
  .lk__data-count {
    font-size: 2.2rem;
  }
}

.lk__data-filter .row {
  gap: 2rem 0;
}
.lk__data-filter .ui-input {
  height: 4.8rem;
  border-color: transparent;
  text-overflow: initial;
  font-size: 1.6rem;
}
.lk__data-filter .ui-drop {
  height: 4.4rem;
}
.lk__data-filter .ui-drop__handler,
.lk__data-filter .ui-drop__offcanvas {
  border-color: transparent;
}
@media (min-width: 768px) {
  .lk__data-filter .ui-period {
    width: 34.8rem;
  }
}
@media (min-width: 1200px) {
  .lk__data-filter .ui-drop {
    height: 5rem;
    width: 37.2rem;
  }
  .lk__data-filter .ui-input {
    height: 5rem;
  }
}

.lk__data-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #4f4e62;
  text-align: left;
}
.lk__data-table th,
.lk__data-table td {
  border-bottom: 1px solid #d2dbea;
  padding: 1.6rem 2.5rem 2rem;
  vertical-align: middle;
}
.lk__data-table th:first-child,
.lk__data-table td:first-child {
  padding-left: 0;
}
.lk__data-table th:last-child,
.lk__data-table td:last-child {
  padding-right: 0;
}
.lk__data-table th {
  font-weight: 500;
  white-space: nowrap;
  color: #828b9b;
  padding-top: 0;
}
.lk__data-table p {
  margin: 0 0 1rem;
}
.lk__data-table p:last-child {
  margin: 0;
}
@media (min-width: 1200px) {
  .lk__data-table {
    font-size: 1.8rem;
  }
  .lk__data-table th,
  .lk__data-table td {
    padding: 2.5rem;
  }
  .lk__data-table th:first-child,
  .lk__data-table td:first-child {
    padding-left: 0;
  }
  .lk__data-table th:last-child,
  .lk__data-table td:last-child {
    padding-right: 0;
  }
  .lk__data-table th {
    font-size: 1.8rem;
    padding-top: 0;
  }
  .lk__data-table td {
    font-size: 2.2rem;
  }
  .lk__data-table p {
    margin: 0 0 2rem;
  }
}

.lk__nav:has(.lk__nav-holder) {
  z-index: 3;
}
@media (min-width: 1200px) {
  .lk__nav:has(.lk__nav-holder) {
    overflow: visible;
  }
}

.lk__nav-menu li:has(.lk__nav-holder) a {
  padding-right: 2.2rem;
}
@media (min-width: 1200px) {
  .lk__nav-menu li:has(.lk__nav-holder) a {
    padding-right: 5rem;
  }
}

.lk__nav-menu:has(.lk__nav-holder) li {
  position: relative;
}

.lk__nav-holder.lk-holder {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-1rem);
}
@media (min-width: 1200px) {
  .lk__nav-holder.lk-holder {
    pointer-events: auto;
    right: 1.5rem;
    transform: translateY(-50%);
  }
}

.lk__status-card.--greylight {
  background: #f3f7fc;
}

.lk-profile-update {
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .lk-profile-update {
    flex-direction: row;
  }
}

.lk-profile-update .lk__profile-aside {
  width: 100%;
  flex-shrink: 0;
}
@media (min-width: 992px) {
  .lk-profile-update .lk__profile-aside {
    width: 30rem;
  }
}
@media (min-width: 1200px) {
  .lk-profile-update .lk__profile-aside {
    width: 36rem;
  }
}

.lk__profile-shell {
  margin-bottom: 0.5rem;
  padding: 1.8rem;
  background: #f3f7fc;
}
@media (min-width: 992px) {
  .lk__profile-shell {
    padding: 3.2rem;
  }
}
.lk__profile-shell.--top-radius {
  border-radius: 2rem 2rem 0 0;
}
.lk__profile-shell.--bottom-radius {
  border-radius: 0 0 2rem 2rem;
}

.lk__profile-descr {
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
}
@media (min-width: 992px) {
  .lk__profile-descr {
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .lk__profile-descr {
    margin-bottom: 2rem;
    font-size: 1.8rem;
  }
}

.lk__profile-warning {
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .lk__profile-warning {
    margin-bottom: 3.4rem;
  }
}

.lk .data-mobile {
  display: block;
}
@media (min-width: 992px) {
  .lk .data-mobile {
    display: none;
  }
}
.lk .mobile-info {
  margin-top: 2rem;
}
.lk .mobile-banner {
  margin-bottom: 2rem;
}

@media (max-width: 991px) {
  .lk:has(.data-mobile) .lk__status {
    margin-bottom: 0;
  }
}

.is-lk-request-status-active .lk__request {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  display: block;
}
.is-lk-request-status-active .lk__join {
  margin: 0 0 0.5rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.is-lk-request-status-active .lk__steps {
  display: none;
}

.lk__request {
  background: #f3f7fc;
  padding: 1.8rem;
  border-radius: 2rem;
  margin: 0 0 1.8rem;
  display: none;
}
@media (min-width: 1200px) {
  .lk__request {
    margin: 0 0 3.2rem;
    padding: 3.2rem;
  }
}

.lk__request-in {
  border-radius: 1rem;
  background: #fff;
  color: #4f4e62;
  padding: 1.6rem;
}
@media (min-width: 1200px) {
  .lk__request-in {
    padding: 2.6rem 2.8rem;
    border-radius: 2rem;
  }
}

.lk__request-head {
  padding: 0 0 2rem;
  margin: 0 0 1.4rem;
  border-bottom: 1px solid #d2dbea;
}
@media (min-width: 1200px) {
  .lk__request-head {
    padding: 0 0 2.2rem;
    margin: 0 0 2.6rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
  }
}

.lk__request-info {
  margin: 0 0 1.4rem;
  padding: 0;
  list-style: none;
}
.lk__request-info:last-child {
  margin-bottom: 0;
}
.lk__request-info > li {
  margin: 0 0 0.8rem;
}
.lk__request-info > li:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .lk__request-info {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4.8rem;
    flex: 1;
  }
  .lk__request-info > li {
    margin: 0;
    position: relative;
  }
  .lk__request-info > li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -2.4rem;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: #a5aebe;
    margin: -0.4rem 0 0 0;
  }
  .lk__request-info > li:first-child::before {
    display: none;
  }
}

.lk__request-title {
  display: block;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__request-title {
    font-size: 2.2rem;
  }
}

.lk__request-date {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 1200px) {
  .lk__request-date {
    font-size: 2.2rem;
  }
}

.lk__request-badge {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  height: 3rem;
  gap: 1rem;
  border-radius: 0.6rem;
  background: #828b9b;
  color: #fff;
  padding: 0 0.8rem 0 1rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
}
.lk__request-badge svg {
  display: block;
  flex: 0 0 auto;
  width: 1.8rem;
  height: 1.8rem;
}
@media (min-width: 1200px) {
  .lk__request-badge {
    height: 3.5rem;
    font-size: 1.8rem;
    padding: 0 0.8rem 0 1.2rem;
  }
  .lk__request-badge svg {
    width: 2.3rem;
    height: 2.3rem;
  }
}

.lk__request-body {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  margin: 0 0 2rem;
}
.lk__request-body:last-child {
  margin-bottom: 0;
}
.lk__request-body p {
  margin: 0 0 1rem;
}
.lk__request-body p:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .lk__request-body {
    margin: 0 0 2.6rem;
    font-size: 1.8rem;
  }
}

.lk__request-foot {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
@media (min-width: 1200px) {
  .lk__request-foot {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
  }
  .lk__request-foot .ui-btn {
    min-width: 12.5rem;
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.lk__subsc {
  margin: 0 0 3rem;
  border-radius: 1rem;
  padding: 1.6rem;
  position: relative;
  overflow: hidden;
  background: #fff;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "desc image" "action action";
  align-items: start;
  grid-gap: 2.4rem 1.6rem;
  gap: 2.4rem 1.6rem;
}
@media (min-width: 1200px) {
  .lk__subsc {
    margin: 0 0 4rem;
    border-radius: 2rem;
    padding: 2.4rem 2.8rem;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "image desc action";
    gap: 2.4rem;
  }
}

.lk__subsc-image {
  width: 5.8rem;
  height: 5.8rem;
  margin: 0;
  grid-area: image;
}
.lk__subsc-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.lk__subsc-desc {
  color: #4f4e62;
  grid-area: desc;
}

.lk__subsc-title {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.7rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__subsc-title {
    font-size: 2.2rem;
    margin: 0 0 0.6rem;
  }
  .lk__subsc-title br {
    display: none;
  }
}

.lk__subsc-text {
  display: block;
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
.lk__subsc-text b {
  font-weight: 700;
}
@media (min-width: 1200px) {
  .lk__subsc-text {
    font-size: 1.8rem;
  }
}

.lk__subsc-info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  gap: 0.8rem 1.6rem;
}
@media (min-width: 1200px) {
  .lk__subsc-info {
    font-size: 1.8rem;
    gap: 1rem 2rem;
  }
}

.lk__subsc-action {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  grid-area: action;
}
.lk__subsc-action .ui-btn {
  height: 4rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  border-width: 0.2rem;
}
@media (min-width: 768px) {
  .lk__subsc-action {
    display: flex;
  }
  .lk__subsc-action .ui-btn {
    flex: 1 1 auto;
  }
}
@media (min-width: 1200px) {
  .lk__subsc-action {
    display: flex;
    gap: 1.6rem;
  }
  .lk__subsc-action .ui-btn {
    height: 5.2rem;
    font-size: 1.8rem;
    padding: 0 2.8rem;
  }
}

.lk__tags {
  margin-bottom: 3rem;
}
@media (min-width: 1200px) {
  .lk__tags {
    margin-bottom: 4rem;
  }
}

.lk__filter {
  margin: 0 0 3rem;
}
.lk__filter .row {
  gap: 1.2rem 0;
}
.lk__filter .ui-select .choices {
  border-color: transparent;
}
@media (min-width: 1200px) {
  .lk__filter {
    margin: 0 0 4rem;
  }
}

.is-disabled .ui-card-event,
.is-disabled .ui-card-book,
.is-disabled .ui-card-academy,
.is-disabled .materials__card {
  opacity: 0.7;
}
.is-disabled .ui-card-event__play,
.is-disabled .ui-card-book__btn,
.is-disabled .materials__card-clue,
.is-disabled .materials__card-btn {
  display: none;
}

:has(.lk__knowledge) .lk__profile {
  margin: 0 0 1.8rem;
}
@media (min-width: 1200px) {
  :has(.lk__knowledge) .lk__profile {
    margin: 0 0 3.2rem;
  }
}
:has(.lk__knowledge) .lk__profile-shell:last-child {
  margin-bottom: 0;
}

.lk__knowledge {
  background: #eef3fa;
  border-radius: 2rem;
  padding: 1.8rem;
}
@media (min-width: 1200px) {
  .lk__knowledge {
    padding: 3.2rem;
  }
}

.lk__knowledge-card {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas: "desc image" "action action";
  align-items: start;
  grid-gap: 2.4rem 1.2rem;
  gap: 2.4rem 1.2rem;
  border-radius: 1rem;
  background: #fff;
  color: #4f4e62;
  padding: 1.6rem;
}
@media (min-width: 1200px) {
  .lk__knowledge-card {
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "image desc action";
    padding: 2.4rem 2.8rem;
    gap: 2.4rem;
  }
}

.lk__knowledge-card-desc {
  grid-area: desc;
}

.lk__knowledge-card-title {
  display: block;
  margin: 0 0 0.8rem;
  font-size: 1.7rem;
  line-height: 1.3;
  font-weight: 500;
}
@media (min-width: 1200px) {
  .lk__knowledge-card-title {
    font-size: 2.2rem;
    margin: 0 0 1rem;
  }
}

.lk__knowledge-card-info {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  gap: 0.8rem 1.6rem;
}
@media (min-width: 1200px) {
  .lk__knowledge-card-info {
    font-size: 1.8rem;
    gap: 1rem 2rem;
  }
}

.lk__knowledge-card-image {
  grid-area: image;
  width: 5.8rem;
  height: 5.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lk__knowledge-card-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

.lk__knowledge-card-action {
  grid-area: action;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
}
.lk__knowledge-card-action .ui-btn {
  height: 4rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  border-width: 0.2rem;
}
@media (min-width: 768px) {
  .lk__knowledge-card-action {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1200px) {
  .lk__knowledge-card-action {
    display: flex;
    gap: 1.6rem;
  }
  .lk__knowledge-card-action .ui-btn {
    height: 5.2rem;
    padding: 0 2.8rem;
    font-size: 1.8rem;
  }
}

.lk__profile-contacts {
  background: #eef3fa;
  border-radius: 2rem;
  padding: 1.8rem;
  margin: 0 0 1.8rem;
}
.lk__profile-contacts .row {
  gap: 2rem 0;
}
@media (min-width: 1200px) {
  .lk__profile-contacts {
    padding: 3.2rem;
    margin: 0 0 3.2rem;
  }
}

.lk__promocode {
  margin: 0 0 1.8rem;
  padding: 1.8rem;
  background: #FFEEC0;
  color: #4F4E62;
  border-radius: 2rem;
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
@media (min-width: 1200px) {
  .lk__promocode {
    margin: 0 0 3.2rem;
    padding: 3.2rem;
    display: grid;
    align-items: start;
    grid-template-columns: 5.8rem 326fr 848fr;
    grid-gap: 2rem;
    gap: 2rem;
  }
  .lk__promocode > * {
    min-width: 0;
  }
}

.lk__promocode-icon {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.6rem;
  height: 4.6rem;
  margin: 0 0 2rem 2rem;
}
.lk__promocode-icon img, .lk__promocode-icon svg {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
@media (min-width: 1200px) {
  .lk__promocode-icon {
    margin: 0;
    width: 5.8rem;
    height: 5.8rem;
  }
}

.lk__promocode-title {
  display: block;
  margin: 0 0 2rem;
  font-size: 1.8rem;
  line-height: 1.3;
  font-weight: 500;
  display: flex;
  align-items: center;
  min-height: 4.6rem;
}
@media (min-width: 1200px) {
  .lk__promocode-title {
    font-size: 2.2rem;
    margin: 0;
  }
}

.lk__promocode-list {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem;
  gap: 1rem;
  clear: both;
  line-height: 1;
}

.lk__promocode-card {
  background: #fff;
  color: #4F4E62;
  border-radius: 1rem;
  padding: 1.8rem 3.6rem 1.8rem 1.8rem;
  position: relative;
}
@media (min-width: 768px) {
  .lk__promocode-card {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    padding: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .lk__promocode-card {
    padding: 1.8rem 2rem;
  }
}

@media (min-width: 768px) {
  .lk__promocode-card-desc {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.6rem 1.2rem;
    flex: 1;
  }
}

.lk__promocode-card-value {
  display: block;
  margin: 0 0 0.6rem;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: 500;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .lk__promocode-card-value {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .lk__promocode-card-value {
    font-size: 1.8rem;
  }
}

.lk__promocode-card-term {
  display: block;
  margin: 0 0 1.6rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
}
@media (min-width: 768px) {
  .lk__promocode-card-term {
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .lk__promocode-card-term {
    font-size: 1.8rem;
  }
}

.lk__promocode-card-tooltip {
  position: absolute;
  top: 1.8rem;
  right: 1.8rem;
  width: 2rem;
  height: 2rem;
}
@media (min-width: 768px) {
  .lk__promocode-card-tooltip {
    position: relative;
    top: 0;
    right: 0;
  }
}

.lk__promocode-card-copy {
  display: inline-flex;
  vertical-align: top;
  align-items: center;
  gap: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 500;
  color: #4F4E62;
  transition: 0.2s;
}
.lk__promocode-card-copy svg {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  color: #6B717B;
  transition: 0.2s;
}
.lk__promocode-card-copy:hover {
  color: #CC2E27;
}
.lk__promocode-card-copy:hover svg {
  color: currentColor;
}
@media (min-width: 768px) {
  .lk__promocode-card-copy {
    flex: 0 0 auto;
  }
}
@media (min-width: 1200px) {
  .lk__promocode-card-copy {
    font-size: 1.8rem;
  }
  .lk__promocode-card-copy svg {
    width: 2rem;
    height: 2rem;
  }
}

:has(.lk__promocode) .tooltipster-white .tooltipster-box {
  width: 34.6rem;
}

.is-cookies-show .cookies {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}
@media (max-width: 1199px) {
  .is-cookies-show body {
    overflow: hidden;
    pointer-events: none;
  }
}

.cookies {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2000;
  padding: 3rem 2rem 4rem;
  background: #fff;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.2);
  background: #fff;
  border-radius: 1.4rem 1.4rem 0px 0px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transform: translate3d(0, 100%, 0);
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.cookies:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  width: 8rem;
  height: 0.4rem;
  background: #D2DBEA;
  border-radius: 0.4rem;
  margin: 0 0 0 -4rem;
}
@media (min-width: 768px) {
  .cookies {
    left: auto;
    right: 3.2rem;
    bottom: 3.2rem;
    padding: 2rem 2.4rem 2.4rem 2.4rem;
    width: 33.7rem;
    border-radius: 2rem;
    transform: translate3d(100%, 0, 0);
  }
  .cookies:before {
    display: none;
  }
}

.cookies__draggable {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 6rem;
}

.cookies__close {
  position: absolute;
  top: 3rem;
  right: 2rem;
  width: 2.4rem;
  height: 2.4rem;
  z-index: 100;
  color: #A5AEBE;
}
.cookies__close svg {
  display: block;
  width: 100%;
  height: 100%;
}
.cookies__close:hover {
  color: #4F4E62;
}
@media (min-width: 768px) {
  .cookies__close {
    top: 1.8rem;
    right: 1.8rem;
    width: 3rem;
    height: 3rem;
  }
}

.cookies__title {
  display: block;
  margin: 0 0 1rem;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 500;
  color: #4F4E62;
  padding: 0 3rem 0 0;
}
@media (min-width: 768px) {
  .cookies__title {
    margin: 0 0 1.6rem;
  }
}

.cookies__wysiwyg,
.cookies__text {
  display: block;
  margin: 0 0 3.2rem;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
}
.cookies__wysiwyg p,
.cookies__text p {
  margin: 0 0 1rem;
}
.cookies__wysiwyg p:last-child,
.cookies__text p:last-child {
  margin: 0;
}
.cookies__wysiwyg a,
.cookies__text a {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #6B717B;
}
.cookies__wysiwyg a:hover,
.cookies__text a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
  color: #CC2E27;
}
@media (min-width: 768px) {
  .cookies__wysiwyg,
  .cookies__text {
    margin: 0 0 2.2rem;
  }
}

.cookies__button .ui-btn {
  width: 100%;
  height: 4.8rem;
  font-size: 1.8rem;
}

.is-inform-show .inform {
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
}
@media (max-width: 1199px) {
  .is-inform-show body {
    overflow: hidden;
    pointer-events: none;
  }
}

.inform {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2100;
  background: #fff;
  border-radius: 1.4rem 1.4rem 0 0;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.2);
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translate3d(0, 100%, 0);
  transition: 0.4s cubic-bezier(0.19, 1, 0.22, 1);
}
.inform:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.8rem;
  left: 50%;
  width: 8rem;
  height: 0.4rem;
  background: #D2DBEA;
  border-radius: 0.4rem;
  margin: 0 0 0 -4rem;
}
@media (min-width: 768px) {
  .inform {
    width: 57.6rem;
    right: 3.2rem;
    bottom: 3.2rem;
    left: auto;
    border-radius: 2rem;
    transform: translate3d(100%, 0, 0);
  }
  .inform:before {
    display: none;
  }
}

.inform__draggable {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 50;
  width: 100%;
  height: 6rem;
}

.inform__close {
  position: absolute;
  top: 3rem;
  right: 2rem;
  z-index: 100;
  width: 2.4rem;
  height: 2.4rem;
  color: #A5AEBE;
}
.inform__close svg {
  display: block;
  width: 100%;
  height: 100%;
}
.inform__close:hover {
  color: #4F4E62;
}
@media (min-width: 768px) {
  .inform__close {
    top: 2.4rem;
    right: 2.4rem;
    width: 3rem;
    height: 3rem;
  }
}

.inform__slide {
  display: grid;
  grid-template-columns: 10rem 1fr;
  grid-template-areas: "title title" "image text";
  grid-gap: 0 1.6rem;
  gap: 0 1.6rem;
  position: relative;
  padding: 3rem 2rem 4rem;
  color: #CC2E27;
  width: 100%;
  overflow: hidden;
}
.inform__slide:hover {
  color: #CC2E27;
}
@media (min-width: 768px) {
  .inform__slide {
    padding: 2.4rem;
    gap: 0 2.2rem;
    grid-template-columns: 16rem 1fr;
    grid-template-areas: "image title" "image text";
  }
}

.inform__slide-title {
  display: block;
  margin: 0 0 3.2rem;
  padding: 0 5rem 0 0;
  font-size: 2rem;
  line-height: 1.3;
  font-weight: 500;
  grid-area: title;
}
@media (min-width: 768px) {
  .inform__slide-title {
    margin: 0 0 1.2rem;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 500;
  }
}

.inform__slide-image {
  border-radius: 1rem;
  background: #D9D9D9;
  width: 10rem;
  height: 10rem;
  overflow: hidden;
  grid-area: image;
}
.inform__slide-image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .inform__slide-image {
    width: 16rem;
    height: 16rem;
  }
}

.inform__slide-wysiwyg,
.inform__slide-text {
  display: block;
  margin: 0 0 2.6rem;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 400;
  color: #6B717B;
  grid-area: text;
  min-width: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.inform__slide-wysiwyg p,
.inform__slide-text p {
  margin: 0 0 1rem;
}
.inform__slide-wysiwyg p:last-child,
.inform__slide-text p:last-child {
  margin: 0;
}
@media (min-width: 768px) {
  .inform__slide-wysiwyg,
  .inform__slide-text {
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 400;
    margin: 0 0 3.2rem;
  }
}

.inform__slide-arrow {
  position: absolute;
  right: 2rem;
  bottom: 4rem;
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  margin: 0 0 -0.6rem;
}
.inform__slide-arrow svg {
  display: block;
  width: 100%;
  height: 100%;
}
@media (min-width: 768px) {
  .inform__slide-arrow {
    width: 3rem;
    height: 3rem;
    right: 2.4rem;
    bottom: 2.4rem;
    margin: 0;
  }
}

.nav {
  background: #828B9B;
  color: #fff;
  height: 4.4rem;
  overflow: hidden;
  position: sticky;
  top: 7rem;
  z-index: 900;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
}
.nav > .container-fluid {
  height: 100%;
}
@media (min-width: 1200px) {
  .nav {
    top: 10rem;
    height: 6.4rem;
    font-size: 2rem;
    line-height: 1.3;
    font-weight: 500;
  }
}

.nav__link {
  display: flex;
  align-items: center;
  color: #EEF3FA;
  border-bottom: 1px solid transparent;
  transition: 0.25s;
}
.nav__link:hover {
  color: #fff;
  border-color: rgba(238, 243, 250, 0.5);
}
.nav__link.is-active {
  color: #fff;
  border-color: rgba(238, 243, 250, 0.5);
}

.text-green {
  color: #7BBA87 !important;
}

.text-yellow {
  color: #F3D54E !important;
}

.text-blue {
  color: #6FA5D6 !important;
}

.text-red {
  color: #cc2e27 !important;
  color: var(--color-red) !important;
}

.text-right {
  text-align: right !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-center {
  text-align: center !important;
}

.text-error {
  color: #cf2e23 !important;
  color: var(--color-error) !important;
}

.is-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

@supports (-webkit-touch-callout: none) {
  .is-ios {
    /* CSS specific to iOS devices */
  }
}

@supports not (-webkit-touch-callout: none) {
  .is-android {
    /* CSS for other than iOS devices */
  }
}

.row-gutter-120 {
  margin: 0 -6rem;
}
.row-gutter-120 > [class^=col-] {
  padding: 0 6rem;
}

.row-gutter-10 {
  margin: 0 -0.5rem -1rem;
}
.row-gutter-10 > [class^=col] {
  padding: 0 0.5rem 1rem;
}

.row-gutter-20 {
  margin: 0 -1rem -2rem;
}
.row-gutter-20 > [class^=col] {
  padding: 0 1rem 2rem;
}

.row-gutter-32x64 {
  margin: 0 -1.6rem -6.4rem;
}
.row-gutter-32x64 > [class^=col] {
  padding: 0 1.6rem 6.4rem;
}

.row-gutter-24 {
  margin: 0 -1.2rem -2.4rem;
}
.row-gutter-24 > [class^=col] {
  padding: 0 1.2rem 2.4rem;
}

.row-gutter-4 {
  margin: 0 -2px -0.4rem;
}
.row-gutter-4 > [class^=col] {
  padding: 0 2px 0.4rem;
}

.col-20pct {
  flex: 0 0 20%;
  max-width: 20%;
}

@media (min-width: 768px) {
  .col-md-10pct {
    flex: 0 0 10%;
    max-width: 10%;
  }
}

.is-hidden {
  display: none !important;
}

@media (max-width: 575px) {
  .is-sm-visible {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .is-md-visible {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .is-lg-visible {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .is-xl-visible {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .is-md-hidden {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .is-lg-hidden {
    display: none !important;
  }
}

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

.ui-spacer-24 {
  height: 2.4rem;
}

@media (max-width: 767px) {
  .is-md-only {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .is-md-only {
    display: none !important;
  }
}

.is-valign-bottom {
  vertical-align: bottom !important;
}

@media (min-width: 768px) {
  .col-md-80 {
    width: 80%;
  }
}

@media (min-width: 768px) {
  .col-md-20 {
    width: 20%;
  }
}

.mw-520 {
  max-width: 52rem;
}

@keyframes fadeInRight {
  0% {
    transform: translate(100%, 0);
    opacity: 0;
    visibility: hidden;
  }
  100% {
    transform: translate(0%, 0);
    opacity: 1;
    visibility: visible;
  }
}
@keyframes fadeOutRight {
  0% {
    transform: translate(0%, 0);
    opacity: 1;
    visibility: visible;
  }
  100% {
    transform: translate(100%, 0);
    opacity: 0;
    visibility: hidden;
  }
}
.feedback__wrapper .field-error,
.feedback__wrapper .form-response-error,
.feedback__wrapper .form-response-success,
.feedback__wrapper .ui-validate,
.faq__request .field-error,
.faq__request .form-response-error,
.faq__request .form-response-success,
.faq__request .ui-validate,
.testimonials__request .field-error,
.testimonials__request .form-response-error,
.testimonials__request .form-response-success,
.testimonials__request .ui-validate,
.sku__comments-feedback .field-error,
.sku__comments-feedback .form-response-error,
.sku__comments-feedback .form-response-success,
.sku__comments-feedback .ui-validate {
  color: #fff;
}

[data-embed-recaptcha-v2] {
  transform: scale(0.7);
  transform-origin: left top;
}

.popup__body,
.header__mobile-contacts-offcanvas,
.header__mobile-nav-offcanvas {
  overscroll-behavior: contain;
}

.header-status {
  padding-top: 1.2rem;
  padding-bottom: 2rem;
}
.header-status__row {
  display: flex;
  align-items: flex-end;
  gap: 1rem;
}
.header-status__image {
  position: relative;
  overflow: hidden;
  width: 7.6rem;
  height: 7.6rem;
  border-radius: 1rem;
}
.header-status__image img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.header-status__name {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: normal;
}

.lk-holder {
  position: relative;
  z-index: 3;
  display: inline-block;
  cursor: pointer;
}
.lk-holder:hover .lk-holder__show {
  opacity: 1;
  pointer-events: auto;
}
.lk-holder::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5rem;
  height: 100%;
  transform: translateX(100%);
  opacity: 0;
}
.lk-holder__icon {
  width: 1.6rem;
  height: 1.6rem;
}
@media (min-width: 1200px) {
  .lk-holder__icon {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.lk-holder__icon svg {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.lk-holder__show {
  position: absolute;
  right: -1.5rem;
  top: 50%;
  transform: translate(100%, -50%);
  width: 28rem;
  padding: 1.6rem;
  padding-top: 1.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: normal;
  border-radius: 1rem;
  background-color: #fff;
  color: #6B717B;
  box-shadow: 0 0 0 9999.9rem rgba(79, 78, 98, 0.1);
  opacity: 0;
  pointer-events: none;
  white-space: normal;
  transition: 0.3s;
}
@media (min-width: 1200px) {
  .lk-holder__show {
    font-size: 1.6rem;
  }
}
.lk-holder__name {
  margin-bottom: 1rem;
  font-size: 1.6rem;
  color: #828B9B;
  font-weight: 500;
  line-height: normal;
}
@media (min-width: 1200px) {
  .lk-holder__name {
    font-size: 1.8rem;
  }
}

.status-lk {
  overflow: hidden;
  padding: 1.8rem;
  border-radius: 2rem;
  background-color: #F3F7FC;
}
@media (min-width: 992px) {
  .status-lk {
    min-height: 19rem;
  }
}
@media (min-width: 1200px) {
  .status-lk {
    min-height: 22.1rem;
    padding: 3rem;
  }
}
.status-lk__row {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  margin-bottom: 3rem;
}
@media (min-width: 1200px) {
  .status-lk__row {
    gap: 2rem;
    margin-bottom: 4rem;
  }
}
.status-lk__profile {
  position: relative;
}
.status-lk__ava {
  position: relative;
  overflow: hidden;
  width: 7.6rem;
  height: 7.6rem;
  border-radius: 1rem;
  background-color: #828B9B;
}
@media (min-width: 992px) {
  .status-lk__ava {
    width: 9.1rem;
    height: 9.1rem;
  }
}
.status-lk__ava img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.status-lk__file {
  position: absolute;
  bottom: 0;
  left: 1rem;
}
.status-lk__file label {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;
  transform: translateY(50%);
  background-color: #fff;
  border: 2px solid #F3F7FC;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}
.status-lk__file:hover svg path {
  fill: #4F4E62;
}
.status-lk__file svg {
  width: 1.6rem;
  height: 1.6rem;
  transition: inherit;
}
.status-lk__file svg path {
  transition: inherit;
}
.status-lk__file input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
}
.status-lk__info {
  color: #4F4E62;
}
.status-lk__name {
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}
@media (min-width: 992px) {
  .status-lk__name {
    margin-bottom: 1.4rem;
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .status-lk__name {
    font-size: 2.2rem;
  }
}
.status-lk__name em {
  display: block;
  font: inherit;
}
.status-lk__mail {
  font-size: 1.4rem;
  line-height: normal;
  font-weight: 400;
}
@media (min-width: 992px) {
  .status-lk__mail {
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .status-lk__mail {
    font-size: 1.8rem;
  }
}
.status-lk__bottom {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 1rem;
  color: #4F4E62;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 130%;
}
@media (min-width: 1200px) {
  .status-lk__bottom {
    font-size: 1.6rem;
  }
}
.status-lk__bottom span {
  display: inline-block;
  margin-right: 1.4rem;
}
@media (min-width: 1200px) {
  .status-lk__bottom span {
    margin-right: 2rem;
  }
}
.status-lk__bottom .status-label:not(:last-child) {
  margin-right: 1rem;
}

.status-label {
  display: inline-flex;
  padding: 0.4rem 1.2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: normal;
  border-radius: 0.6rem;
  color: #fff;
}
@media (min-width: 1200px) {
  .status-label {
    font-size: 1.6rem;
  }
}
.status-label.--grey {
  background-color: #828B9B;
}
.status-label.--red {
  background-color: #CC2E27;
}
.status-label.--violet {
  background-color: #6562EF;
}

.info-lk {
  overflow: hidden;
  padding: 1.8rem;
  border-radius: 2rem;
  background-color: #F3F7FC;
}
@media (min-width: 992px) {
  .info-lk {
    min-height: 19rem;
  }
}
@media (min-width: 1200px) {
  .info-lk {
    min-height: 22.1rem;
    padding: 3rem;
  }
}
.info-lk__row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 1200px) {
  .info-lk__row {
    margin-bottom: 2.8rem;
  }
}
.info-lk__row h2 {
  max-width: 40rem;
  margin: 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 130%;
}
@media (min-width: 992px) {
  .info-lk__row h2 {
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .info-lk__row h2 {
    font-size: 2.2rem;
  }
}
.info-lk__btn {
  display: none;
  padding: 1.3rem;
}
@media (min-width: 992px) {
  .info-lk__btn {
    display: inline-flex;
  }
}
@media (min-width: 1200px) {
  .info-lk__btn {
    padding: 1.5rem 1.8rem;
  }
}
.info-lk__slider {
  margin: 0 -1.8rem;
}
@media (min-width: 992px) {
  .info-lk__slider {
    margin: 0 -3rem;
  }
}
.info-lk__slider .swiper-wrapper {
  transition-timing-function: linear;
}
.info-lk__slider .swiper-slide {
  width: 24rem;
  padding: 0 0.8rem;
}
@media (min-width: 992px) {
  .info-lk__slider .swiper-slide {
    width: 31.2rem;
    padding: 0 1rem;
  }
}
.info-lk__mobile {
  display: block;
  margin-top: 2.6rem;
}
@media (min-width: 992px) {
  .info-lk__mobile {
    display: none;
  }
}
.info-lk__mobile .info-lk__btn {
  display: flex;
}
.info-lk .lk__join-card {
  display: flex;
  gap: 1.4rem;
  min-height: 11rem;
  padding: 1.8rem;
  border-radius: 1rem;
  flex-direction: column;
}
@media (min-width: 992px) {
  .info-lk .lk__join-card {
    flex-direction: row;
    min-height: 7rem;
    padding: 1.6rem;
    padding-right: 2rem;
  }
}
@media (min-width: 1200px) {
  .info-lk .lk__join-card {
    min-height: 7.8rem;
  }
}
.info-lk .lk__join-card-icon {
  margin: 0;
  width: 2.4rem;
  height: 2.4rem;
}
.info-lk .lk__join-card-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-hyphens: auto;
          hyphens: auto;
}

.warning-lk {
  background-color: #F9E3E7;
  border-radius: 1rem;
  padding: 1.6rem;
  padding-top: 1.4rem;
}
@media (min-width: 992px) {
  .warning-lk {
    padding: 2rem;
    padding-top: 1.4rem;
  }
}
.warning-lk__name {
  display: flex;
  align-items: center;
  margin-bottom: 1.2rem;
  gap: 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 130%;
}
@media (min-width: 992px) {
  .warning-lk__name {
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .warning-lk__name {
    gap: 1.6rem;
    font-size: 1.8rem;
  }
}
.warning-lk__name svg {
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(-1px);
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 1200px) {
  .warning-lk__name svg {
    width: 2.4rem;
    height: 2.4rem;
  }
}
.warning-lk ul {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  max-width: 80rem;
  margin: 0;
  padding-left: 2.6rem;
  list-style: none;
}
@media (min-width: 992px) {
  .warning-lk ul {
    padding-left: 2.8rem;
  }
}
@media (min-width: 1200px) {
  .warning-lk ul {
    padding-left: 4.2rem;
  }
}
.warning-lk ul li {
  position: relative;
  font-size: 1.4rem;
  padding-left: 1.4rem;
  line-height: 130%;
}
@media (min-width: 992px) {
  .warning-lk ul li {
    padding-left: 1.6rem;
  }
}
.warning-lk ul li::before {
  content: "";
  position: absolute;
  top: 0.6rem;
  left: 0;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #CC2E27;
}
@media (min-width: 992px) {
  .warning-lk ul li::before {
    top: 0.6rem;
  }
}
@media (min-width: 1200px) {
  .warning-lk ul li::before {
    top: 1rem;
  }
}
@media (min-width: 992px) {
  .warning-lk ul li {
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .warning-lk ul li {
    font-size: 1.8rem;
  }
}
.warning-lk ul li.--list-none {
  padding-left: 0;
}
.warning-lk ul li.--list-none::before {
  display: none;
}

.ui-hints {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0.8rem;
  gap: 0.8rem;
  margin: 0.8rem 0;
}
.ui-hints:last-child {
  margin-bottom: 0;
}

.ui-hint {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  border-radius: 0.4rem;
  background: #fff;
  padding: 2px 1rem;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 400;
  text-align: left;
  min-height: 2.8rem;
  transition: 0.2s;
  color: #6b717b;
  cursor: pointer;
}
.ui-hint:hover {
  color: #4f4e62;
}
@media (min-width: 1200px) {
  .ui-hint {
    font-size: 1.8rem;
  }
}

.ui-hint__value {
  display: block;
  flex: 1;
  text-transform: uppercase;
  font-weight: 500;
}

.ui-hint__term {
  display: block;
  flex: 0 0 auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ui-loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.8rem;
  z-index: 10;
}

.ui-loader {
  width: 4rem;
  height: 4rem;
  border: 0.4rem solid #f3f3f3;
  border-top: 0.4rem solid #cc2e27;
  border-top: 0.4rem solid var(--color-primary);
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.ui-card-academy__price + .ui-card-v__rating {
  margin-top: 0;
}

.ui-card-academy__speaker + .ui-card-academy__btn {
  margin-top: auto;
}

@media (min-width: 1200px) {
  .header__desktop-nav:nth-last-of-type(1) .header__desktop-nav-offcanvas,
  .header__desktop-nav:nth-last-of-type(2) .header__desktop-nav-offcanvas {
    width: 40rem;
  }
  .header__desktop-nav:nth-last-of-type(1) .header__desktop-nav-offcanvas {
    left: auto;
    right: 0;
  }
  .footer__contacts > li {
    min-width: 0;
  }
  .footer__contacts ul {
    flex-wrap: nowrap;
  }
}