@charset "UTF-8";
/* Базовые настройки и сброс HTML. */
html {
    font-size: 10px;
    scrollbar-width: thin;
    scroll-behavior: smooth;
    scrollbar-color: #1E3C71;
}
html::-webkit-scrollbar, html::-webkit-scrollbar {
    height: 0.4rem;
}
body {
    font-family: "Averta", sans-serif;
    color: #000D22;
    font-weight: 400;
    font-style: normal;
    overflow-x: hidden;
    background-color: #FFF;
    scrollbar-gutter: stable both-edges;
    font-size: 1.4rem;
    position: relative;
}
body:has(.modal--active) {
    overflow: hidden;
    touch-action: none;
}

.site {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.site-top {
    flex: 1 0 auto;
}
.site-bottom {
    flex: 0 1 auto;
}
.site:has(.site) {
    overflow: hidden;
}

.container {
    max-width: 100%;
    margin: 0 auto;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
}
@media (min-width: 992px) {
    .container {
        width: 101.8rem;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }
}
@media (min-width: 1280px) {
    .container {
        width: 128.8rem;
        padding-left: 6.4rem;
        padding-right: 6.4rem;
    }
}
@media (min-width: 1920px) {
    .container {
        width: 196.5rem;
        padding-left: 34.4rem;
        padding-right: 34.4rem;
    }
}

.title {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 28.8px */
    letter-spacing: -0.048rem;
}
@media (min-width: 1280px) {
    .title {
        font-size: 3.2rem;
        letter-spacing: -0.064rem;
    }
}

picture {
    display: block;
    position: relative;
}

video::-webkit-media-controls-panel {
    display: none !important;
    -webkit-appearance: none;
}

/* Old shadow dom for play button */
video::-webkit-media-controls-play-button {
    display: none !important;
    -webkit-appearance: none;
}

/* New shadow dom for play button */
/* This one works! */
video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

.favorite-empty3 {
    background-color: rgba(47, 98, 181, 0.05);
    color: currentColor;
}

.favorite-empty2 {
    color: rgba(47, 98, 181, 0.05) !important;
}

.favorite-empty {
    color: #FFF !important;
}

.is-favorite {
    color: #000D22 !important;
}

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

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

/* Text-level semantics
     ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
    background-color: transparent;
}

/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

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

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

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

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

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

/* Forms
     ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type=checkbox],
[type=radio] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type=search] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */
summary {
    display: list-item;
}

/* Misc
     ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */
[hidden] {
    display: none;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}

p {
    margin-top: 0;
}

button,
input,
textarea {
    padding: 0;
    border-radius: 0;
}

svg {
    display: block;
}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {
    display: none;
}

a {
    text-decoration: none;
    -webkit-touch-callout: none;
    color: inherit;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    transition: all 0s ease-in-out 100000000000000000000000000s;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
}

.reset-button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    font: inherit;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    outline: none;
    box-shadow: none;
    color: inherit;
}

.reset-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.reset-input {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    font: inherit;
    background: none;
    color: inherit;
    box-shadow: none;
}

/* Шрифты. */
@font-face {
    font-family: "Averta";
    src: url("../fonts/Averta/Averta-Regular.woff2") format("woff2"), url("../fonts/Averta/Averta-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Averta";
    src: url("../fonts/Averta/Averta-Bold.woff2") format("woff2"), url("../fonts/Averta/Averta-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "BasisGrotesquePro";
    src: url("../fonts/BasisGrotesquePro/BasisGrotesquePro-Regular.woff2") format("woff2"), url("../fonts/BasisGrotesquePro/BasisGrotesquePro-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "BasisGrotesquePro";
    src: url("../fonts/BasisGrotesquePro/BasisGrotesquePro-Bold.woff2") format("woff2"), url("../fonts/BasisGrotesquePro/BasisGrotesquePro-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: "RFDewi";
    src: url("../fonts/RFDewi/RFDewi-Ultrabold.woff2") format("woff2"), url("../fonts/RFDewi/RFDewi-Ultrabold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}
/* UI компоненты */
.js-accordion-content {
    display: none;
    transition: height 0.3s ease;
}

.js-accordion-content.open {
    display: block;
}

.js-accordion-icon.open {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

.breadcrumb {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 1.2rem 0;
}
@media (min-width: 1280px) {
    .breadcrumb {
        padding: 1.2rem 0 1.6rem;
    }
}
.breadcrumb__link, .breadcrumb .breadcrumb__current {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0.8rem;
    height: 2.4rem;
    background-color: rgba(47, 98, 181, 0.05);
    color: rgba(0, 19, 49, 0.5);
    border-radius: 0.8rem;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.014rem;
    max-width: 26rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.breadcrumb__btn {
    width: 100%;
    display: flex;
    align-items: center;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 99rem;
    overflow: hidden;
    white-space: nowrap;
    font-size: 1.6rem;
    padding: 0.8rem 2.4rem;
    letter-spacing: -0.016rem;
    flex-shrink: 0;
    gap: 0.4rem;
    transition: opacity 0.3s ease-in-out;
}
@media (hover: hover) {
    .button:hover {
        opacity: 0.6;
    }
}
.button:disabled {
    opacity: 0.5;
}
.button--icon {
    gap: 0.6rem;
    padding: 0.6rem 1.6rem;
}
.button__svg {
    width: 2.4rem;
    height: 2.4rem;
}
.button--blue {
    background-color: #1E3C71;
    color: #FFF;
}
.button--grey {
    background-color: rgba(47, 98, 181, 0.05);
    color: #000D22;
}
@media (hover: hover) {
    .button--grey:hover {
        background-color: rgba(47, 98, 181, 0.15);
    }
}
.button--grey.active {
    background-color: rgba(47, 98, 181, 0.15);
}
.button--black {
    background-color: #000D22;
    color: #FFF;
}
.button--black:disabled {
    opacity: 0.5;
    box-shadow: 4px 8px 40px 0 rgba(0, 68, 178, 0.1);
}
.button--source {
    background-color: rgba(255, 255, 255, 0.5);
    color: #033878;
    opacity: 1;
    height: 2.8rem;
    border: 0;
}
.button--source:hover {
    opacity: 1;
    box-shadow: 4px 8px 40px 0 rgba(0, 68, 178, 0.1);
}
.button--white {
    background-color: #FFF;
    color: #000D22;
    font-weight: 700;
}
.button--s {
    line-height: 1;
    height: 3.6rem;
}
.button--m {
    line-height: 1;
    height: 4.4rem;
}
.button--l {
    line-height: 1;
    width: 7.2rem;
    height: 5.6rem;
    font-size: 1.8rem;
    letter-spacing: -0.036rem;
}
.button.button--active {
    background-color: #000D22;
    color: #FFF;
    cursor: auto;
}

.checkbox-label {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    height: 3.2rem;
    width: 100%;
}

.checkbox-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.checkbox-box {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    flex-shrink: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.checkbox-span {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}

.checkbox-input:not(:checked) + .checkbox-box {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 17.5H13.5C14.9002 17.5 15.6002 17.5 16.135 17.2275C16.6054 16.9878 16.9878 16.6054 17.2275 16.135C17.5 15.6002 17.5 14.9002 17.5 13.5V6.5C17.5 5.09987 17.5 4.3998 17.2275 3.86503C16.9878 3.39462 16.6054 3.01217 16.135 2.77248C15.6002 2.5 14.9002 2.5 13.5 2.5H6.5C5.09987 2.5 4.3998 2.5 3.86503 2.77248C3.39462 3.01217 3.01217 3.39462 2.77248 3.86503C2.5 4.3998 2.5 5.09987 2.5 6.5V13.5C2.5 14.9002 2.5 15.6002 2.77248 16.135C3.01217 16.6054 3.39462 16.9878 3.86503 17.2275C4.3998 17.5 5.09987 17.5 6.5 17.5Z" stroke="%23010307" stroke-width="1.3" stroke-linecap="square" stroke-linejoin="round"/></svg>');
}

.checkbox-input:checked + .checkbox-box {
    background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.25 10L8.75 12.5L13.75 7.5M6.5 17.5H13.5C14.9002 17.5 15.6002 17.5 16.135 17.2275C16.6054 16.9878 16.9878 16.6054 17.2275 16.135C17.5 15.6002 17.5 14.9002 17.5 13.5V6.5C17.5 5.09987 17.5 4.3998 17.2275 3.86503C16.9878 3.39462 16.6054 3.01217 16.135 2.77248C15.6002 2.5 14.9002 2.5 13.5 2.5H6.5C5.09987 2.5 4.3998 2.5 3.86503 2.77248C3.39462 3.01217 3.01217 3.39462 2.77248 3.86503C2.5 4.3998 2.5 5.09987 2.5 6.5V13.5C2.5 14.9002 2.5 15.6002 2.77248 16.135C3.01217 16.6054 3.39462 16.9878 3.86503 17.2275C4.3998 17.5 5.09987 17.5 6.5 17.5Z" fill="%23010307"/><path d="M6.25 10L8.75 12.5L13.75 7.5M6.5 17.5H13.5C14.9002 17.5 15.6002 17.5 16.135 17.2275C16.6054 16.9878 16.9878 16.6054 17.2275 16.135C17.5 15.6002 17.5 14.9002 17.5 13.5V6.5C17.5 5.09987 17.5 4.3998 17.2275 3.86503C16.9878 3.39462 16.6054 3.01217 16.135 2.77248C15.6002 2.5 14.9002 2.5 13.5 2.5H6.5C5.09987 2.5 4.3998 2.5 3.86503 2.77248C3.39462 3.01217 3.01217 3.39462 2.77248 3.86503C2.5 4.3998 2.5 5.09987 2.5 6.5V13.5C2.5 14.9002 2.5 15.6002 2.77248 16.135C3.01217 16.6054 3.39462 16.9878 3.86503 17.2275C4.3998 17.5 5.09987 17.5 6.5 17.5Z" stroke="%23010307" stroke-width="1.3" stroke-linecap="square" stroke-linejoin="round"/><path d="M6.25 9.5L8.75 12L13.75 7" stroke="white" stroke-width="1.3" stroke-linecap="square" stroke-linejoin="round"/></svg>');
}

.dropdown {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 99rem;
    white-space: nowrap;
    font-size: 1.6rem;
    padding: 1.1rem 1.2rem;
    letter-spacing: -0.016rem;
    flex-shrink: 0;
    gap: 0.4rem;
    height: 4.4rem;
    color: #000D22;
    background-color: rgba(47, 98, 181, 0.05);
    transition: opacity 0.3s ease-in-out;
}
@media (hover: hover) {
    .dropdown:hover {
        background-color: rgba(47, 98, 181, 0.15);
    }
}
.dropdown__svg {
    width: 2rem;
    height: 2rem;
}
.dropdown.active {
    background-color: #000D22;
    color: #FFF;
}
.dropdown__current {
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1%;
    letter-spacing: -0.016rem;
    border-radius: 100%;
    background-color: #000D22;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown .filter-btn__svg {
    transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
}
.dropdown-wrap {
    position: relative;
}
.dropdown-wrap.active .filter-btn__svg {
    transform: rotate(180deg);
}
.dropdown__content {
    display: none;
    position: absolute;
    top: 120%;
    left: 0;
    width: 37.5rem;
    padding: 2.4rem 0.4rem 2.4rem 2.4rem;
    overflow: hidden;
    border-radius: 2.4rem;
    border: 0.13rem solid rgba(47, 98, 181, 0.15);
    background: var(--white-100, #FFF);
    box-shadow: 8px 1.2rem 3rem 0 rgba(0, 21, 54, 0.07);
    scrollbar-color: rgba(47, 98, 181, 0.15) transparent;
    scrollbar-width: thin;
}
.dropdown__content::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}
.dropdown__content::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 2px;
}
.dropdown__content::-webkit-scrollbar-thumb {
    background-color: rgba(47, 98, 181, 0.15);
    border-radius: 2px;
}
.dropdown__content::-webkit-scrollbar-thumb:hover {
    background-color: rgba(47, 98, 181, 0.05);
}
.dropdown__content-filter {
    right: 0;
    left: initial;
}
@media (max-width: 1279.9px) {
    .dropdown__content {
        width: 32rem;
    }
}
.dropdown__content.active {
    display: block;
    z-index: 2;
}

.filter-dropdown {
    padding-right: 2rem;
}

.footer {
    padding-top: 6.4rem;
}
@media (min-width: 1280px) {
    .footer {
        padding-top: 8rem;
    }
}
.footer__wrapper {
    padding: 2.4rem;
    display: flex;
    flex-direction: column;
    background-color: rgba(47, 98, 181, 0.05);
    border-radius: 2.4rem;
    gap: 4rem;
}
@media (min-width: 1280px) {
    .footer__wrapper {
        gap: 8rem;
        padding: 4rem;
        border-radius: 3.2rem;
    }
}
@media (max-width: 1279.9px) {
    .footer__top {
        display: flex;
        flex-direction: column;
        gap: 4rem;
    }
}
@media (min-width: 1280px) {
    .footer__top {
        display: grid;
        gap: 2.4rem;
        grid-template-columns: 47.5rem 1fr 1fr;
    }
}
.footer__title {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 30px */
    letter-spacing: -0.024rem;
    margin-bottom: 6.4rem;
    max-width: 39.2rem;
}
@media (max-width: 1279.9px) {
    .footer__title {
        font-size: 2.1rem;
        font-style: normal;
        font-weight: 700;
        line-height: 125%; /* 26.25px */
        letter-spacing: -0.021rem;
    }
}
@media (min-width: 1280px) {
    .footer__title {
        margin-bottom: 8rem;
    }
}
.footer__desc {
    max-width: 34.1rem;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    margin-bottom: 1.6rem;
}
.footer__desc a {
    color: rgba(0, 19, 49, 0.5);
    transition: opacity 0.3s ease-in-out;
}
.footer__desc a:hover {
    opacity: 0.6;
}
.footer__form {
    display: flex;
    gap: 0.6rem;
}
.footer__form label, .footer__form input {
    width: 100%;
}
.footer__form input {
    height: 100%;
}
.footer__center {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 17.2rem));
    gap: 1.6rem;
}
.footer__menu {
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.footer__menu-link {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    transition: opacity 0.3s ease-in-out;
}
.footer__menu-link:hover {
    opacity: 0.6;
}
.footer__right {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.footer__right-bottom {
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.014rem;
}
.footer__contact-title {
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    margin-bottom: 1.6rem;
}
.footer__phone, .footer__email {
    display: inline-block;
    white-space: nowrap;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145%; /* 29px */
    letter-spacing: -0.02rem;
    transition: opacity 0.3s ease-in-out;
}
@media (max-width: 1279.9px) {
    .footer__phone, .footer__email {
        font-size: 1.9rem;
        line-height: 125%; /* 23.75px */
        letter-spacing: -0.019rem;
    }
}
.footer__phone:not(:last-child), .footer__email:not(:last-child) {
    margin-bottom: 0.4rem;
}
.footer__phone:hover, .footer__email:hover {
    opacity: 0.6;
}
.footer__address {
    font-style: normal;
    margin-bottom: 1.6rem;
}
@media (max-width: 1279.9px) {
    .footer__address {
        margin-top: 2.4rem;
    }
}
.footer__policy {
    font-size: 1.4rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.footer__policy a {
    transition: opacity 0.3s ease-in-out;
}
.footer__policy a:hover {
    opacity: 0.6;
}
.footer__bottom {
    padding-top: 2.4rem;
    border-top: 0.1rem solid rgba(47, 98, 181, 0.15);
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
@media (max-width: 1279.9px) {
    .footer__bottom {
        flex-direction: column;
        gap: 1.6rem;
    }
}
.footer__bottom-btn {
    display: none;
}
.footer__bottom-btn svg {
    transform: rotate(-90deg);
}
@media (max-width: 1279.9px) {
    .footer__bottom-btn {
        display: flex;
    }
}
.footer__warning {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.014rem;
}
.footer__warning--links {
    display: flex;
    flex-direction: column;
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.014rem;
}
.footer__warning--links a {
    text-decoration: underline;
    color: #033878;
}
@media (max-width: 1279.9px) {
    .footer__warning {
        flex-direction: column;
        align-items: flex-start;
    }
}
.footer__copyright {
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.014rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2.4rem;
    align-items: center;
    justify-content: space-between;
}

.header {
    z-index: 200;
    position: fixed;
    top: 2.5rem;
    left: 0;
    right: 0;
    width: 100%;
    height: 9.4rem;
    background-color: #FFF;
    transition: transform 0.3s ease-in-out;
}
.header.is-hidden {
    transform: translateY(-100%);
}
@media (min-width: 1280px) {
    .header {
        height: 12.4rem;
        top: 3.2rem;
    }
}
.header--static {
    position: static;
}
@media (max-width: 1279.9px) {
    .header--mobile-static {
        position: static;
    }
}
.header__container {
    padding: 1.6rem 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
@media (min-width: 1280px) {
    .header__container {
        padding: 2.4rem;
    }
}
.header__logo {
    position: absolute;
    top: 1.6rem;
    left: 50%;
    transform: translateX(-50%);
}
@media (min-width: 1280px) {
    .header__logo {
        top: 2.4rem;
    }
}
.header-nav {
    display: flex;
    align-items: center;
}
.header-nav__list {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
@media (max-width: 1279.9px) {
    .header-nav__list {
        display: none;
    }
}
.header-nav__link {
    padding: 0.8rem 2.4rem;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}
.header-nav--left {
    gap: 0.4rem;
}
.header-nav--left .header-nav__link {
    font-weight: 700;
}
.header-nav--left .header-nav__svg {
    transform: rotate(-90deg);
}
.header-nav__btns {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
@media (max-width: 1279.9px) {
    .header-nav__btns {
        display: none;
    }
}
.header-btn {
    font-weight: 700;
}
.header-btn--icon {
    padding-left: 1.4rem;
}
.header-btn__imgs {
    display: flex;
    align-items: center;
    margin-right: 0.8rem;
}
.header-btn__imgs img {
    border-radius: 50%;
    border: 0.2rem solid #F7F8F8;
    width: 2.4rem;
    height: 2.4rem;
    display: block;
    margin-left: -0.6rem;
}
@media (min-width: 1280px) {
    .header-burger {
        display: none;
    }
}

.logo__svg {
    width: 11.3rem;
    height: 4.4rem;
}
@media (min-width: 1280px) {
    .logo__svg {
        width: 16rem;
        height: 6.4rem;
    }
}

.header-submenu {
    display: none;
    position: absolute;
    top: 70%;
    left: 2.4rem;
    right: 2.4rem;
    z-index: 10;
    padding-top: 0.8rem;
}
.header-submenu__wrapper {
    padding: 2.4rem 6rem 6rem 4.8rem;
    background-color: #FFF;
    border-radius: 3.2rem;
    box-shadow: 8px 12px 30px 0 rgba(0, 21, 54, 0.07);
}
.header-submenu__list {
    display: flex;
    justify-content: space-between;
    gap: 2.4rem;
    margin-top: 2.4rem;
}
.header-submenu__icon {
    border-radius: 1.2rem;
    aspect-ratio: 1/1;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.header-submenu__icon:after {
    content: "";
    position: absolute;
    border-radius: 9.9rem;
    filter: blur(4.7rem);
    width: 9.9rem;
    height: 9.9rem;
    bottom: 1.1rem;
    right: 1.3rem;
    z-index: -1;
}
.header-submenu__title {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145%; /* 26.1px */
    letter-spacing: -0.018rem;
}
.header-submenu__title:hover {
    color: #1E3C71;
}
.header-submenu__details {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
.header-submenu__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.header-submenu__item .header-submenu__link {
    display: flex;
    align-items: flex-start;
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.header-submenu__item .header-submenu__link:hover {
    opacity: 0.5;
}
.header-submenu__item .header-submenu__title {
    font-weight: 600;
    margin-bottom: 5px;
}
.header-submenu__item .header-submenu__sub-list {
    padding: 1.6rem 0 1.6rem 5.2rem;
}
.header-submenu__item .header-submenu__sub-item {
    width: 100%;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    padding: 0.65rem 0;
}

.icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 99rem;
    overflow: hidden;
    flex-shrink: 0;
    gap: 0.4rem;
    cursor: pointer;
    transition: opacity 0.3s ease-in-out;
}
.icon-button__svg {
    width: 2.4rem;
    height: 2.4rem;
}
.icon-button--null {
    background-color: rgba(47, 98, 181, 0.05);
    color: #000D22;
}
@media (hover: hover) {
    .icon-button--null:hover {
        background-color: rgba(47, 98, 181, 0.15);
    }
}
.icon-button--null:disabled {
    opacity: 0.5;
}
.icon-button--dark {
    background-color: #000D22;
    color: #FFF;
}
@media (hover: hover) {
    .icon-button--dark:hover {
        background-color: #1E3C71;
    }
}
.icon-button--dark:disabled {
    opacity: 0.5;
}
.icon-button--blue {
    background-color: #1E3C71;
    color: #FFF;
}
@media (hover: hover) {
    .icon-button--blue:hover {
        background-color: #1E3C71;
    }
}
.icon-button--blue:disabled {
    opacity: 0.5;
}
.icon-button--white {
    background-color: #FFF;
    color: #000D22;
    box-shadow: 4px 8px 40px 0px rgba(0, 68, 178, 0.1);
}
@media (hover: hover) {
    .icon-button--white:hover {
        color: #1E3C71;
        box-shadow: 4px 8px 40px 0px rgba(0, 68, 178, 0.1);
    }
}
.icon-button--white:disabled {
    opacity: 0.5;
    box-shadow: 4px 8px 40px 0px rgba(0, 68, 178, 0.1);
}
.icon-button--xs {
    width: 4.8rem;
    height: 3.6rem;
}
.icon-button--s {
    width: 5.6rem;
    height: 4.4rem;
}
.icon-button--m {
    width: 7.2rem;
    height: 5.6rem;
}
.icon-button.active {
    background-color: #000D22;
    color: #FFF;
    cursor: auto;
}

.ui-modal {
    position: relative;
    pointer-events: none;
    transition: all 0.2s ease-in-out;
}
.ui-modal--active {
    pointer-events: auto;
}
.ui-modal--active .ui-modal__overlay {
    z-index: 300;
    opacity: 1;
}
.ui-modal--active .ui-modal__content {
    opacity: 1;
}
.ui-modal__overlay {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: rgba(0, 19, 49, 0.5);
    transition: all 0.2s ease-in-out;
}
.ui-modal__content {
    z-index: 400;
    position: fixed;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #FFF;
    color: #000D22;
    transition: all 0.2s ease-in-out;
    will-change: transform;
}

.custom-radio {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    height: 3.2rem;
    width: 100%;
}

.custom-radio > input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.custom-radio > span {
    display: inline-flex;
    align-items: center;
    user-select: none;
}

.custom-radio > span::before {
    content: "";
    width: 2rem;
    height: 2rem;
    background-size: cover;
    margin-right: 0.6rem;
}

.custom-radio > input:not(:checked) + :before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 18C14.4182 18 18 14.4182 18 10C18 5.58172 14.4182 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4182 5.58172 18 10 18Z" stroke="%23000D22" stroke-width="1.3" stroke-linecap="square" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.custom-radio > input:checked + span::before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 14C12.2091 14 14 12.2091 14 10C14 7.79086 12.2091 6 10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14Z" fill="%23000D22"/><path d="M10 18C14.4182 18 18 14.4182 18 10C18 5.58172 14.4182 2 10 2C5.58172 2 2 5.58172 2 10C2 14.4182 5.58172 18 10 18Z" stroke="%23000D22" stroke-width="1.3" stroke-linecap="square" stroke-linejoin="round"/><path d="M10 14C12.2091 14 14 12.2091 14 10C14 7.79086 12.2091 6 10 6C7.79086 6 6 7.79086 6 10C6 12.2091 7.79086 14 10 14Z" stroke="%23000D22" stroke-width="1.3" stroke-linecap="square" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.swiper-button {
    height: 4.4rem;
    width: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
    color: #000D22;
    box-shadow: 4px 8px 40px 0px rgba(0, 21, 54, 0.1);
    border-radius: 10rem;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}
@media (hover: hover) {
    .swiper-button:hover {
        color: #1E3C71;
    }
}
.swiper-button:disabled {
    opacity: 0.7;
    cursor: auto;
}
.swiper-button-next svg {
    transform: rotate(180deg);
}
.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}
.swiper-pagination .swiper-pagination-bullet {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 99rem;
    cursor: pointer;
    display: block;
    background-color: rgba(47, 98, 181, 0.15);
    transition: width 0.2s ease-in-out;
}
.swiper-pagination .swiper-pagination-bullet-active {
    width: 4rem;
    height: 0.6rem;
    border-radius: 2rem;
    display: block;
    position: relative;
    cursor: auto;
    transition: width 0.2s ease-in-out;
}
.swiper-pagination .swiper-pagination-bullet-active:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.6rem;
    border-radius: 2rem;
    background-color: #000D22;
    animation: paginationAnimation 3s linear;
}

@keyframes paginationAnimation {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}
.subscription__wrapper {
    margin-top: 6.4rem;
    gap: 2.4rem;
}
@media (max-width: 1279.9px) {
    .subscription__wrapper {
        display: flex;
        flex-direction: column;
    }
}
@media (min-width: 1280px) {
    .subscription__wrapper {
        margin-top: 8rem;
        height: 32rem;
        display: grid;
    }
}
.subscription__newsletter {
    border-radius: 3.2rem;
    padding: 2.4rem;
    background: linear-gradient(301deg, #001331 39.84%, #0044B2 96.07%, #0044B2 103.3%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (max-width: 1279.9px) {
    .subscription__newsletter {
        aspect-ratio: 1/1;
    }
}
.subscription__newsletter-top, .subscription__newsletter-bottom {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.subscription__title {
    color: #FFF;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 30px */
    letter-spacing: -0.02rem;
}
@media (min-width: 1280px) {
    .subscription__title {
        font-size: 2.4rem;
        letter-spacing: -0.024rem;
    }
}
.subscription__desc {
    color: #FFF;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}
.subscription__form {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}
.subscription__form label, .subscription__form input {
    width: 100%;
}
.subscription__input {
    padding: 0.8rem 1.6rem;
    background-color: #FFF;
    border-radius: 99rem;
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    flex: 1;
}
@media (max-width: 1279.9px) {
    .subscription .button.subscription__button--desk {
        display: none;
    }
}
@media (min-width: 1280px) {
    .subscription .button.subscription__button--mobile {
        display: none;
    }
}
.subscription__terms {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.014rem;
    color: rgba(255, 255, 255, 0.5);
}
.subscription__terms a {
    color: #FFF;
    transition: opacity 0.3s ease-in-out;
}
@media (hover: hover) {
    .subscription__terms a:hover {
        opacity: 0.8;
    }
}
.subscription__app {
    display: flex;
}
.subscription__qr {
    flex-shrink: 0;
    padding: 2.4rem;
    background-color: rgba(47, 98, 181, 0.05);
    border-radius: 3.2rem;
}
@media (max-width: 1279.9px) {
    .subscription__qr {
        display: none;
    }
}
.subscription__app-info {
    justify-content: space-between;
    display: flex;
    flex-direction: column;
    padding: 2.4rem;
    border-radius: 3.2rem;
    width: 100%;
    position: relative;
    overflow: hidden;
}
@media (max-width: 1279.9px) {
    .subscription__app-info {
        gap: 0.8rem;
    }
}
@media (min-width: 1280px) {
    .subscription__app-info {
        gap: 1rem;
    }
}
.subscription__app-info:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../img/subscription/phone-sm.jpg");
    background-size: cover;
    z-index: -1;
}
@media (min-width: 1280px) {
    .subscription__app-info:after {
        background: url("../img/subscription/phonelg.webp");
        background-size: cover;
        background-position: center;
    }
}
.subscription__app-title {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 30px */
    letter-spacing: -0.02rem;
    background-clip: text;
    background: linear-gradient(45deg, #001331 0%, #0044B2 21%);
    background-clip: text;
    color: transparent;
}
@media (min-width: 1280px) {
    .subscription__app-title {
        font-size: 2.4rem;
        letter-spacing: -0.024rem;
    }
}
.subscription__app-info-main {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.subscription__app-info-content {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
@media (max-width: 1279.9px) {
    .subscription__app-info-content {
        justify-content: space-between;
        height: 100%;
    }
}
@media (min-width: 1280px) {
    .subscription__app-info-content {
        max-width: 46.2rem;
    }
}
.subscription__app-desc {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}
@media (max-width: 1279.9px) {
    .subscription__app-desc {
        max-width: 15.5rem;
    }
}
.subscription__app-link.last {
    align-self: flex-end;
}
.subscription__app-links {
    display: flex;
    gap: 0.8rem;
}
@media (max-width: 1279.9px) {
    .subscription__app-links {
        margin-top: auto;
        justify-content: center;
    }
}
@media (min-width: 1280px) {
    .subscription__app-links {
        flex-direction: row;
    }
}
.subscription__app-links-top {
    display: flex;
    gap: 1rem;
    flex-direction: column;
}
@media (min-width: 1280px) {
    .subscription__app-links-top {
        flex-direction: row;
    }
}

.tag {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 99rem;
    font-family: "RFDewi", sans-serif;
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 19.2px */
    text-transform: uppercase;
}
.tag--m {
    height: 2.8rem;
    font-size: 1.6rem;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
}
.tag--s {
    padding-right: 0.6rem;
    padding-left: 0.6rem;
    font-size: 1.2rem;
    height: 2rem;
}
.tag--cyan {
    background-color: rgba(0, 195, 255, 0.1);
    color: #00C3FF;
}
.tag--blue {
    background-color: rgba(0, 128, 255, 0.1);
    color: #0080FF;
}
.tag--green {
    background-color: rgba(0, 185, 76, 0.1);
    color: #00B94C;
}

.tooltip {
    position: relative;
    border: none;
    background-color: rgba(255, 255, 255, 0);
    color: rgba(0, 13, 34, 0.3019607843);
    transition: 0.3s ease-in-out;
}
.tooltip s .icon {
    width: 2.4rem;
    height: 2.4rem;
}
.tooltip:focus {
    color: #033878;
}
.tooltip:focus > .tooltip__text {
    opacity: 1;
    pointer-events: all;
    transform: translate(-8.4rem, 100%);
}
@media (min-width: 992px) {
    .tooltip:hover {
        color: #033878;
    }
    .tooltip:hover > .tooltip__text {
        opacity: 1;
        pointer-events: all;
        transform: translate(-8.4rem, 100%);
    }
}
.tooltip__text {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    bottom: -0.8rem;
    width: 23.2rem;
    padding: 0.8rem;
    border-radius: 0.8rem;
    color: #fff;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.45;
    letter-spacing: -0.02em;
    text-align: left;
    opacity: 0;
    transition: 0.3s ease-in-out;
    background-color: rgba(0, 13, 34, 0.5019607843);
    backdrop-filter: blur(20px);
    transform: translate(-8.4rem, calc(100% - 0.8rem));
    pointer-events: none;
}

/* Страницы */
.score {
    margin-top: 8.2rem;
}
.score-item--free-title {
    display: flex;
    flex-direction: column;
    max-width: 123.3rem;
    width: 100%;
    margin: 0 auto;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .score-item--free-title {
        padding: 0 12px 0;
    }
}
.score-item--free-subtitle {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
}
@media (min-width: 1280px) {
    .score-item--free-subtitle {
        font-size: 2rem;
        line-height: 150%;
        letter-spacing: -0.036rem;
    }
}
.score-top__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 1280px) {
    .score-top__wrapper {
        justify-content: center;
    }
}
@media (min-width: 1280px) {
    .score-top__btn {
        position: absolute;
        left: 0;
    }
}
.score-top__btn svg {
    transform: rotate(180deg);
}
.score-info {
    margin-bottom: 4rem;
}
.score-info__wrapper {
    position: relative;
}
@media (min-width: 1280px) {
    .score-info__wrapper {
        display: flex;
    }
}
@media (max-width: 1279.9px) {
    .score-info__wrapper {
        display: grid;
        gap: 2.4rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }
}
.score-title {
    width: 100%;
    max-width: 59.3rem;
    margin: 0 auto 3.2rem;
}
@media (min-width: 1280px) {
    .score-title {
        margin: 0 auto 2.4rem;
    }
}
.score__links {
    width: calc(100% - 230px - 120px);
    margin-left: 2.4rem;
}
@media (max-width: 1279.9px) {
    .score__links {
        grid-row: 2/3;
        grid-column: 1/-1;
    }
}
@media (max-width: 1279.9px) {
    .score__links {
        width: calc(100% + 3.2rem);
        margin-left: -1.2rem;
        padding-left: 1.2rem;
        padding-right: 3.2rem;
    }
}
.score__btns {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: flex-end;
}
@media (min-width: 1280px) {
    .score__btns {
        background: linear-gradient(270deg, #FFF 72.88%, rgba(255, 255, 255, 0) 100%);
        top: -1px;
        bottom: -1px;
        right: -1px;
        width: 15.3rem;
        position: absolute;
    }
}
@media (max-width: 1279.9px) {
    .score__btns {
        grid-row: 1/2;
        grid-column: 2/3;
        justify-self: flex-end;
    }
}
.score .share-popup {
    display: none;
}
@media (max-width: 1279.9px) {
    .score .share-popup {
        background-color: rgba(0, 19, 49, 0.5);
        right: 0;
        bottom: 0;
        flex-direction: column;
        justify-content: flex-end;
        position: fixed;
        z-index: 400;
    }
}
@media (min-width: 1280px) {
    .score .share-popup {
        position: fixed;
        z-index: 1;
        width: max-content;
        top: calc(100% + 8px);
        background-color: #FFF;
        box-shadow: 8px 12px 30px 0 rgba(0, 21, 54, 0.07);
        border-radius: 2.4rem;
        padding: 2.4rem;
    }
}
.score__btn {
    width: fit-content;
    font-weight: 700;
}
@media (max-width: 1279.9px) {
    .score__btn--info {
        justify-self: flex-start;
    }
}
.score .product-modal__bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.score .product-modal__bottom ul li {
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.014rem;
}
.score .product-modal__bottom ul li span {
    position: relative;
    display: inline-flex;
    align-items: baseline;
}

@media (max-width: 1279.9px) {
    .img-scroll {
        overflow-x: scroll;
    }
    .img-scroll img {
        width: initial !important;
    }
}

.constructor {
    margin-top: 8.2rem;
}
.constructor h1 {
    text-align: center;
    font-size: 3.2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.021rem;
}
@media (min-width: 1280px) {
    .constructor h1 {
        font-size: 7.2rem;
        line-height: 120%;
        letter-spacing: -0.064rem;
    }
}
.constructor h2 {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.048rem;
}
@media (min-width: 1280px) {
    .constructor h2 {
        font-size: 4.8rem;
        letter-spacing: -0.096rem;
    }
}
.constructor h3 {
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.048rem;
}
@media (min-width: 1280px) {
    .constructor h3 {
        font-size: 3.2rem;
        letter-spacing: -0.096rem;
    }
}
.constructor h4 {
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.048rem;
}
@media (min-width: 1280px) {
    .constructor h4 {
        font-size: 2.4rem;
        letter-spacing: -0.096rem;
    }
}
@media (min-width: 1280px) {
    .constructor {
        margin-top: 12rem;
    }
}
.constructor-item--free-title {
    display: flex;
    flex-direction: column;
    max-width: 123.3rem;
    width: 100%;
    margin: 0 auto;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .constructor-item--free-title {
        padding: 0 12px 0;
    }
}
.constructor-item--free-subtitle {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
}
@media (min-width: 1280px) {
    .constructor-item--free-subtitle {
        font-size: 2rem;
        line-height: 150%;
        letter-spacing: -0.036rem;
    }
}
.constructor-top__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 1280px) {
    .constructor-top__wrapper {
        justify-content: center;
    }
}
@media (min-width: 1280px) {
    .constructor-top__btn {
        position: absolute;
        left: 0;
    }
}
.constructor-top__btn svg {
    transform: rotate(180deg);
}
.constructor-info {
    margin-bottom: 4rem;
}
.constructor-info__wrapper {
    position: relative;
}
@media (min-width: 1280px) {
    .constructor-info__wrapper {
        display: flex;
    }
}
@media (max-width: 1279.9px) {
    .constructor-info__wrapper {
        display: grid;
        gap: 2.4rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }
}
.constructor-title {
    width: 100%;
    max-width: 59.3rem;
    margin: 0 auto 3.2rem;
}
@media (min-width: 1280px) {
    .constructor-title {
        margin: 0 auto 2.4rem;
    }
}
.constructor__links {
    width: calc(100% - 230px - 120px);
    margin-left: 2.4rem;
}
@media (max-width: 1279.9px) {
    .constructor__links {
        grid-row: 2/3;
        grid-column: 1/-1;
    }
}
@media (max-width: 1279.9px) {
    .constructor__links {
        width: calc(100% + 3.2rem);
        margin-left: -1.2rem;
        padding-left: 1.2rem;
        padding-right: 3.2rem;
    }
}
.constructor__btns {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: flex-end;
}
@media (min-width: 1280px) {
    .constructor__btns {
        background: linear-gradient(270deg, #FFF 72.88%, rgba(255, 255, 255, 0) 100%);
        top: -1px;
        bottom: -1px;
        right: -1px;
        width: 15.3rem;
        position: absolute;
    }
}
@media (max-width: 1279.9px) {
    .constructor__btns {
        grid-row: 1/2;
        grid-column: 2/3;
        justify-self: flex-end;
    }
}
.constructor .share-popup {
    display: none;
}
@media (max-width: 1279.9px) {
    .constructor .share-popup {
        background-color: rgba(0, 19, 49, 0.5);
        right: 0;
        bottom: 0;
        flex-direction: column;
        justify-content: flex-end;
        position: fixed;
        z-index: 400;
    }
}
@media (min-width: 1280px) {
    .constructor .share-popup {
        position: fixed;
        z-index: 1;
        width: max-content;
        top: calc(100% + 8px);
        background-color: #FFF;
        box-shadow: 8px 12px 30px 0 rgba(0, 21, 54, 0.07);
        border-radius: 2.4rem;
        padding: 2.4rem;
    }
}
.constructor__btn {
    width: fit-content;
    font-weight: 700;
}
@media (max-width: 1279.9px) {
    .constructor__btn--info {
        justify-self: flex-start;
    }
}
.constructor .product-modal__bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.constructor .product-modal__bottom ul li {
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.014rem;
}
.constructor .product-modal__bottom ul li span {
    position: relative;
    display: inline-flex;
    align-items: baseline;
}
.constructor .product-modal__bottom ul li span:not(.sources__list-marker):before {
    content: "";
    background-color: currentColor;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100%;
    flex-shrink: 0;
    margin-right: 1.2rem;
    align-self: center;
}

@media (max-width: 1279.9px) {
    .img-scroll {
        overflow-x: scroll;
    }
    .img-scroll img {
        width: initial !important;
    }
}

.block__element--btns {
    margin-top: auto !important;
}
@media (max-width: 1279.9px) {
    .block__element--btns {
        margin-top: 32px !important;
    }
}
.block__element--btns > a {
    padding: 32px 32px;
}
@media (max-width: 1279.9px) {
    .block__element--btns > a {
        display: flex;
    }
}
.block__element--btns > a > svg {
    margin-left: 16px;
}
@media (max-width: 1279.9px) {
    .block {
        padding-top: 6.4rem !important;
        padding-bottom: 6.4rem !important;
    }
}

@media (min-width: 1280px) {
    .blocks br .mobile {
        display: none;
    }
}
@media (min-width: 1280px) {
    .blocks br .desktop {
        display: none;
    }
}
.blocks .block div {
    width: 100%;
    margin: 0 auto;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
}
@media (max-width: 1279.9px) {
    .blocks .block div {
        font-size: 1.6rem;
    }
}
.blocks .block div > div {
    gap: 1.6rem;
}
.blocks .block div > div:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (max-width: 1279.9px) {
    .blocks .block > div:first-child {
        padding-right: 1.2rem;
        padding-left: 1.2rem;
    }
}
.blocks .block p {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
}
@media (min-width: 1280px) {
    .blocks .block p {
        font-size: 2rem;
        line-height: 150%;
        letter-spacing: -0.036rem;
    }
}
.blocks .block picture img {
    margin: 0 auto;
}
.blocks .block ul, .blocks .block ol {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.blocks .block ul.list-left, .blocks .block ol.list-left {
    align-items: flex-start;
}
.blocks .block ul.list-left li, .blocks .block ol.list-left li {
    text-align: left;
}
.blocks .block ul li span, .blocks .block ol li span {
    position: relative;
    display: inline-flex;
    align-items: baseline;
}
.blocks .block ul li span:before, .blocks .block ol li span:before {
    content: "";
    background-color: currentColor;
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 100%;
    flex-shrink: 0;
    margin-right: 1.2rem;
    align-self: center;
}
.blocks .block ol {
    counter-reset: list-counter;
}
.blocks .block ol li {
    counter-increment: list-counter;
}
.blocks .block ol li span:before {
    content: counter(list-counter) ".";
    background-color: transparent;
    font-weight: normal;
    display: block;
    width: initial;
    height: initial;
    text-align: right;
    margin-right: 1.2rem;
    align-self: center;
}
.blocks .block-buttons > div {
    display: flex;
    flex-direction: column;
    max-width: 123.3rem;
    gap: 8rem;
    text-align: center;
}
.blocks .block-buttons__wrapper {
    gap: 40px;
    flex-direction: row !important;
}
@media (max-width: 1279.9px) {
    .blocks .block-buttons__wrapper {
        flex-direction: column !important;
    }
}
.blocks .block-buttons__wrapper.center {
    justify-content: center !important;
}
.blocks .block-buttons__wrapper.start {
    justify-content: start !important;
}
.blocks .block-buttons__wrapper.end {
    justify-content: end !important;
}
.blocks .block-buttons__wrapper.space-evenly {
    justify-content: space-evenly !important;
}
.blocks .block-buttons__wrapper > a {
    background-color: #FFF;
    border-radius: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    color: #000D22;
    font-weight: 700;
    width: 17.1rem;
    transition: color 0.3s ease-in-out;
}
.blocks .block-1 div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    max-width: 76rem;
}
.blocks .block-2 > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 102.2rem;
    text-align: center;
}
@media (max-width: 1279.9px) {
    .blocks .block-2 > div {
        flex-direction: column;
        gap: 8rem;
    }
}
.blocks .block-3 > div {
    display: flex;
    flex-direction: column;
    max-width: 123.3rem;
    text-align: center;
    align-items: center;
    gap: 8rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-3 > div {
        flex-direction: column;
        gap: 3.2rem;
    }
}
.blocks .block-3 > div > div {
    display: flex;
    align-items: stretch;
}
.blocks .block-3 > div > div:nth-child(1) {
    align-items: center;
}
.blocks .block-3 > div > div:has(p) {
    gap: 1.6rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-3 > div > div {
        flex-direction: column;
        gap: 4rem;
    }
}
.blocks .block-3 > div > div > div {
    display: flex;
    flex-direction: column;
    padding: 0 2.4rem;
    justify-content: space-between;
    align-items: center;
}
.blocks .block-3 > div > div > div img {
    align-self: center;
    height: 160px;
    object-fit: scale-down;
}
.blocks .block-3 img, .blocks .block-3 picture {
    margin-bottom: 1.6rem;
}
.blocks .block-4 > div {
    display: flex;
    flex-direction: column;
    max-width: 123.3rem;
    text-align: center;
    gap: 8rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-4 > div {
        gap: 3.2rem;
    }
}
.blocks .block-4 > div > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.blocks .block-4 > div > div:last-child > div {
    width: 100%;
    max-width: 88.1rem;
    padding: 0 2.4rem;
}
.blocks .block.block-5 > div {
    display: flex;
    flex-direction: column;
    max-width: 123.3rem;
    gap: 8rem;
    text-align: center;
}
@media (max-width: 1279.9px) {
    .blocks .block.block-5 > div {
        gap: 3.2rem;
    }
}
.blocks .block.block-5 > div > div {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.blocks .block.block-5 > div > div > div {
    display: flex;
    align-items: center;
    text-align: left;
    flex-direction: column-reverse;
    gap: 2.4rem;
}
.blocks .block.block-5 > div > div > div:nth-child(odd) {
    display: flex;
    align-items: center;
    text-align: left;
    flex-direction: column-reverse;
    gap: 2.4rem;
}
@media (min-width: 1280px) {
    .blocks .block.block-5 > div > div > div:nth-child(odd) {
        flex-direction: row-reverse;
    }
    .blocks .block.block-5 > div > div > div:nth-child(odd):not(.block-5--reverse) {
        flex-direction: row;
    }
}
.blocks .block.block-5 > div > div > div:nth-child(even) {
    display: flex;
    align-items: center;
    text-align: left;
    flex-direction: column-reverse;
}
@media (min-width: 1280px) {
    .blocks .block.block-5 > div > div > div:nth-child(even) {
        flex-direction: row;
    }
    .blocks .block.block-5 > div > div > div:nth-child(even):not(.block-5--reverse) {
        flex-direction: row-reverse;
    }
}
@media (min-width: 1280px) {
    .blocks .block.block-5 > div > div > div {
        flex-direction: row;
    }
}
.blocks .block.block-5 > div > div > div > div {
    align-items: center;
    gap: 4rem;
}
@media (min-width: 1280px) {
    .blocks .block.block-5 > div > div > div > div {
        padding: 0 4rem;
    }
}
.blocks .block.block-5 > div > div > div > div > div {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.blocks .block.block-5 > div > div > div > div h4 {
    margin-bottom: 0;
}
@media (max-width: 1279.9px) {
    .blocks .block.block-5 > div > div > div picture img {
        width: 100%;
        height: 100%;
    }
}
@media (min-width: 1280px) {
    .blocks .block.block-5 > div > div > div picture {
        padding: 1.6rem;
    }
}
.blocks .block.block-5 > div > div > div video {
    object-fit: cover;
}
@media (max-width: 1279.9px) {
    .blocks .block.block-5 > div > div > div video {
        width: 100%;
        height: 100%;
    }
}
@media (min-width: 1280px) {
    .blocks .block.block-5 > div > div > div video {
        padding: 1.6rem;
    }
}
@media (max-width: 1279.9px) {
    .blocks .block.block-5--mobile-reverse > div > div > div:nth-child(1) {
        flex-direction: column;
    }
}
.blocks .block-6 > div {
    display: flex;
    flex-direction: column;
    max-width: 102.2rem;
    text-align: center;
    gap: 4rem;
}
@media (min-width: 1280px) {
    .blocks .block-6 > div {
        gap: 8rem;
    }
}
@media (max-width: 1279.9px) {
    .blocks .block-6 > div > div:last-child {
        overflow-x: auto;
        width: calc(100% + 2.4rem);
        margin-left: -1.2rem;
        padding: 2.4rem 1.2rem;
    }
    .blocks .block-6 > div > div:last-child::-webkit-scrollbar {
        height: 0.6rem;
        margin-top: 2.4rem;
        margin-bottom: 2.4rem;
    }
    .blocks .block-6 > div > div:last-child::-webkit-scrollbar-track {
        margin-right: 12rem;
        margin-left: 12rem;
        background: rgba(47, 98, 181, 0.15);
        border-radius: 0.6rem;
    }
    .blocks .block-6 > div > div:last-child::-webkit-scrollbar-thumb {
        background-color: #000D22;
        border-radius: 0.6rem;
    }
}
.blocks .block-6 table {
    width: 100%;
    min-width: 52.4rem;
    text-align: left;
    border-collapse: separate;
    border-spacing: 1.6rem 0;
}
.blocks .block-6 table thead th {
    color: #fff;
    font-size: 2rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%;
    letter-spacing: -0.018rem;
    background-color: #000d22;
    padding: 0.8rem 2.4rem;
    height: 4.4rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-6 table thead th {
        padding: 0.8rem 1.6rem;
        height: 3.9rem;
    }
}
.blocks .block-6 table tbody {
    width: 100%;
    min-width: 52.4rem;
    text-align: left;
    border-collapse: separate;
    border-spacing: 1.6rem 0;
}
@media (min-width: 1280px) {
    .blocks .block-6 table tbody {
        border-spacing: 2.4rem 0;
    }
}
.blocks .block-6 table tr td {
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
    padding: 0.8rem 2.4rem;
    height: 4.4rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-6 table tr td {
        padding: 0.8rem 1.6rem;
        height: 3.9rem;
    }
}
.blocks .block-6 table tr:not(:last-child) td {
    border-bottom: 1px solid rgba(47, 98, 181, 0.15);
}
.blocks .block-7 > div {
    display: flex;
    flex-direction: column;
    max-width: 115.2rem;
    text-align: center;
    gap: 8rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-7 > div {
        gap: 3.2rem;
    }
}
@media (max-width: 1279.9px) {
    .blocks .block-7 picture img {
        width: 100%;
        height: 100%;
    }
}
.blocks .block-8 > div {
    display: flex;
    flex-direction: column;
    max-width: 123.3rem;
    text-align: center;
    align-items: center;
    gap: 8rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-8 > div {
        gap: 3.2rem;
    }
}
.blocks .block-8 > div > div:nth-child(2) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
@media (max-width: 1279.9px) {
    .blocks .block-8 > div > div:nth-child(2):has(picture) {
        flex-direction: column;
        gap: 6rem;
    }
}
.blocks .block-8 > div > div:nth-child(2) > div {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 60.4rem;
    margin: initial;
    gap: 2.4rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-8 > div > div:nth-child(2) > div {
        gap: 4rem;
    }
}
.blocks .block-8 > div > div:nth-child(2) > div > div {
    display: grid;
    grid-template-columns: 8rem 1fr;
    grid-template-rows: auto auto;
    align-items: start;
    max-width: none;
    text-align: left;
    gap: 1.6rem;
}
.blocks .block-8 > div > div:nth-child(2) > div > div:nth-child(1) {
    display: grid;
    grid-template-columns: 8rem 1fr;
    grid-template-rows: auto auto;
    align-items: start;
    max-width: none;
    text-align: left;
    gap: 1.6rem;
}
@media (min-width: 1280px) {
    .blocks .block-8 > div > div:nth-child(2) > div > div:nth-child(1) {
        grid-template-columns: 12rem 1fr;
        padding: 0 2.4rem;
    }
}
.blocks .block-8 > div > div:nth-child(2) > div > div:nth-child(1):not(:has(div)) h4 {
    grid-row: 1/-1;
    align-self: center;
}
@media (min-width: 1280px) {
    .blocks .block-8 > div > div:nth-child(2) > div > div {
        grid-template-columns: 12rem 1fr;
        padding: 0 2.4rem;
    }
}
.blocks .block-8 > div > div:nth-child(2) > div > div img {
    grid-column: 1/2;
    grid-row: 1/-1;
    width: 12rem;
    height: 12rem;
}
@media (max-width: 1279.9px) {
    .blocks .block-8 > div > div:nth-child(2) > div > div img {
        width: 8rem;
        height: 8rem;
    }
}
.blocks .block-8 > div > div:nth-child(2) > div > div h4 {
    grid-row: 1/2;
    grid-column: 2/3;
    margin-bottom: 0;
    align-self: flex-end;
}
.blocks .block-8 > div > div:nth-child(2) > div > div > div {
    align-self: start;
    grid-row: 2/3;
    grid-column: 2/3;
}
@media (max-width: 1279.9px) {
    .blocks .block-8 > div > div:nth-child(2) > div > div > div {
        word-break: break-word;
    }
}
.blocks .block-8 > div > div:nth-child(2) > div > div:not(:has(div)) h4 {
    grid-row: 1/-1;
    align-self: center;
}
@media (max-width: 1279.9px) {
    .blocks .block-8 > div > div:nth-child(2) > div > div:not(:has(img)) {
        display: flex !important;
        align-items: center !important;
        text-align: center !important;
    }
    .blocks .block-8 > div > div:nth-child(2) > div > div:not(:has(img)) h4 {
        align-self: center;
    }
}
.blocks .block-8 div > div:has(a) {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    justify-content: center;
}
@media (max-width: 1279.9px) {
    .blocks .block-8 div > div:has(a) {
        margin-top: 6rem;
    }
}
.blocks .block-8 a {
    background-color: #FFF;
    border-radius: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.4rem;
    color: #000D22;
    font-weight: 700;
    width: 17.1rem;
    transition: color 0.3s ease-in-out;
}
.blocks .block-8 a:hover {
    color: #1E3C71;
}
.blocks .block-8 ul {
    align-items: flex-start;
}
@media (max-width: 1279.9px) {
    .blocks .block-8 picture img {
        width: 100%;
        height: 100%;
    }
}
.blocks .block-8--reverse > div > div:nth-child(2) {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
@media (max-width: 1279.9px) {
    .blocks .block-8--reverse > div > div:nth-child(2):has(picture) {
        flex-direction: column-reverse;
        gap: 6rem;
    }
}
.blocks .event-page-video {
    margin-bottom: 4rem;
}
@media (hover: hover) {
    .blocks .event-page-video:hover .event-video__pause {
        opacity: 1;
    }
}
.blocks .event-page-video button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.blocks .event-page-video video {
    width: 100%;
}
.blocks .event-page-video .event-video {
    margin-top: 1.6rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.8rem;
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
@media (max-width: 1279.9px) {
    .blocks .event-page-video .event-video {
        background-size: cover;
        max-height: 300px;
    }
}
@media (min-width: 1280px) {
    .blocks .event-page-video .event-video {
        gap: 2.4rem;
    }
}
.blocks .event-page-video .event-video span {
    color: rgba(0, 13, 34, 0.3);
}
.blocks .event-video {
    position: relative;
    width: 100%;
    height: 648px;
    background-size: cover;
}
.blocks .event-video__small {
    width: 433px !important;
    height: 242px;
}
@media (max-width: 1279.9px) {
    .blocks .event-video__small {
        width: 343px !important;
        height: 192px;
    }
}
.blocks .event-video iframe {
    width: 100%;
}
.blocks .event-video__pause {
    display: none;
    opacity: 0;
    transition: opacity 0.4s;
}

.constructor-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    display: flex;
    justify-content: center;
    background-color: rgba(0, 19, 49, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    align-items: center;
}
.constructor-modal.modal--active {
    visibility: visible;
    opacity: 1;
    z-index: 500;
}
.constructor-modal__content {
    width: fit-content;
    background: #FFF;
    padding: 4rem 0 4rem 6rem;
    border-radius: 2.4rem;
    overflow: hidden;
    max-height: 874px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.constructor-modal__content--inner {
    width: 100%;
    max-height: 874px;
    overflow-x: auto;
    padding-right: 6rem;
}
@media (max-width: 1279.9px) {
    .constructor-modal__content--inner {
        padding-right: 2rem;
    }
}
.constructor-modal__content--inner::-webkit-scrollbar {
    width: 3px;
    height: 0.6rem;
}
.constructor-modal__content--inner::-webkit-scrollbar-track {
    margin-right: 100px;
    margin-left: 100px;
    background: white;
    border-radius: 0.6rem;
}
.constructor-modal__content--inner::-webkit-scrollbar-thumb {
    background-color: rgba(47, 98, 181, 0.05);
    border-radius: 0.6rem;
}
@media (max-width: 1279.9px) {
    .constructor-modal__content--inner {
        max-height: 60rem;
        padding: 3rem 0;
    }
}
@media (max-width: 1279.9px) {
    .constructor-modal__content {
        max-height: 60rem;
        padding: 4rem 0 4rem 2rem;
    }
}
@media (min-width: 1280px) {
    .constructor-modal__content {
        padding: 4rem 0 4rem 6rem;
        border-radius: 2.4rem;
    }
}
.constructor-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    cursor: pointer;
    z-index: 2;
}
@media (min-width: 1280px) {
    .constructor-modal__close {
        top: 1.4rem;
        right: 1.4rem;
    }
}
.constructor-modal__image {
    margin-bottom: 1.6rem;
}
.constructor-modal__img {
    border-radius: 50%;
    width: 16.8rem;
    height: 16.8rem;
}
@media (min-width: 1280px) {
    .constructor-modal__img {
        width: 25.6rem;
        height: 25.6rem;
    }
}

.score {
    margin-top: 8.2rem;
}
.score-item--free-title {
    display: flex;
    flex-direction: column;
    max-width: 123.3rem;
    width: 100%;
    margin: 0 auto;
    font-size: 2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
    align-items: flex-start;
}
@media screen and (max-width: 768px) {
    .score-item--free-title {
        padding: 0 12px 0;
    }
}
.score-item--free-subtitle {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
}
@media (min-width: 1280px) {
    .score-item--free-subtitle {
        font-size: 2rem;
        line-height: 150%;
        letter-spacing: -0.036rem;
    }
}
.score-top__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (min-width: 1280px) {
    .score-top__wrapper {
        justify-content: center;
    }
}
@media (min-width: 1280px) {
    .score-top__btn {
        position: absolute;
        left: 0;
    }
}
.score-top__btn svg {
    transform: rotate(180deg);
}
.score-info {
    margin-bottom: 4rem;
}
.score-info__wrapper {
    position: relative;
}
@media (min-width: 1280px) {
    .score-info__wrapper {
        display: flex;
    }
}
@media (max-width: 1279.9px) {
    .score-info__wrapper {
        display: grid;
        gap: 2.4rem;
        grid-template-rows: auto auto;
        grid-template-columns: 1fr 1fr;
    }
}
.score-title {
    width: 100%;
    max-width: 59.3rem;
    margin: 0 auto 3.2rem;
}
@media (min-width: 1280px) {
    .score-title {
        margin: 0 auto 2.4rem;
    }
}
.score__links {
    width: calc(100% - 230px - 120px);
    margin-left: 2.4rem;
}
@media (max-width: 1279.9px) {
    .score__links {
        grid-row: 2/3;
        grid-column: 1/-1;
    }
}
@media (max-width: 1279.9px) {
    .score__links {
        width: calc(100% + 3.2rem);
        margin-left: -1.2rem;
        padding-left: 1.2rem;
        padding-right: 3.2rem;
    }
}
.score__btns {
    display: flex;
    gap: 0.4rem;
    align-items: center;
    justify-content: flex-end;
}
@media (min-width: 1280px) {
    .score__btns {
        background: linear-gradient(270deg, #FFF 72.88%, rgba(255, 255, 255, 0) 100%);
        top: -1px;
        bottom: -1px;
        right: -1px;
        width: 15.3rem;
        position: absolute;
    }
}
@media (max-width: 1279.9px) {
    .score__btns {
        grid-row: 1/2;
        grid-column: 2/3;
        justify-self: flex-end;
    }
}
.score .share-popup {
    display: none;
}
@media (max-width: 1279.9px) {
    .score .share-popup {
        background-color: rgba(0, 19, 49, 0.5);
        right: 0;
        bottom: 0;
        flex-direction: column;
        justify-content: flex-end;
        position: fixed;
        z-index: 400;
    }
}
@media (min-width: 1280px) {
    .score .share-popup {
        position: fixed;
        z-index: 1;
        width: max-content;
        top: calc(100% + 8px);
        background-color: #FFF;
        box-shadow: 8px 12px 30px 0 rgba(0, 21, 54, 0.07);
        border-radius: 2.4rem;
        padding: 2.4rem;
    }
}
.score__btn {
    width: fit-content;
    font-weight: 700;
}
@media (max-width: 1279.9px) {
    .score__btn--info {
        justify-self: flex-start;
    }
}
.score .product-modal__bottom ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.score .product-modal__bottom ul li {
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.014rem;
}
.score .product-modal__bottom ul li span {
    position: relative;
    display: inline-flex;
    align-items: baseline;
}

@media (max-width: 1279.9px) {
    .img-scroll {
        overflow-x: scroll;
    }
    .img-scroll img {
        width: initial !important;
    }
}

/* Блоки. */
/* Блоки: score */
.score-abbreviation {
    padding-top: 14.2rem;
}
@media (max-width: 767.9px) {
    .score-abbreviation {
        padding-top: 7.2rem;
    }
}
.score-abbreviation__text {
    font-family: "BasisGrotesquePro", sans-serif;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: rgba(0, 13, 34, 0.5019607843);
    max-width: 73rem;
}
@media (max-width: 767.9px) {
    .score-abbreviation__text {
        font-size: 1.2rem;
    }
}
.score-abbreviation__text:not(:last-child) {
    margin-bottom: 0.8rem;
}

.score-calc {
    padding: 2.4rem 0 0.8rem;
    display: grid;
    grid-template-columns: calc(50% - 0.4rem - 10rem) calc(50% - 0.4rem);
    gap: 0.8rem;
    overflow: hidden;
    width: calc(100% + 10rem);
}
@media (max-width: 1279.9px) {
    .score-calc {
        grid-template-columns: calc(50% - 0.4rem - 8rem) calc(50% - 0.4rem);
        width: calc(100% + 8rem);
    }
}
@media (max-width: 991.9px) {
    .score-calc {
        width: 100%;
        gap: 4rem;
        padding: 4rem 0.7rem 4rem;
        grid-template-columns: 100%;
    }
}
@media (max-width: 767.9px) {
    .score-calc {
        padding: 4rem 0.7rem 3.2rem;
    }
}
.score-calc__table {
    display: block;
}
.score-calc__table:first-child {
    margin-left: -10rem;
}
@media (max-width: 1279.9px) {
    .score-calc__table:first-child {
        margin-left: -8rem;
    }
}
@media (max-width: 991.9px) {
    .score-calc__table:first-child {
        margin-left: 0;
    }
}
.score-calc tr, .score-calc th, .score-calc td {
    padding: 0;
}
.score-calc__head, .score-calc__body {
    display: block;
}
.score-calc__head {
    margin-bottom: 1.2rem;
}
@media (max-width: 767.9px) {
    .score-calc__head {
        margin-bottom: 0.55rem;
    }
}
.score-calc__body > :not(:last-child) {
    margin-bottom: 1.2rem;
}
@media (max-width: 767.9px) {
    .score-calc__body > :not(:last-child) {
        margin-bottom: 0.55rem;
    }
}
.score-calc__row {
    display: grid;
    grid-template-columns: 9.2rem 1fr;
    width: 100%;
    gap: 0.8rem;
}
@media (max-width: 1279.9px) {
    .score-calc__row {
        grid-template-columns: 7.2rem 1fr;
    }
}
@media (max-width: 991.9px) {
    .score-calc__row {
        grid-template-columns: 9.2rem 1fr;
    }
}
@media (max-width: 767.9px) {
    .score-calc__row {
        grid-template-columns: 1fr 4.6rem;
        gap: 0.55rem;
    }
}
.score-calc__row > .score-calc__label {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 0.2rem;
}
@media (max-width: 767.9px) {
    .score-calc__row > .score-calc__label {
        opacity: 0;
    }
}
.score-calc__subrow {
    grid-column-start: 2;
    display: grid;
    grid-template-columns: 9.2rem 1fr;
    width: 100%;
    gap: 1rem 1.2rem;
}
@media (max-width: 767.9px) {
    .score-calc__subrow {
        grid-template-columns: 5.1rem 1fr;
        grid-column: 1;
        order: -1;
    }
}
.score-calc__subrow > .score-calc__label, .score-calc__subrow > .score-calc__value {
    padding-left: 2.4rem;
}
@media (max-width: 767.9px) {
    .score-calc__subrow > .score-calc__label, .score-calc__subrow > .score-calc__value {
        padding-left: 1.1rem;
        font-size: 0.95rem;
    }
}
@media (max-width: 767.9px) {
    .score-calc__subrow > .score-calc__label {
        opacity: 0;
    }
}
.score-calc__body .score-calc__subrow {
    padding: 2rem 0;
    border-radius: 2.4rem;
    background-color: #fff;
}
@media (max-width: 767.9px) {
    .score-calc__body .score-calc__subrow {
        border-radius: 1rem;
        padding: 0.9rem 0.5rem 0.9rem 0;
    }
}
.score-calc__gender, .score-calc__smoking {
    grid-column-start: 2;
}
.score-calc__gender {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 0;
    margin-bottom: 1.6rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
}
@media (max-width: 767.9px) {
    .score-calc__gender {
        padding: 0.4rem 0;
        font-size: 1.1rem;
        margin-bottom: 0.8rem;
    }
}
.score-calc__gender .icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.8rem;
}
@media (max-width: 767.9px) {
    .score-calc__gender .icon {
        width: 1.6rem;
        height: 1.6rem;
        margin-right: 0.55rem;
    }
}
.score-calc__smoking {
    display: flex;
    align-items: center;
    margin-bottom: -0.8rem;
}
@media (max-width: 767.9px) {
    .score-calc__smoking {
        margin-bottom: 0;
        padding: 0 0.9rem;
    }
}
.score-calc__smoking-value {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.6rem;
    flex-grow: 1;
    width: 100%;
    border-radius: 100rem;
    background-color: rgba(47, 98, 181, 0.0509803922);
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
}
@media (max-width: 767.9px) {
    .score-calc__smoking-value {
        height: 2.45rem;
        font-size: 1.1rem;
    }
}
.score-calc__smoking-value:not(:last-child) {
    margin-right: 1.6rem;
}
@media (max-width: 767.9px) {
    .score-calc__smoking-value:not(:last-child) {
        margin-right: 2rem;
    }
}
.score-calc__label {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    text-align: left;
    color: rgba(0, 13, 34, 0.5019607843);
}
@media (max-width: 767.9px) {
    .score-calc__label {
        font-size: 0.95rem;
    }
}
.score-calc__group {
    display: flex;
    align-items: center;
}
.score-calc__group-item {
    display: flex;
    align-items: center;
    width: 100%;
    flex-grow: 1;
}
.score-calc__group-item:not(:last-child) {
    margin-right: 1.6rem;
}
@media (max-width: 767.9px) {
    .score-calc__group-item:not(:last-child) {
        margin-right: 2rem;
    }
}
.score-calc__head .score-calc__group {
    padding-top: 2rem;
}
@media (max-width: 767.9px) {
    .score-calc__head .score-calc__group {
        padding-right: 0.5rem;
        padding-top: 0.8rem;
    }
}
.score-calc__group-item > .score-calc__label {
    padding: 0 0.4rem;
    flex-grow: 1;
    width: 100%;
    text-align: center;
}
.score-calc__age {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2.4rem;
    background-color: #EBEFF7;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    text-align: center;
}
@media (max-width: 767.9px) {
    .score-calc__age {
        border-radius: 1.1rem;
        font-weight: 600;
        font-size: 1.2rem;
        order: 1;
    }
}
.score-calc__value {
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: var(--table-color);
}
@media (max-width: 767.9px) {
    .score-calc__value {
        font-size: 0.95rem;
    }
}
.score-calc__group-item > .score-calc__value {
    padding: 0 0.4rem;
    flex-grow: 1;
    width: 100%;
    text-align: center;
}

.score-form {
    max-width: 67.3rem;
    width: 100%;
}
@media (max-width: 767.9px) {
    .score-form {
        padding: 0 1.6rem;
    }
}
.is-panding .score-form {
    pointer-events: none;
}
.score-form__fieldset {
    display: block;
    padding: 0;
    margin: 0;
    border: none;
}
.score-form__radio {
    position: relative;
    overflow: hidden;
}
.score-form__radio-group {
    display: flex;
    justify-content: center;
    margin-bottom: 2.4rem;
}
.score-form__radio-group > :not(:last-child) {
    margin-right: 0.8rem;
}
.score-form__radio-input {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    opacity: 0;
    z-index: -999;
}
.score-form__radio-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 1rem;
    border-radius: 99rem;
    width: 15rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: #000D22;
    background-color: rgba(47, 98, 181, 0.0509803922);
    box-shadow: 0 0 0 1.5px rgba(0, 13, 34, 0) inset;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
@media (min-width: 992px) and (hover: hover) {
    .score-form__radio-inner:hover {
        box-shadow: 0 0 0 1.5px #000D22 inset;
    }
}
.score-form__radio-inner .icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.8rem;
}
.score-form__radio-input:checked + .score-form__radio-inner, .score-form__radio-inner.is-active {
    color: #fff;
    background-color: #000D22;
}
.score-form__row {
    display: flex;
    width: 100%;
}
@media (max-width: 767.9px) {
    .score-form__row {
        flex-direction: column;
    }
}
.score-form__row > :not(:last-child) {
    margin-right: 1.6rem;
}
@media (max-width: 767.9px) {
    .score-form__row > :not(:last-child) {
        margin-right: 0;
        margin-bottom: 1.6rem;
    }
}
.score-form__row:not(:last-child) {
    margin-bottom: 1.6rem;
}
.score-form__field {
    flex-grow: 1;
    width: 100%;
}
.score-form__field-label {
    display: block;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: rgba(0, 13, 34, 0.5019607843);
    margin-bottom: 0.8rem;
}
.score-form__field-inner {
    position: relative;
}
.score-form__field-inner .icon {
    position: absolute;
    top: 50%;
    right: 2.4rem;
    transform: translateY(-50%);
    pointer-events: none;
    transition: 0.3s ease-in-out;
}
.score-form__field-inner.is-opened .icon {
    transform: translateY(-50%) scale(1, -1);
}
.score-form__field-input {
    display: flex;
    align-items: center;
    width: 100%;
    height: 5.6rem;
    box-shadow: 0 0 0 1.5px rgba(47, 98, 181, 0.1490196078) inset;
    border-radius: 99rem;
    border: none;
    outline: none;
    padding: 1.4rem 2.4rem;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
}
@media (min-width: 992px) and (hover: hover) {
    .score-form__field-input:hover {
        box-shadow: 0 0 0 1.5px #2F62B5 inset;
    }
}
.is-panding .score-form__field-input {
    color: rgba(0, 13, 34, 0.6980392157);
}
.score-form__field-options {
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transform: translateY(calc(100% - 0.8rem));
    pointer-events: none;
    border-radius: 2.4rem;
    box-shadow: 0 0 0 1.5px rgba(47, 98, 181, 0.1490196078) inset;
    padding: 2.4rem 2.4rem;
    background-color: #fff;
    z-index: 5;
    transition: 0.3s ease-in-out;
}
.score-form__field-inner.is-opened > .score-form__field-options {
    opacity: 1;
    transform: translateY(calc(100% + 0.8rem));
    pointer-events: all;
}
.score-form__field-option {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0.6rem 0;
    cursor: pointer;
}
@media (min-width: 992px) {
    .score-form__field-option:hover .score-form__field-option-input:not(:checked) ~ .score-form__field-option-text {
        color: #2F62B5;
    }
    .score-form__field-option:hover .score-form__field-option-input:not(:checked) ~ .score-form__field-option-check::before {
        box-shadow: 0 0 0 1.5px #2F62B5 inset;
    }
}
.score-form__field-option:not(:last-child) {
    margin-bottom: 1.6rem;
}
.score-form__field-option-check {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    margin-right: 0.8rem;
}
.score-form__field-option-check::before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    box-shadow: 0 0 0 1.5px #000D22 inset;
    transition: background 0.3s ease-in-out;
}
.score-form__field-option-check::after {
    position: absolute;
    content: "";
    top: 0.6rem;
    left: 0.6rem;
    right: 0.6rem;
    bottom: 0.6rem;
    border-radius: 50%;
    background-color: rgba(0, 13, 34, 0);
    transition: background 0.3s ease-in-out;
}
.score-form__field-option-text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
}
.score-form__field-option-input {
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(0);
    opacity: 0;
    z-index: -999;
}
.score-form__field-option-input:checked ~ .score-form__field-option-check::after {
    background-color: #000D22;
}
.score-form__field-info {
    display: inline-flex;
    margin-bottom: 0.8rem;
}
.score-form__field-info > :not(:last-child) {
    margin-right: 0.8rem;
}
.score-form__field-info > .score-form__field-label, .score-form__field-info > .score-form__field-tooltip {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
.score-form__field-tooltip {
    z-index: 2;
}
.score-form__footer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 4rem;
}
@media (max-width: 767.9px) {
    .score-form__footer {
        flex-direction: column;
        padding-top: 2.4rem;
    }
}
.score-form__footer > :not(:last-child) {
    margin-right: 0.8rem;
}
@media (max-width: 767.9px) {
    .score-form__footer > :not(:last-child) {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}
.score-form__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 5.6rem;
    max-width: 17.8rem;
    border-radius: 99rem;
    border: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.25;
    letter-spacing: -0.01%;
}
@media (max-width: 767.9px) {
    .score-form__button {
        max-width: none;
    }
}
.score-form__button:disabled, .is-panding .score-form__button {
    opacity: 0.5;
    pointer-events: none;
}
.score-form__button_mode_prime {
    background-color: #033878;
    color: #fff;
    transition: 0.3s ease-in-out;
}
@media (min-width: 992px) and (hover: hover) {
    .score-form__button_mode_prime:hover {
        opacity: 0.75;
    }
}
.score-form__button_mode_secondary {
    background-color: #fff;
    color: #000D22;
    box-shadow: 0 0 0 1.5px rgba(47, 98, 181, 0) inset;
    transition: 0.3s ease-in-out;
}
@media (min-width: 992px) and (hover: hover) {
    .score-form__button_mode_secondary:hover {
        box-shadow: 0 0 0 1.5px #2F62B5 inset;
    }
}

.score-pdf {
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(105%);
    z-index: -999;
    opacity: 0;
    height: 0;
    pointer-events: none;
    overflow: hidden;
}
.score-pdf * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.score-pdf__content {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 6.4rem 17.6rem 4rem;
    width: 108rem;
    height: 192rem;
    background: linear-gradient(180deg, rgba(47, 98, 181, 0) 0%, rgba(47, 98, 181, 0.05) 15.15%, rgba(47, 98, 181, 0.05) 70.57%), #fff;
}
.score-pdf__footer {
    margin-top: auto;
}
.score-pdf__footer > p {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: rgba(0, 13, 34, 0.5019607843);
}
.score-pdf__footer > p:not(:last-child) {
    margin-bottom: 0.8rem;
}
.constructor .score-pdf__title {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    max-width: 51rem;
    color: #004088;
    margin-bottom: 5.6rem;
}
.score-pdf .score-scale {
    padding-top: 7rem;
}
.score-pdf .score-scale__inner {
    grid-template-columns: 100%;
    gap: 4rem;
    padding: 2.4rem 4rem;
}
@media (max-width: 767.9px) {
    .score-pdf .score-scale__inner {
        padding: 2.4rem 4rem;
    }
}
@media (max-width: 767.9px) {
    .score-pdf .score-scale__text {
        max-width: none;
    }
}
@media (max-width: 1279.9px) {
    .score-pdf .score-scale__row {
        grid-template-columns: 17.6rem repeat(3, 1fr);
        gap: 5.6rem;
    }
}
@media (max-width: 991.9px) {
    .score-pdf .score-scale__row {
        grid-template-columns: 17.6rem repeat(3, 1fr);
        gap: 5.6rem;
    }
    .score-pdf .score-scale__row:first-child:before {
        content: none;
    }
}
@media (max-width: 767.9px) {
    .score-pdf .score-scale__row {
        grid-template-columns: 17.6rem repeat(3, 1fr);
        gap: 5.6rem;
    }
}
.score-pdf .score-scale__levels {
    grid-column: auto;
    max-width: 56.8rem;
}
.score-pdf .score-scale__label {
    grid-column: auto;
}
@media (max-width: 991.9px) {
    .score-pdf .score-scale__level::before {
        margin-right: 1.2rem;
    }
    .score-pdf .score-scale__level span {
        display: block;
    }
}
.score-pdf .score-scale__row:not(:last-child) {
    margin-bottom: 1.6rem;
}
.score-pdf .score-form {
    max-width: none;
}
@media (max-width: 767.9px) {
    .score-pdf .score-form {
        padding: 0;
    }
}
@media (max-width: 767.9px) {
    .score-pdf .score-form__row {
        flex-direction: row;
    }
    .score-pdf .score-form__row > :not(:last-child) {
        margin-right: 1.6rem;
        margin-bottom: 0;
    }
}
.score-pdf .score-form__field-input {
    color: rgba(0, 13, 34, 0.5019607843);
    border: 1.5px solid rgba(47, 98, 181, 0.1490196078);
    background-color: #fff;
    box-shadow: none;
}
.score-pdf .score-calc {
    padding: 4rem 0 0.8rem;
    width: 100%;
    grid-template-columns: 100%;
}
.score-pdf .score-calc__table:first-child {
    margin-left: 0;
}
.score-pdf .score-calc__row {
    grid-template-columns: 9.2rem 1fr;
}
@media (max-width: 767.9px) {
    .score-pdf .score-calc {
        padding: 4rem 0 0.8rem;
    }
    .score-pdf .score-calc__row {
        grid-template-columns: 9.2rem 1fr;
        gap: 0.8rem;
    }
    .score-pdf .score-calc__head {
        margin-bottom: 1.2rem;
    }
    .score-pdf .score-calc__subrow {
        grid-column-start: 2;
        grid-template-columns: 9.2rem 1fr;
        width: 100%;
        gap: 1rem 1.2rem;
        order: unset;
    }
    .score-pdf .score-calc__age {
        border-radius: 2.4rem;
        font-weight: 700;
        font-size: 2rem;
        order: unset;
    }
    .score-pdf .score-calc__gender {
        padding: 0.6rem 0;
        margin-bottom: 1.6rem;
        font-size: 1.6rem;
    }
    .score-pdf .score-calc__gender .icon {
        width: 2.4rem;
        height: 2.4rem;
        margin-right: 0.8rem;
    }
    .score-pdf .score-calc__smoking {
        padding: 0;
        margin-bottom: -0.8rem;
    }
    .score-pdf .score-calc__smoking-value {
        height: 3.6rem;
        font-size: 1.6rem;
    }
    .score-pdf .score-calc__value {
        font-size: 1.6rem;
    }
    .score-pdf .score-calc .score-calc__body .score-calc__subrow {
        padding: 2rem 0;
        border-radius: 2.4rem;
    }
    .score-pdf .score-calc .score-calc__subrow > .score-calc__label, .score-pdf .score-calc .score-calc__subrow > .score-calc__value {
        padding-left: 2.4rem;
    }
    .score-pdf .score-calc .score-calc__label {
        font-size: 1.4rem;
    }
    .score-pdf .score-calc .score-calc__row > .score-calc__label {
        opacity: 1;
    }
    .score-pdf .score-calc .score-calc__subrow > .score-calc__label {
        opacity: 1;
    }
}
.score-pdf .score-result {
    height: auto;
}
.score-pdf .score-result__inner {
    padding-top: 5.6rem;
    grid-template-columns: 100%;
}
.score-pdf .score-result-info {
    opacity: 1;
    transform: translateY(0%);
}
@media (max-width: 767.9px) {
    .score-pdf .score-result-info__label {
        font-size: 2.4rem;
    }
}
.score-pdf .score-result-info__wrapper {
    padding: 2.4rem;
    border-radius: 2.4rem;
    border: 1.5px solid var(--result-color, rgba(255, 255, 255, 0));
    box-shadow: none;
    background-color: #fff;
}
.score-pdf .score-result-info__inner {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    gap: 1.6rem;
}
@media (max-width: 767.9px) {
    .score-pdf .score-result-info__inner {
        gap: 1.6rem;
        border-radius: 0;
        padding: 0;
        background-color: rgba(255, 255, 255, 0);
        box-shadow: none;
        margin-bottom: 0;
    }
}
.score-pdf .score-result-info__level {
    justify-content: space-between;
    padding: 0;
}
.score-pdf .score-result-info__value {
    flex-shrink: 0;
}
.score-pdf .score-result-info__text {
    max-width: 48rem;
}
.score-pdf .score-target {
    padding-top: 4rem;
}
.score-pdf .score-target__inner {
    gap: 3.2rem;
    grid-template-columns: 100%;
}
.score-pdf .score-target__values {
    grid-column: auto;
    display: grid;
    grid-template-columns: max-content 18rem max-content;
}
.score-pdf .score-target__level {
    font-size: 2rem;
    margin-bottom: 2.4rem;
}
.score-pdf .score-target__risk:first-child {
    grid-template-columns: 1fr 7rem;
}
.score-pdf .score-target__risk:first-child::after {
    margin: 0 1.2rem;
}
.score-pdf .score-target__risk:last-child {
    grid-template-columns: 7rem 1fr;
}
.score-pdf .score-target__risk:last-child::before {
    margin: 0 1.2rem;
}
@media (max-width: 767.9px) {
    .score-pdf .score-target {
        width: 100%;
    }
    .score-pdf .score-target__level {
        font-size: 2rem;
        margin-bottom: 2.4rem;
    }
    .score-pdf .score-target__inner {
        padding: 2rem 4rem;
        gap: 3.2rem;
    }
    .score-pdf .score-target__info {
        max-width: 50rem;
    }
    .score-pdf .score-target__delta {
        max-width: none;
    }
    .score-pdf .score-target__values {
        grid-column: auto;
        display: grid;
        grid-template-columns: max-content 18rem max-content;
    }
    .score-pdf .score-target__risk:first-child {
        grid-template-columns: 1fr 7rem;
        order: unset;
    }
    .score-pdf .score-target__risk:first-child::after {
        order: unset;
        margin: 0 1.2rem;
        min-width: 2.4rem;
        height: 0;
        width: auto;
        justify-self: auto;
    }
    .score-pdf .score-target__risk:last-child {
        grid-template-columns: 7rem 1fr;
        order: unset;
    }
    .score-pdf .score-target__risk:last-child::before {
        order: unset;
        margin: 0 1.2rem;
        min-width: 2.4rem;
        height: 0;
        width: auto;
        justify-self: auto;
    }
    .score-pdf .score-target__ldl {
        flex-direction: column;
    }
    .score-pdf .score-target__ldl-value {
        margin-bottom: 0.2rem;
        margin-right: 0;
    }
}

.constructor .score-pdf .score-scale__title {
    margin-bottom: 1.6rem;
}
@media (max-width: 767.9px) {
    .constructor .score-pdf .score-scale__title {
        font-size: 2.4rem;
    }
}
.constructor .score-pdf .score-target__title {
    font-size: 2.4rem;
}
@media (max-width: 767.9px) {
    .constructor .score-pdf .score-target__title {
        font-size: 2.4rem;
        text-align: left;
    }
}

.score-result {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    transition: opacity 0.6s;
}
@media (max-width: 991.9px) {
    .score-result {
        max-width: 71.6rem;
    }
}
.score-result.is-shown {
    height: 100%;
}
.score-result__inner {
    display: grid;
    grid-template-columns: 7.03fr 5.05fr;
    width: 100%;
    overflow: hidden;
    gap: 2.4rem;
    padding-top: 8rem;
}
@media (max-width: 991.9px) {
    .score-result__inner {
        padding-top: 6.4rem;
    }
}
@media (max-width: 991.9px) {
    .score-result__inner {
        grid-template-columns: 100%;
    }
}
@media (max-width: 767.9px) {
    .score-result__inner {
        padding-top: 3.2rem;
    }
}

.score-result-info {
    opacity: 0;
    transform: translateY(20%);
    transition: transform 0.6s 0.3s, opacity 0.6s 0s;
}
.is-shown .score-result-info {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.6s 0s, opacity 0.6s 0s;
}
@media (min-width: 768px) {
    .score-result-info__wrapper {
        display: flex;
        flex-direction: column;
        height: 100%;
        border-radius: 2.4rem;
        padding: 2rem 2.4rem;
        background-color: #fff;
        box-shadow: 0 0 0 1.5px var(--result-color, rgba(255, 255, 255, 0)) inset;
    }
}
.score-result-info__inner {
    display: grid;
    grid-template-areas: "level pdf" "text text";
    gap: 2rem;
    grid-template-columns: 1fr max-content;
    margin-bottom: 2.8rem;
}
@media (max-width: 767.9px) {
    .score-result-info__inner {
        grid-template-areas: "level" "text" "pdf";
        gap: 2.9rem;
        border-radius: 2.4rem;
        padding: 2rem 2.4rem;
        background-color: #fff;
        box-shadow: 0 0 0 1.5px var(--result-color, rgba(255, 255, 255, 0)) inset;
        margin-bottom: 1.6rem;
    }
}
.score-result-info__level {
    grid-area: level;
    display: flex;
    align-items: center;
    padding: 0.4rem 0;
}
.score-result-info__level > :not(:last-child) {
    margin-right: 1.2rem;
}
.score-result-info__label {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
}
@media (max-width: 767.9px) {
    .score-result-info__label {
        font-size: 2.1rem;
        color: #004088;
    }
}
.score-result-info__value {
    display: flex;
    flex-shrink: 0;
    width: max-content;
    height: 2.7rem;
    align-items: center;
    padding: 0.2rem 0.6rem;
    border-radius: 100rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: var(--result-color, rgba(255, 255, 255, 0));
    background-color: var(--result-bg, rgba(255, 255, 255, 0));
    overflow: hidden;
}
.score-result-info__text {
    grid-area: text;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.5;
    letter-spacing: -0.02em;
}
@media (max-width: 767.9px) {
    .score-result-info__text {
        color: #004088;
    }
}
.score-result-info__nav {
    display: flex;
    align-items: center;
    margin-top: auto;
}
@media (max-width: 767.9px) {
    .score-result-info__nav {
        flex-direction: column;
    }
}
.score-result-info__nav > :not(:last-child) {
    margin-right: 0.8rem;
}
@media (max-width: 767.9px) {
    .score-result-info__nav > :not(:last-child) {
        margin-right: 0;
        margin-bottom: 0.8rem;
    }
}
.score-result-info__link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100rem;
    height: 4.4rem;
    padding: 1rem 2.4rem;
    min-width: 18.8rem;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
}
@media (max-width: 767.9px) {
    .score-result-info__link {
        height: 5.6rem;
        width: 100%;
    }
}
.score-result-info__link_mode_prime {
    background-color: #033878;
    color: #fff;
    transition: 0.3s ease-in-out;
}
@media (min-width: 992px) and (hover: hover) {
    .score-result-info__link_mode_prime:hover {
        opacity: 0.75;
    }
}
.score-result-info__link_mode_secondary {
    background-color: rgba(47, 98, 181, 0.0509803922);
    color: #000D22;
    box-shadow: 0 0 0 1.5px rgba(47, 98, 181, 0) inset;
    transition: 0.3s ease-in-out;
}
@media (min-width: 992px) and (hover: hover) {
    .score-result-info__link_mode_secondary:hover {
        box-shadow: 0 0 0 1.5px #2F62B5 inset;
    }
}
.score-result-info__download-pdf {
    position: relative;
    grid-area: pdf;
    display: flex;
    align-items: center;
    padding: 0.6rem 2rem;
    border-radius: 100rem;
    background-color: rgba(47, 98, 181, 0.0509803922);
    max-width: max-content;
    height: 3.6rem;
    border: none;
    overflow: hidden;
    box-shadow: 0 0 0 1.5px rgba(3, 56, 120, 0) inset;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}
@media (min-width: 992px) and (hover: hover) {
    .score-result-info__download-pdf:hover {
        box-shadow: 0 0 0 1.5px #033878 inset;
    }
}
.is-panding .score-result-info__download-pdf {
    pointer-events: none;
}
.score-result-info__download-pdf-content, .score-result-info__download-pdf-progress {
    display: flex;
    align-items: center;
}
.score-result-info__download-pdf-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 0%;
    transition: opacity 0.3s ease-in-out;
}
.score-result-info__download-pdf-progress {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: max-content;
    padding: 0.6rem 2rem;
    height: 100%;
    color: #fff;
    background-color: #033878;
}
.score-result-info__download-pdf .icon {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.6rem;
}

.is-panding .score-result-info__download-pdf-wrapper, .is-done .score-result-info__download-pdf-wrapper {
    animation: download 10s ease-out infinite forwards;
}

.is-done .score-result-info__download-pdf-wrapper {
    opacity: 0;
}

.score-result-projection {
    border-radius: 2.4rem;
    padding: 2rem 2.4rem;
    background-color: #fff;
    box-shadow: 0 0 0 1.5px #033878 inset;
    opacity: 0;
    transform: translateY(20%);
    transition: transform 0.6s 0s, opacity 0.6s 0s;
}
.is-shown .score-result-projection {
    opacity: 1;
    transform: translateY(0);
    transition: transform 0.6s 0.3s, opacity 0.6s 0s;
}
.score-result-projection__title {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
    max-width: 36.5rem;
    margin: 0 0 1.6rem;
}
@media (max-width: 767.9px) {
    .score-result-projection__title {
        font-size: 2rem;
        margin-bottom: 0.8rem;
    }
}
.score-result-projection__text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    max-width: 29.2rem;
    color: rgba(0, 13, 34, 0.5019607843);
    margin: 0 0 0.6rem;
}
@media (max-width: 767.9px) {
    .score-result-projection__text {
        margin-bottom: 2rem;
    }
}
.score-result-projection__footer {
    display: flex;
    justify-content: flex-start;
    margin-top: auto;
}
.score-result-projection__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 7.2rem;
    height: 5.6rem;
    border-radius: 100rem;
    background-color: var(--result-color, #033878);
    box-shadow: 0.4rem 0.8rem 4rem 0 rgba(0, 68, 178, 0.1019607843);
    transition: 0.3s ease-in-out;
}
@media (min-width: 992px) and (hover: hover) {
    .score-result-projection__link:hover {
        opacity: 0.75;
    }
}
@media (max-width: 767.9px) {
    .score-result-projection__link {
        height: 4.4rem;
        width: 5.6rem;
    }
}
.score-result-projection__link .icon {
    width: 2.4rem;
    height: 2.4rem;
}

@keyframes download {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
.score-scale {
    overflow: hidden;
    padding-top: 8rem;
}
@media (max-width: 991.9px) {
    .score-scale {
        padding-top: 6.4rem;
    }
}
@media (max-width: 767.9px) {
    .score-scale {
        padding-top: 3.2rem;
    }
}
.score-scale__container {
    width: 100%;
    padding-left: 3.2rem;
    padding-right: 3.2rem;
    max-width: 142.6rem;
}
@media (max-width: 1279.9px) {
    .score-scale__container {
        max-width: 101.8rem;
    }
}
@media (max-width: 991.9px) {
    .score-scale__container {
        max-width: 79rem;
    }
}
@media (max-width: 767.9px) {
    .score-scale__container {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}
.score-scale__inner {
    display: grid;
    grid-template-columns: 1fr 9.2rem 1fr;
    gap: 0.8rem;
    border-radius: 2.4rem;
    padding: 2rem 4rem;
    background-color: #fff;
}
@media (max-width: 991.9px) {
    .score-scale__inner {
        grid-template-columns: 100%;
        gap: 4rem;
    }
}
@media (max-width: 767.9px) {
    .score-scale__inner {
        padding: 2rem 1.6rem;
    }
}
.score-scale__info {
    display: flex;
    flex-direction: column;
}
.constructor .score-scale__title {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #004088;
    margin-bottom: 2.4rem;
}
@media (max-width: 767.9px) {
    .constructor .score-scale__title {
        font-size: 2.1rem;
    }
}
.score-scale__text {
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: #004088;
    margin-top: auto;
}
@media (max-width: 767.9px) {
    .score-scale__text {
        max-width: 90%;
    }
}
.score-scale__text span {
    color: #EF7F1A;
}
.score-scale__levels {
    grid-column: 3;
    max-width: 52.8rem;
}
@media (max-width: 1279.9px) {
    .score-scale__levels {
        padding-left: 2.4rem;
        grid-column: 2/4;
    }
}
@media (max-width: 991.9px) {
    .score-scale__levels {
        grid-column: auto;
    }
}
@media (max-width: 991.9px) {
    .score-scale__levels {
        padding-left: 0;
    }
}
.score-scale__label {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #004088;
}
@media (max-width: 991.9px) {
    .score-scale__label {
        grid-column: 1/-1;
    }
}
.score-scale__age, .score-scale__level {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    color: rgba(0, 13, 34, 0.5019607843);
}
.score-scale__age {
    text-align: center;
}
.score-scale__row {
    display: grid;
    grid-template-columns: 18.4rem repeat(3, 1fr);
    gap: 4rem;
}
@media (max-width: 1279.9px) {
    .score-scale__row {
        grid-template-columns: 14.6rem repeat(3, 1fr);
        gap: 3.2rem;
    }
}
@media (max-width: 991.9px) {
    .score-scale__row {
        grid-template-columns: 2.4rem repeat(3, 1fr);
        gap: 1.6rem;
    }
    .score-scale__row:first-child::before {
        content: "";
        grid-column: 1;
        grid-row: 2;
    }
}
.score-scale__row:not(:last-child) {
    margin-bottom: 2.4rem;
}
.score-scale__level {
    display: flex;
    align-items: center;
}
@media (max-width: 991.9px) {
    .score-scale__level span {
        display: none;
    }
}
.score-scale__level::before {
    content: "";
    width: 2.4rem;
    height: 1.6rem;
    border-radius: 0.8rem;
    background-color: var(--scale-color, rgba(255, 255, 255, 0));
    margin-right: 1.2rem;
}
@media (max-width: 991.9px) {
    .score-scale__level::before {
        margin-right: 0;
    }
}
.score-scale__value {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.45;
    letter-spacing: -0.01em;
    text-align: center;
}

.score-target {
    padding-top: 2.4rem;
}
@media (max-width: 767.9px) {
    .score-target {
        padding-top: 0;
    }
}
.score-target__inner {
    display: grid;
    grid-template-columns: 1fr 10.8rem 1fr;
    padding: 2rem 4rem;
    border-radius: 2.4rem;
    background-color: #fff;
}
@media (max-width: 1279.9px) {
    .score-target__inner {
        gap: 3.2rem;
        grid-template-columns: 100%;
    }
}
@media (max-width: 767.9px) {
    .score-target__inner {
        padding: 2rem 1.6rem;
        gap: 2.4rem;
    }
}
.score-target__info {
    max-width: 40rem;
}
.constructor .score-target__title {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #004088;
}
@media (max-width: 767.9px) {
    .constructor .score-target__title {
        font-size: 2rem;
        text-align: center;
    }
}
.score-target__values {
    display: flex;
    align-items: center;
    grid-column: span 2;
}
@media (max-width: 1279.9px) {
    .score-target__values {
        grid-column: auto;
        display: grid;
        grid-template-columns: 1fr 12rem 1fr;
    }
}
@media (max-width: 767.9px) {
    .score-target__values {
        grid-template-columns: 100%;
    }
}
.score-target__risk {
    display: grid;
    height: 100%;
    flex-grow: 1;
}
.score-target__risk:first-child {
    grid-template-columns: max-content 1fr;
}
@media (max-width: 1279.9px) {
    .score-target__risk:first-child {
        grid-template-columns: 1fr 9.2rem;
    }
}
@media (max-width: 991.9px) {
    .score-target__risk:first-child {
        grid-template-columns: 1fr 6.2rem;
    }
}
@media (max-width: 767.9px) {
    .score-target__risk:first-child {
        order: 1;
        grid-template-columns: 100%;
    }
}
.score-target__risk:first-child::after {
    content: "";
    height: 0;
    margin: 0 2.4rem;
    border: 1px solid var(--table-color);
    border-radius: 2px;
    align-self: center;
    min-width: 2.4rem;
}
@media (max-width: 991.9px) {
    .score-target__risk:first-child::after {
        margin: 0 1.6rem;
    }
}
@media (max-width: 767.9px) {
    .score-target__risk:first-child::after {
        margin: 1.6rem 0;
        height: 3.2rem;
        min-width: 0;
        width: 0;
        justify-self: center;
        order: -1;
    }
}
.score-target__risk:last-child {
    grid-template-columns: 1fr minmax(70%, max-content);
}
@media (max-width: 1279.9px) {
    .score-target__risk:last-child {
        grid-template-columns: 9.2rem 1fr;
    }
}
@media (max-width: 991.9px) {
    .score-target__risk:last-child {
        grid-template-columns: 3.2rem 1fr;
    }
}
@media (max-width: 767.9px) {
    .score-target__risk:last-child {
        order: -1;
        grid-template-columns: 100%;
    }
}
.score-target__risk:last-child::before {
    content: "";
    height: 0;
    margin: 0 2.4rem;
    min-width: 2.4rem;
    border: 1px solid var(--table-color);
    border-radius: 2px;
    align-self: center;
}
@media (max-width: 991.9px) {
    .score-target__risk:last-child::before {
        margin: 0 1.6rem;
    }
}
@media (max-width: 767.9px) {
    .score-target__risk:last-child::before {
        margin: 1.6rem 0;
        height: 3.2rem;
        min-width: 0;
        width: 0;
        justify-self: center;
        order: 1;
    }
}
.score-target__value {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}
.score-target__level {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--table-color);
    margin: 0 0 2.4rem;
    text-align: center;
}
@media (max-width: 991.9px) {
    .score-target__level {
        font-size: 2rem;
    }
}
@media (max-width: 767.9px) {
    .score-target__level {
        margin-bottom: 1.6rem;
    }
}
.score-target__ldl {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01;
    text-align: center;
}
@media (max-width: 767.9px) {
    .score-target__ldl {
        flex-direction: row;
    }
}
.score-target__ldl-value {
    margin-bottom: 0.2rem;
}
@media (max-width: 767.9px) {
    .score-target__ldl-value {
        margin-bottom: 0;
        margin-right: 1.2rem;
    }
}
.score-target__ldl-unit {
    color: rgba(0, 13, 34, 0.3019607843);
}
.score-target__delta {
    max-width: 11.8rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    text-align: center;
    justify-self: center;
}
@media (max-width: 767.9px) {
    .score-target__delta {
        max-width: 22rem;
    }
}

.constructor .score {
    margin-top: 8rem;
    padding-bottom: 8rem;
    background: linear-gradient(180deg, rgba(47, 98, 181, 0) 0%, rgba(47, 98, 181, 0.05) 15.15%, rgba(47, 98, 181, 0.05) 70.57%);
}
@media (max-width: 767.9px) {
    .constructor .score {
        margin-top: 6.4rem;
        padding-bottom: 6.4rem;
    }
}
.constructor .score .medium {
    --result-color: #00C65D;
    --result-bg: #00C65D1A;
    --scale-color: #23C834;
    --table-color: #1DAD2C;
}
.constructor .score .high {
    --result-color: #FF6A00;
    --result-bg: #FF6A001A;
    --scale-color: #EF933F;
    --table-color: #EF7F1A;
}
.constructor .score .very-high {
    --result-color: #E60004;
    --result-bg: #E600041A;
    --scale-color: #F21F2C;
    --table-color: #E30613;
}
.constructor .score__container {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 138rem;
    padding-left: 6.4rem;
    padding-right: 6.4rem;
    width: 100%;
}
@media (max-width: 1279.9px) {
    .constructor .score__container {
        max-width: 101.8rem;
        padding-left: 3.2rem;
        padding-right: 3.2rem;
    }
}
@media (max-width: 767.9px) {
    .constructor .score__container {
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}
.constructor .score__title {
    font-weight: 700;
    font-size: 3.2rem;
    line-height: 1.2;
    letter-spacing: -0.02em;
    text-align: center;
    color: #004088;
    margin-bottom: 2.4rem;
}
@media (max-width: 767.9px) {
    .constructor .score__title {
        font-size: 2.6rem;
    }
}
.constructor .score__text {
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.45;
    letter-spacing: -0.01em;
    text-align: center;
    color: #004088;
    margin-bottom: 8rem;
    max-width: 113.8rem;
}
@media (max-width: 767.9px) {
    .constructor .score__text {
        font-size: 1.4rem;
        margin-bottom: 3.2rem;
    }
}
.constructor .score__subtitle {
    font-weight: 700;
    font-size: 2.4rem;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: #004088;
    margin-bottom: 4rem;
    text-align: center;
}
@media (max-width: 767.9px) {
    .constructor .score__subtitle {
        font-size: 2.1rem;
        margin-bottom: 2.4rem;
        padding: 0 1.6rem;
    }
}
/* Блоки: modals */
.event-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    background-color: rgba(0, 19, 49, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.event-modal__btn {
    min-width: 290px;
}
@media (max-width: 768px) {
    .event-modal__btn {
        align-self: center;
    }
}
@media (min-width: 1280px) {
    .event-modal {
        align-items: center;
    }
}
.event-modal.modal--active {
    visibility: visible;
    opacity: 1;
    z-index: 500;
}
.event-modal__content {
    background: #FFF;
    padding: 1.2rem 1.2rem 4rem;
    border-radius: 2.4rem 2.4rem 0 0;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
@media (max-width: 1279.9px) {
    .event-modal__content.favorite {
        height: calc(100vh - 45rem);
        height: calc(100dvh - 45rem);
    }
}
@media (max-width: 1279.9px) {
    .event-modal__content {
        height: calc(100vh - 0.8rem);
        height: calc(100dvh - 0.8rem);
    }
}
@media (min-width: 1280px) {
    .event-modal__content {
        max-width: 60.4rem;
        padding: 4rem 10.4rem 4rem 10.4rem;
        border-radius: 3.2rem 0 0 3.2rem;
        height: 100%;
    }
}
@media (min-width: 1280px) {
    .event-modal__content--firstcome {
        max-width: 62.8rem;
        padding: 4rem 9.2rem 4rem 9.1rem;
        border-radius: 3.2rem 0 0 3.2rem;
        height: 100%;
    }
}
.event-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    cursor: pointer;
}
@media (min-width: 1280px) {
    .event-modal__close {
        top: 2.4rem;
        right: 2.4rem;
    }
}
.event-modal__info {
    display: flex;
    flex-direction: column;
    gap: 5.6rem;
    align-items: flex-start;
}
.event-modal__info--firstcome {
    width: inherit;
}
@media (max-width: 1279.9px) {
    .event-modal__info {
        overflow-y: auto;
    }
}
.event-modal__info svg {
    flex-shrink: 0;
}
.event-modal__title {
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 26.25px */
    letter-spacing: -0.021rem;
    margin-bottom: 1.6rem;
}
@media (min-width: 1280px) {
    .event-modal__title {
        font-size: 2.4rem;
        line-height: 125%; /* 30px */
        letter-spacing: -0.024rem;
    }
}
.event-modal__description {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}
.event-modal__bottom {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}
.event-modal__bottom .button {
    font-size: 1.8rem;
    padding: 1.65rem 2.575rem;
}
@media (min-width: 1280px) {
    .event-modal__bottom .button {
        padding: 2.8rem 4.3rem;
    }
}
.event-modal__bottom .button--blue {
    background-color: #033878;
    font-weight: 700;
    color: #FFFFFF;
}
.event-modal__bottom .button--white {
    background-color: rgba(47, 98, 181, 0.0509803922);
    font-weight: 400;
    color: #000D22;
}

.filters-modal {
    z-index: -1;
    opacity: 0;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 0.3s ease-in-out, z-index 0.3s ease-in-out;
    padding: 0.8rem;
    background-color: rgba(0, 19, 49, 0.5);
}
.filters-modal__container {
    position: fixed;
    right: 0;
    top: 0.8rem;
    border-top-left-radius: 2.4rem;
    border-top-right-radius: 2.4rem;
    bottom: 0;
    width: 100%;
    height: calc(100% - 0.8rem);
    height: calc(100dvh - 0.8rem);
    background-color: #FFF;
    z-index: 2;
    transform: translateY(100%);
    transition: transform 0.3s ease;
    display: flex;
    flex-direction: column;
}
.filters-modal__header {
    padding: 1.2rem 1.2rem 1.6rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.filters-modal__title {
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 26.25px */
    letter-spacing: -0.021rem;
}
.filters-modal__content {
    flex: 1;
    padding-right: 1.2rem;
    padding-left: 1.2rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.filters-modal__section {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.filters-modal__section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.filters-modal__section-title {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}
.filters-modal__section-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.8rem;
}
.filters-modal__footer {
    padding: 1.6rem 1.2rem 4rem 1.2rem;
    background-color: #FFF;
    border-top: 0.1rem solid rgba(47, 98, 181, 0.15);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.4rem;
}
.filters-modal__reset {
    background: none;
    border: none;
    color: red;
    cursor: pointer;
}
.filters-modal__apply {
    background-color: #0044cc;
    color: white;
    border: none;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 4px;
}
.filters-modal.modal--active {
    opacity: 1;
    z-index: 400;
}
.filters-modal.modal--active .filters-modal__container {
    transform: translateY(0);
}

.header-modal {
    z-index: 1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #FFF;
    transform: translateX(100%);
    transition: transform 0.3s ease-in-out;
    padding: 0 1.2rem;
}
.header-modal__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem 0.8rem 2rem;
}
.header-modal__wrapper {
    height: calc(100vh - 7.2rem);
    height: calc(100dvh - 7.2rem);
    padding: 0.8rem 0;
    overflow-y: auto;
}
.header-modal__profile {
    padding: 2.4rem;
    background-color: rgba(47, 98, 181, 0.05);
    border-radius: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.header-modal__profile-top {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.header-modal__profile-title {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145%; /* 26.1px */
    letter-spacing: -0.018rem;
}
.header-modal__profile-text {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}
.header-modal__profile-btn {
    font-weight: 700;
}
.header-modal__categories {
    padding: 2.4rem 0;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.header-modal__toggle-icon {
    justify-self: flex-end;
    transition: transform 0.3s ease-in-out;
}
.header-modal__category {
    overflow-x: hidden;
}
.header-modal__category:nth-child(1) .header-submenu__icon:after {
    background: rgba(133, 51, 255, 0.3);
}
.header-modal__category:nth-child(2) .header-submenu__icon:after {
    background: rgba(0, 128, 255, 0.3);
}
.header-modal__category:nth-child(3) .header-submenu__icon:after {
    background: rgba(0, 195, 255, 0.3);
}
.header-modal__category:nth-child(4) .header-submenu__icon:after {
    background: rgba(0, 185, 76, 0.3);
}
.header-modal__category-btn {
    display: grid;
    grid-template-columns: 4.4rem auto 1fr;
    gap: 0.8rem;
    align-items: center;
    width: 100%;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145%; /* 26.1px */
    letter-spacing: -0.018rem;
    cursor: pointer;
}
.header-modal__category-btn.open .header-modal__toggle-icon {
    transform: rotate(180deg);
}
.header-modal__category-icon {
    border-radius: 1.2rem;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.header-modal__category-icon:after {
    content: "";
    position: absolute;
    border-radius: 9.9rem;
    filter: blur(4.7rem);
    width: 9.9rem;
    height: 9.9rem;
    bottom: 1.1rem;
    right: 1.3rem;
    z-index: -1;
}
.header-modal__category-name {
    margin: 0;
    font-size: 1.6rem;
}
.header-modal__category-list {
    display: none;
}
.header-modal__category-list.open {
    display: flex;
    flex-direction: column;
    padding: 1.6rem 0 1.6rem 5.2rem;
    gap: 1.6rem;
}
.header-modal__category-list li {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}
.header-modal__links {
    border-top: 0.13rem solid rgba(47, 98, 181, 0.15);
    border-bottom: 0.13rem solid rgba(47, 98, 181, 0.15);
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    padding: 1.6rem 0;
}
.header-modal__links-link {
    width: 100%;
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    padding: 0.65rem 0;
}
.header-modal__footer {
    padding: 1.6rem 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.header-modal__footer-title {
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}
.header-modal__footer-btns {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    font-weight: 700;
}
.header-modal.modal--active {
    z-index: 400;
    transform: translateX(0);
}

.inlet-modal .inlet-modal__content {
    align-items: center;
}
@media (max-width: 1279.9px) {
    .inlet-modal .inlet-modal__content {
        padding-right: 1.2rem;
    }
}
.inlet-modal__wrap {
    width: 100%;
    max-width: 39.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.inlet-modal__title {
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 26.25px */
    letter-spacing: -0.021rem;
    margin-bottom: 0.8rem;
    text-align: center;
}
@media (min-width: 1280px) {
    .inlet-modal__title {
        font-size: 2.4rem;
        letter-spacing: -0.024rem;
    }
}
.inlet-modal__text {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    margin-bottom: 1.6rem;
    text-align: center;
}
.inlet-modal__tabs {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}
.inlet-modal__tab {
    font-weight: 700;
}
.inlet-modal .input-wrapper {
    margin-top: 5.6rem;
    margin-bottom: 5.6rem;
}
.inlet-modal__input {
    padding: 0.8rem 2.4rem;
    max-width: 29rem;
    text-align: center;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 34.8px */
    letter-spacing: -0.048rem;
    color: #000D22;
}
.inlet-modal__input::placeholder {
    color: rgba(0, 13, 34, 0.5);
}
.inlet-modal__btn {
    width: 29rem;
    margin-bottom: 1.2rem;
}
.inlet-modal__notice {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.14px;
    max-width: 29rem;
    color: rgba(0, 13, 34, 0.5);
}
.inlet-modal__notice a {
    color: #000D22;
}
.inlet-modal .code-wrap {
    margin-top: 5.6rem;
    margin-bottom: 5.6rem;
}
.inlet-modal .code-input {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
}
.inlet-modal .code-input.success {
    color: #00C65D;
}
.inlet-modal .code-input.error {
    color: #E60004;
}
.inlet-modal .code-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    flex-shrink: 0;
    text-align: center;
    font-size: 2.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 34.8px */
    letter-spacing: -0.048rem;
}
.inlet-modal .error-message {
    text-align: center;
    margin-top: 0.8rem;
}

.medication-modal {
    z-index: -1;
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 7.3rem;
    height: calc(100vh - 7.3rem);
    height: calc(100dvh - 7.3rem);
    transition: opacity 0.3s ease-in-out, z-index 0.3s ease-in-out;
    padding: 0.8rem;
    background-color: rgba(0, 19, 49, 0.15);
}
.medication-modal.modal--active {
    opacity: 1;
    z-index: 400;
}
.medication-modal.modal--active .medication-modal__wrapper {
    bottom: 0;
}
.medication-modal__wrapper {
    position: relative;
    bottom: -100%;
    background-color: #FFF;
    height: 100%;
    border-radius: 2.4rem;
    padding: 0 2.4rem 0;
    overflow: hidden;
    transition: bottom 0.3s ease;
}
.medication-modal__drag {
    width: 100%;
    height: 2.4rem;
    position: relative;
}
.medication-modal__drag:after {
    content: "";
    width: 2.4rem;
    height: 0.4rem;
    background-color: rgba(47, 98, 181, 0.15);
    border-radius: 99rem;
    position: absolute;
    top: 0.8rem;
    left: 50%;
    transform: translateX(-50%);
}
.medication-modal__content {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    height: 100%;
}
.medication-modal__categories {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    overflow-y: auto;
    padding-bottom: 2.4rem;
}
.medication-modal__categories-title {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 700;
    line-height: 145%; /* 26.1px */
    letter-spacing: -0.018rem;
    margin-bottom: 0.8rem;
}
.medication-modal__categories-list {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
}
.medication-modal__categories-item {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}

.medication-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    font-weight: 700;
    justify-content: space-around;
    padding: 1.2rem 2.8rem 1.6rem;
    background-color: #FFF;
    border-top: 0.1rem solid rgba(47, 98, 181, 0.15);
    backdrop-filter: blur(0.2rem);
    gap: 0.6rem;
    z-index: 200;
}
@media (min-width: 1280px) {
    .medication-nav {
        display: none;
    }
}
.medication-nav svg {
    transition: all 0.3s ease-in-out;
    flex-shrink: 0;
}
.medication-nav .active svg {
    transform: rotate(180deg);
}
.medication-nav__btn:first-child {
    min-width: 13.4rem;
    padding: 0.8rem 1rem 0.8rem 1.6rem;
}
.medication-nav__btn:not(:last-child) {
    flex: 1;
}

.product-modal__content {
    overflow-y: auto;
    border-radius: 2.4rem 2.4rem 0 0;
    padding: 0 1.2rem 2.4rem;
}
@media (max-width: 1279.9px) {
    .product-modal__content {
        margin-top: 1.6rem;
    }
}
@media (min-width: 1280px) {
    .product-modal__content {
        max-width: 124.6rem;
        border-radius: 3.2rem 0 0 3.2rem;
        padding: 4.2rem 4rem 3.2rem 4rem;
    }
}
@media (min-width: 1920px) {
    .product-modal__content {
        max-width: 157.6rem;
    }
}
.product-modal__wrapper {
    position: relative;
}
@media (min-width: 1280px) {
    .product-modal__wrapper {
        max-width: 114.4rem;
        margin-right: auto;
    }
}
.product-modal-close-btn {
    position: absolute;
    left: 0;
    transform: rotate(180deg);
}
.product-modal__tab-btn {
    font-weight: 700;
}
.product-modal__tab-btn.active {
    background-color: #000D22;
    color: #FFF;
    cursor: auto;
}
@media (hover: hover) {
    .product-modal__tab-btn.active:hover {
        opacity: 1;
    }
}
.product-modal__tab-content {
    display: none;
}
.product-modal__tab-content.active {
    display: flex;
    flex-direction: column;
    gap: 6.4rem;
}
.product-modal__top {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 1.6rem;
    min-height: 3.6rem;
}
@media (min-width: 1280px) {
    .product-modal__top {
        margin-bottom: 2.4rem;
    }
}
.product-modal__header {
    position: sticky;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFF;
}
@media (min-width: 1280px) {
    .product-modal__header {
        display: none;
    }
}
.product-modal__drag {
    width: 100%;
    height: 1.6rem;
    position: relative;
}
.product-modal__drag:after {
    content: "";
    width: 2.4rem;
    height: 0.4rem;
    background-color: rgba(47, 98, 181, 0.15);
    border-radius: 99rem;
    position: absolute;
    top: 0.8rem;
    left: 50%;
    transform: translateX(-50%);
}
.product-modal__top-title {
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    font-size: 2.4rem;
    text-align: center;
    letter-spacing: -0.048rem;
}
@media (max-width: 1279.9px) {
    .product-modal__top-title {
        max-width: 16.1rem;
    }
}
@media (min-width: 1280px) {
    .product-modal__top-title {
        font-size: 3.2rem;
        letter-spacing: -0.064rem;
    }
}
.product-modal__tabs {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    overflow: scroll;
    margin-bottom: 4rem;
    z-index: 1;
    background-color: #FFF;
    overflow-x: auto;
    width: calc(100% + 2.4rem);
    margin-left: -1.2rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    scrollbar-width: none;
    scroll-behavior: smooth;
    scrollbar-color: #FFF #FFF;
}
.product-modal__tabs::-webkit-scrollbar-thumb, .product-modal__tabs::-webkit-scrollbar-thumb {
    background-color: #FFF;
}
@media (min-width: 1280px) {
    .product-modal__tabs {
        margin-bottom: 8rem;
    }
}
.product-modal__close-btn-sticky.button {
    display: none;
}
.product-modal__close-btn-sticky.button svg {
    flex-shrink: 0;
    transform: rotate(180deg);
}
.product-modal__tabs--sticky {
    position: sticky;
    left: 0;
    right: 0;
    top: 1.6rem;
    background-color: #FFF;
    padding: 0 1.2rem 1.6rem;
}
@media (min-width: 1280px) {
    .product-modal__tabs--sticky {
        top: -4.6rem;
        padding: 1.6rem 0;
    }
}
.product-modal__tabs--sticky .product-modal__close-btn-sticky.button {
    display: flex;
    flex-shrink: 0;
    margin-right: 4rem;
}
.product-modal__content-item {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}
@media (min-width: 1280px) {
    .product-modal__content-item {
        align-items: stretch;
        flex-direction: row;
        gap: 3.2rem;
    }
}
@media (min-width: 1280px) {
    .product-modal__content-item:nth-child(even) {
        flex-direction: row-reverse;
    }
}
.product-modal__content picture {
    overflow: hidden;
    border-radius: 3.2rem;
    display: block;
    width: 100%;
    height: 100%;
    flex-shrink: 0;
}
@media (min-width: 1280px) {
    .product-modal__content picture {
        width: 55.6rem;
        height: 55.6rem;
    }
}
.product-modal__content picture img {
    width: 100%;
    height: 100%;
}
.product-modal__content-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media (min-width: 1280px) {
    .product-modal__content-wrap {
        padding: 0 4rem;
    }
}
.product-modal__content-title {
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 30px */
    font-size: 2rem;
    letter-spacing: -0.02rem;
}
@media (min-width: 1280px) {
    .product-modal__content-title {
        font-size: 2.4rem;
        letter-spacing: -0.024rem;
    }
}
.product-modal__content-text {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: -0.036rem;
    margin-top: 2.4rem;
}
@media (min-width: 1280px) {
    .product-modal__content-text {
        font-size: 2.4rem;
        letter-spacing: -0.024rem;
        margin-top: auto;
    }
}
.product-modal__bottom {
    margin-top: 6.4rem;
    padding: 1.6rem;
    border-radius: 2.4rem;
    background-color: rgba(47, 98, 181, 0.05);
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    align-items: flex-start;
}
.product-modal__bottom-wrapper {
    display: flex;
    gap: 1rem;
    align-items: center;
}
.product-modal__bottom-wrapper.sources {
    width: 100%;
    justify-content: space-between;
}
.product-modal__bottom-wrapper .button {
    line-height: 0;
    height: 2.4rem;
    font-size: 1.3rem;
    cursor: pointer;
}
@media (min-width: 1280px) {
    .product-modal__bottom {
        margin-top: 12rem;
        padding: 4rem;
        border-radius: 3.2rem;
    }
}
.product-modal__bottom-title {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: -0.036rem;
}
@media (max-width: 1279.9px) {
    .product-modal__btn {
        width: 100%;
    }
}
.product-modal__list {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.product-modal__list-transcript.hidden {
    display: none;
}
.product-modal__list.active .product-modal__list-item {
    display: flex;
}
.product-modal__list-item {
    align-items: flex-start;
    gap: 0.8rem;
    display: none;
}
.product-modal__list-item:nth-child(-n+5) {
    display: flex;
}
.product-modal__list, .product-modal__list-note {
    color: rgba(0, 19, 49, 0.5);
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.014rem;
}

.registration-modal .registration-modal__content {
    background: #FFF;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}
@media (max-width: 1279.9px) {
    .registration-modal .registration-modal__content {
        padding: 1.2rem 1.2rem 4rem 1.2rem;
        border-radius: 2.4rem 2.4rem 0 0;
        align-items: center;
        height: calc(100vh - 5.6rem);
        height: calc(100dvh - 5.6rem);
        overflow-y: auto;
    }
}
@media (min-width: 1280px) {
    .registration-modal .registration-modal__content {
        max-width: 58rem;
        align-items: flex-start;
        justify-content: center;
        padding: 4rem;
        border-radius: 3.2rem 0 0 3.2rem;
        height: 100%;
    }
}
@media (max-width: 1279.9px) {
    .registration-modal__close {
        margin-left: auto;
        margin-bottom: 1.2rem;
    }
}
@media (min-width: 1280px) {
    .registration-modal__close {
        position: absolute;
        top: 2.4rem;
        right: 2.4rem;
    }
}
.registration-modal__three-svg {
    width: 8rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F5F7FB;
    border-radius: 50%;
    margin-bottom: 2.4rem;
}
.registration-modal__three-svg svg {
    width: 2.4rem;
    height: 2.4rem;
}
.registration-modal .success-animation {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    height: 100%;
    pointer-events: none;
    transition: background 0.3s ease-in-out;
}
.registration-modal form, .registration-modal__steps {
    width: 100%;
    max-width: 29rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
.registration-modal__wrap {
    width: 100%;
    max-width: 39.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.registration-modal__wrap--two .registration-modal__process-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.8rem;
}
.registration-modal__wrap--two .registration-modal__process-item span {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    background-color: #00C65D;
}
.registration-modal__wrap--two .registration-modal__process-item:not(:last-child) span:after {
    position: absolute;
    content: "";
    width: 5.5rem;
    height: 0.4rem;
    background: #00C65D;
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    z-index: 0;
}
.registration-modal__wrap--two .registration-modal__process-item:last-child span {
    background-color: #00C65D;
}
.registration-modal__wrap--three button {
    width: 100%;
    max-width: 29rem;
    margin-top: 5.6rem;
}
.registration-modal__title {
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 26.25px */
    letter-spacing: -0.021rem;
    margin-bottom: 0.8rem;
    text-align: center;
}
@media (min-width: 1280px) {
    .registration-modal__title {
        font-size: 2.4rem;
        letter-spacing: -0.024rem;
    }
}
.registration-modal__text {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
    margin-bottom: 1.6rem;
    text-align: center;
}
.registration-modal__process {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.014rem;
    gap: 1.6rem;
}
.registration-modal__process-item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 0.8rem;
}
.registration-modal__process-item span {
    display: block;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.registration-modal__process-item:not(:last-child) span {
    background-color: #00C65D;
}
.registration-modal__process-item:not(:last-child) span:after {
    position: absolute;
    content: "";
    width: 5.5rem;
    height: 0.4rem;
    background: linear-gradient(90deg, #00C65D 20.79%, #F5F7FB 79.47%);
    top: 50%;
    left: 50%;
    transform: translate(0%, -50%);
    z-index: 0;
}
.registration-modal__process-item:last-child span {
    background-color: #F5F7FB;
}
.registration-modal__form {
    margin-top: 4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}
@media (min-width: 1280px) {
    .registration-modal__form {
        margin-top: 5.6rem;
        max-width: 29rem;
    }
}
.registration-modal .input-wrapper {
    width: 100%;
    position: relative;
    border: 1.3px solid rgba(47, 98, 181, 0.15);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}
.registration-modal .input-wrapper:not(:last-child) {
    margin-bottom: 1.6rem;
    border-radius: 100rem;
    height: 5.6rem;
    padding: 0.8rem 2.4rem;
    width: 100%;
    max-width: 29rem;
}
.registration-modal .input-wrapper.active .done {
    display: block;
}
.registration-modal .input-wrapper .done {
    display: none;
}
.registration-modal__input {
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: -0.036rem;
    color: #000D22;
    background-color: #FFF;
    flex-grow: 1;
}
.registration-modal__input::placeholder {
    color: rgba(0, 13, 34, 0.5);
}
.registration-modal__btn {
    margin-top: 4rem;
    width: 100%;
    max-width: 29rem;
    margin-bottom: 1.2rem;
}
@media (min-width: 1280px) {
    .registration-modal__btn {
        margin-top: 5.6rem;
    }
}
.registration-modal__btn-prev {
    transform: rotate(180deg);
}
.registration-modal__btn-small {
    margin: 0;
    flex-shrink: 1;
}
.registration-modal__btns {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    margin-top: 4rem;
    width: 100%;
    max-width: 29rem;
}
@media (min-width: 1280px) {
    .registration-modal__btns {
        margin-top: 5.6rem;
    }
}
.registration-modal__notices {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin-top: 1.6rem;
}
.registration-modal__notice {
    max-width: 29rem;
    color: rgba(0, 13, 34, 0.5);
    height: 100%;
    align-items: flex-start;
}
.registration-modal__notice .checkbox-input::before {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-size: cover;
    margin-right: 0.6rem;
    position: absolute;
    top: 3px;
    transform: translateY(0);
}
.registration-modal__notice .checkbox-span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 20.3px */
    letter-spacing: -0.14px;
}
.registration-modal__notice a {
    color: #1E3C71;
}

.city-select-modal {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 1;
}
@media (max-width: 1279.9px) {
    .city-select-modal {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        justify-content: flex-end;
    }
}
@media (min-width: 1280px) {
    .city-select-modal {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        background-color: #FFF;
    }
}
.city-select-modal__top {
    margin-bottom: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.city-select-modal__top h4 {
    font-size: 2.1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 26.25px */
    letter-spacing: -0.021rem;
}
@media (min-width: 1280px) {
    .city-select-modal__top {
        display: none;
    }
}
@media (max-width: 1279.9px) {
    .city-select-modal__header {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        height: 4.4rem;
        background-color: rgba(47, 98, 181, 0.05);
        border-radius: 100rem;
        padding: 0.8rem 0.8rem 0.8rem 1.6rem;
        margin-bottom: 1.2rem;
    }
    .city-select-modal__header input {
        width: 100%;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
        letter-spacing: -0.036rem;
    }
    .city-select-modal__header input::placeholder {
        color: rgba(0, 13, 34, 0.5);
    }
}
@media (min-width: 1280px) {
    .city-select-modal__header {
        width: 100%;
        position: relative;
        border: 1.3px solid rgba(47, 98, 181, 0.15);
        border-radius: 100rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.8rem;
        height: 5.6rem;
        padding: 0.8rem 2.4rem;
        font-size: 1.8rem;
        font-style: normal;
        font-weight: 400;
        line-height: 150%; /* 27px */
        letter-spacing: -0.036rem;
    }
}
.city-select-modal__content {
    width: 100%;
}
@media (max-width: 1279.9px) {
    .city-select-modal__content {
        background-color: #FFF;
        display: flex;
        flex-direction: column;
        width: 100%;
        min-height: 53rem;
        padding: 1.2rem 1.2rem 4rem 1.2rem;
        border-radius: 2.4rem 2.4rem 0 0;
    }
}
@media (min-width: 1280px) {
    .city-select-modal .city-select-search-btn {
        display: none;
    }
}
.city-select-modal .city-select-search-input {
    width: 100%;
}
.city-select-modal .city-select-list {
    max-height: 32rem;
    overflow-y: auto;
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
@media (min-width: 1280px) {
    .city-select-modal .city-select-list {
        width: 100%;
        margin-top: 0.8rem;
        padding: 2.4rem;
        border-radius: 2.4rem;
        border: 1.3px solid rgba(47, 98, 181, 0.15);
        background: #FFF;
        box-shadow: 8px 12px 30px 0 rgba(0, 21, 54, 0.07);
    }
}
@media (min-width: 1280px) {
    .city-select-modal .close-button {
        display: none;
    }
}
.city-select-modal .city-select-item {
    background-color: #FFF;
    cursor: pointer;
    font-size: 1.8rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 27px */
    letter-spacing: -0.036rem;
}
.city-select-modal .city-select-item:hover {
    color: #1E3C71;
}
.city-select-modal .city-select-item.active {
    color: #1E3C71;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
}
.city-select-modal .city-select-item.active:after {
    width: 2.4rem;
    height: 2.4rem;
    position: relative;
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20 6L9 17L4 12" stroke="%231E3C71" stroke-width="1.8" stroke-linecap="square" stroke-linejoin="round"/></svg>');
}

.rutube-embed-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    display: flex;
    justify-content: center;
    background-color: rgba(0, 19, 49, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    align-items: center;
}
.rutube-embed-modal.modal--active {
    visibility: visible;
    opacity: 1;
    z-index: 500;
}
.rutube-embed-modal__content {
    padding: 4rem 1rem;
    border-radius: 2.4rem;
    width: 825px;
    height: 510px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
@media (min-width: 1280px) {
    .rutube-embed-modal__content {
        padding: 4rem 6rem;
        border-radius: 2.4rem;
    }
}
.rutube-embed-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    background-color: white;
    cursor: pointer;
}
@media (min-width: 1280px) {
    .rutube-embed-modal__close {
        top: 1.4rem;
        right: 1.4rem;
    }
}
.rutube-embed-modal__image {
    margin-bottom: 1.6rem;
}
.rutube-embed-modal__img {
    border-radius: 50%;
    width: 16.8rem;
    height: 16.8rem;
}
@media (min-width: 1280px) {
    .rutube-embed-modal__img {
        width: 25.6rem;
        height: 25.6rem;
    }
}
.rutube-embed-modal__title {
    font-size: 1.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 23.75px */
    letter-spacing: -0.019rem;
    margin-bottom: 0.8rem;
}
@media (min-width: 1280px) {
    .rutube-embed-modal__title {
        font-size: 2rem;
        line-height: 145%; /* 29px */
        letter-spacing: -0.02px;
    }
}
.rutube-embed-modal__description {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}

.search-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    justify-content: center;
    align-items: flex-start;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 400;
}
.search-modal.modal--active {
    display: flex;
}
.search-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 13, 34, 0.5);
}
.search-modal__content {
    position: relative;
    width: 100%;
    background-color: #FFF;
    padding: 1.6rem 1.2rem;
    display: flex;
    align-items: center;
}
@media (min-width: 1280px) {
    .search-modal__content {
        padding: 2.4rem 2.4rem 4rem 2.4rem;
    }
}
.search-modal__container {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}
@media (max-width: 1279.9px) {
    .search-modal__container {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin: 0;
    }
}
.search-modal__input {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.search-modal__close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
}
.search-modal__close-icon {
    fill: #333;
}

.speaker-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    background-color: rgba(0, 19, 49, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 1280px) {
    .speaker-modal {
        align-items: center;
    }
}
.speaker-modal.modal--active {
    visibility: visible;
    opacity: 1;
    z-index: 500;
}
.speaker-modal__content {
    background: #FFF;
    padding: 6rem 4.9rem 4rem 1.2rem;
    border-radius: 2.4rem 2.4rem 0 0;
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
@media (min-width: 1280px) {
    .speaker-modal__content {
        max-width: 58rem;
        padding: 4rem 8rem;
        border-radius: 3.2rem 0 0 3.2rem;
        height: 100%;
    }
}
.speaker-modal__close {
    position: absolute;
    top: 1.2rem;
    right: 1.2rem;
    cursor: pointer;
}
@media (min-width: 1280px) {
    .speaker-modal__close {
        top: 2.4rem;
        right: 2.4rem;
    }
}
.speaker-modal__image {
    margin-bottom: 1.6rem;
}
.speaker-modal__img {
    border-radius: 50%;
    width: 16.8rem;
    height: 16.8rem;
}
@media (min-width: 1280px) {
    .speaker-modal__img {
        width: 25.6rem;
        height: 25.6rem;
    }
}
.speaker-modal__title {
    font-size: 1.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 125%; /* 23.75px */
    letter-spacing: -0.019rem;
    margin-bottom: 0.8rem;
}
@media (min-width: 1280px) {
    .speaker-modal__title {
        font-size: 2rem;
        line-height: 145%; /* 29px */
        letter-spacing: -0.02px;
    }
}
.speaker-modal__description {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%; /* 23.2px */
    letter-spacing: -0.016rem;
}

.desk {
    display: none;
}
@media (min-width: 1280px) {
    .desk {
        display: flex;
    }
}
@media (min-width: 1280px) {
    .desk--flex {
        display: flex;
    }
}
@media (min-width: 1280px) {
    .desk--grid {
        display: grid;
    }
}

.mobile {
    display: inline-block;
}
@media (min-width: 1280px) {
    .mobile {
        display: none;
    }
}
@media (max-width: 1279.9px) {
    .mobile--flex {
        display: flex;
    }
}
@media (max-width: 1279.9px) {
    .mobile--grid {
        display: grid;
    }
}

.title {
    font-size: 2.6rem;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.052rem;
}
@media (min-width: 1280px) {
    .title {
        font-size: 3.2rem;
        letter-spacing: -0.064rem;
    }
}

.desc {
    font-size: 1.6rem;
    font-style: normal;
    font-weight: 400;
    line-height: 145%;
    letter-spacing: -0.016rem;
}
@media (min-width: 1280px) {
    .desc {
        font-size: 1.8rem;
        line-height: 150%;
        letter-spacing: -0.036rem;
    }
}

/*# sourceMappingURL=constructor.css.map */

.constructor-item--free .text-color-light-blue {
    color: #004990;
}

.constructor-item--free .container-base {
    width: 100%;
    max-width: 112rem;
    padding: 5rem;
    margin: 0 auto;
}

.constructor-item--free .list-style-default li {
    position: relative;
}

.constructor-item--free .list-style-default li:not(:last-child) {
    margin-bottom: 0.5rem;
}

.constructor-item--free .list-style-default li::before {
    position: absolute;
    top: 0.44em;
    left: -1rem;
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: #ef7d00;
    border-radius: 100%;
    content: '';
}

@media (max-width: 768px) {
    .constructor-item--free .container-base {
        padding: 3.75rem 2.5rem;
    }
}

@media (max-width: 575px) {
    .constructor-item--free .container-base {
        padding: 2.5rem 0.9375rem;
    }
}

.constructor-item--free .statin_txt {
    font-size: 1.75rem;
}

@media (max-width: 768px) {
    .constructor-item--free .statin_txt {
        font-size: 1rem;
    }
}

@media (max-width: 525px) {
    .constructor-item--free .statin_txt {
        font-size: 1rem;
    }
}

.constructor-item--free .iconTxt__wrapper .icon {
    width: 3.75rem;
    height: 3.75rem;
}

.constructor-item--free .iconTxt__wrapper span.color {
    color: #ef7d00;
}

@media (max-width: 575px) {
    .constructor-item--free .iconTxt__wrapper .icon {
        width: 3.125rem;
        height: 3.125rem;
    }
}

.constructor-item--free sup {
    font-size: 50%;
}

.constructor-item--free .btn-link {
    display: flex;
    width: fit-content;
    max-height: 3.75rem;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem;
    border: 1px solid #ff8439;
    border-radius: 3.5rem;
    color: #183389;
    cursor: pointer;
    gap: 0.875rem;
}

.constructor-item--free .btn-link_orange {
    max-height: 3.75rem;
    padding: 3rem 3rem 3rem 2.875rem;
    background: #ff8439;
    color: #ffffff;
    gap: 2.5rem;
}

@media (max-width: 480px) {
    .constructor-item--free .btn-link {
        width: 100%;
        gap: 2rem;
    }
}

.constructor-item--free .picture-img {
    width: 100%;
    height: auto;
    font-style: italic;
}

.constructor-item--free .pack-block {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr repeat(3, 0.5fr);
    justify-items: center;
}

.constructor-item--free .pack-block__img-wrapper {
    position: relative;
    z-index: 2;
    grid-column: 1;
    grid-row: 1/3;
}

.constructor-item--free .pack-block__text-wrapper {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3.75rem 1rem;
    grid-column: 1;
    grid-row: 2/6;
    text-align: center;
    text-decoration: none;
}

.constructor-item--free .pack-block__text-wrapper::before,
.constructor-item--free .pack-block__text-wrapper::after {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/local/templates/egispro2024/include/constructor_free/lipids-rosulip-plus-statin/block_pack_line.svg') no-repeat 0 0 / contain;
    content: '';
    pointer-events: none;
}

.constructor-item--free .pack-block__text-wrapper::before {
    left: 0;
}

.constructor-item--free .pack-block__text-wrapper::after {
    right: 0;
    transform: scale(-1, 1);
}

.constructor-item--free .pack-block__button {
    z-index: 2;
    grid-column: 1;
    grid-row: 5/7;
}

@media (max-width: 1199px) {
    .constructor-item--free .pack-block__img-wrapper {
        top: 10%;
    }

    .constructor-item--free .pack-block__text-wrapper {
        padding: 4.25rem 0.6rem 2.75rem 0.6rem;
    }

    .constructor-item--free .pack-block__text-wrapper::before,
    .constructor-item--free .pack-block__text-wrapper::after {
        background-image: url('/local/templates/egispro2024/include/constructor_free/lipids-rosulip-plus-statin/block_pack_line_tablet.svg');
    }

    .constructor-item--free .pack-block__button .btn-link__txt {
        font-size: 0.875rem;
        line-height: 1.3rem;
    }
}

@media (max-width: 625px) {
    .constructor-item--free .pack-block__img-wrapper {
        top: 5%;
    }

    .constructor-item--free .pack-block__text-wrapper {
        justify-content: center;
    }

    .constructor-item--free .pack-block {
        max-width: 400px;
    }
}

@media (max-width: 480px) {
    .constructor-item--free .pack-block__text-wrapper::before {
        display: none;
    }

    .constructor-item--free .pack-block__text-wrapper::after {
        background-image: url('/local/templates/egispro2024/include/constructor_free/lipids-rosulip-plus-statin/block_pack_line_mobile.svg');
        background-position-x: center;
        background-size: 100% 100%;
    }

    .constructor-item--free .pack-block__text-wrapper {
        padding: 3.75rem 0.5rem 2.5rem 0.5rem;
    }
}

.constructor-item--free .select_show .select__toggle::after {
    transform: rotate(180deg);
}

.constructor-item--free .select_show .select__dropdown {
    display: block;
}

.constructor-item--free .select_show .select__backdrop {
    display: block;
}

.constructor-item--free .block-statin {
    background: linear-gradient(180deg, #edf8ff, hsla(0, 0%, 93%, 0) 57%);
}

.constructor-item--free .block-statin .container-base {
    padding-top: 0.5rem;
}

.constructor-item--free .block-statin__wrapper {
    display: flex;
    width: 100%;
    flex-direction: column;
}

.constructor-item--free .block-statin__blocks-wrapper {
    display: grid;
    width: 100%;
    margin-top: -20%;
    gap: 2.5rem;
    grid-template-columns: repeat(3, 1fr);
}

.constructor-item--free .block-statin__block {
    width: 100%;
}

.constructor-item--free .block-statin__block_1 .pack-block {
    position: relative;
    left: -33%;
    width: 126%;
    max-width: 422px;
}

.constructor-item--free .block-statin__block_2 .pack-block {
    max-width: 290px;
}

.constructor-item--free .block-statin__block_3 .pack-block {
    position: relative;
    left: 4%;
    width: 126%;
    max-width: 432px;
}

.constructor-item--free .test_padding_1 .pack-block__text-wrapper {
    padding-bottom: 40px;
}

.constructor-item--free .test_padding_3 .pack-block__text-wrapper {
    padding-bottom: 50px;
}

.constructor-item--free .test_padding_2 .pack-block__text-wrapper {
    padding-bottom: 40px;
}

@media (max-width: 1199px) {
    .constructor-item--free .block-statin__blocks-wrapper {
        gap: 1.25rem;
    }

    .constructor-item--free .pack-block__text-wrapper {
        padding: 3.25rem 0.9rem 0 0.9rem;
        font-size: 1rem !important;
    }
}

@media (max-width: 768px) {
    .constructor-item--free .block-statin__block_1 .pack-block {
        left: -5%;
        width: 100%;
    }

    .constructor-item--free .block-statin__block_3 .pack-block {
        left: 8%;
        width: 100%;
    }
}

@media (max-width: 625px) {
    .constructor-item--free .block-statin__blocks-wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: -30%;
        gap: 0;
    }

    .constructor-item--free .block-statin__block {
        width: 100%;
    }

    .constructor-item--free .block-statin {
        background: linear-gradient(180deg, #edf8ff, hsla(0, 0%, 93%, 0) 31%);
    }
}

@media (max-width: 480px) {
    .constructor-item--free .block-statin__blocks-wrapper {
        margin-top: -10%;
    }

    .constructor-item--free .block-statin__block_1 .pack-block {
        left: -10%;
        padding-bottom: 0 !important;
    }

    .constructor-item--free .test_padding_1 .pack-block__text-wrapper {
        padding-bottom: 30px;
    }

    .constructor-item--free .test_padding_2 .pack-block__text-wrapper {
        padding-bottom: 30px;
    }

    .constructor-item--free .test_padding_3 .pack-block__text-wrapper {
        padding-bottom: 40px;
    }
}

.constructor-item--free .footer a,
.constructor-item--free .footer :link {
    color: #ffffff;
}

.constructor-item--free .footer address {
    font-style: normal;
}

.constructor-item--free .source .container-base {
    padding: 4rem 4rem 3rem 4rem;
}

.constructor-item--free .source .sup_r {
    top: 0;
    font-size: 120%;
}

.constructor-item--free .source a {
    color: #ffffff;
}

.constructor-item--free .source .source__list {
    width: fit-content;
    width: fit-content;
    padding: 0;
    margin-top: 1rem;
    margin-left: 1.6rem;
    list-style: decimal;
}

.constructor-item--free .source .source__list li {
    margin-bottom: 0.18rem;
}

.constructor-item--free .source .source__txt {
    margin-bottom: 1.1rem;
}

.constructor-item--free .source .source__list_1 {
    padding: 0;
    list-style: none;
}

@media (max-width: 768px) {
    .constructor-item--free .source .container-base {
        padding: 3.75rem 2.5rem;
    }

    .constructor-item--free .source .source__list {
        margin-top: 1.5rem;
    }

    .constructor-item--free .source .source__list :nth-child(10) {
        word-wrap: break-word;
    }

    .constructor-item--free .source .source__txt {
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .constructor-item--free .source .container-base {
        padding: 2.5rem 0.9375rem;
    }

    .constructor-item--free .source .source__list {
        margin-top: 1rem;
    }
}

.constructor-item--free section {

    sup {
        top: -1.6em;
        display: unset;
        font-size: 30%;
        transform: none;
        vertical-align: unset;
    }

}

.constructor-item--free .block-1__wrapper .btn-popup {
    grid-column: 1/3;
    grid-row: 3;
}

@media (max-width: 575px) {
    .constructor-item--free .font-size-80 sup {
        top: -1em;
        font-size: 15px;
    }
}

.constructor-item--free .block-2 .container-base {
    padding-bottom: 4.5rem;
}

.constructor-item--free .block-2__icon-txt .icon {
    width: 7.375rem;
    height: 7.375rem;
}

.constructor-item--free .block-2__wrapper-1-icon .icon {
    width: 6.25rem;
    height: 6.25rem;
}

.constructor-item--free .block-2__icon .txt {
    text-align: center;
}

.constructor-item--free .block-2__icon .icon {
    width: 6.5625rem;
    height: 6.6981rem;
}

@media (max-width: 991px) {
    .constructor-item--free .block-2__icon-txt .icon {
        width: 5.5rem;
        height: 5.5rem;
    }

    .constructor-item--free .block-2__icon .txt {
        font-size: 0.875rem;
        line-height: 1.1375rem;
    }

    .constructor-item--free .block-2__icon .icon {
        width: 4.3219rem;
        height: 4.4112rem;
    }
}

@media (max-width: 575px) {
    .constructor-item--free .block-2__icon-txt .icon {
        width: 3.25rem;
        height: 3.25rem;
    }

    .constructor-item--free .block-2__wrapper-1-icon .icon {
        width: 3.45rem;
        height: 3.275rem;
    }

    .constructor-item--free .block-2__icon .txt {
        font-size: 0.75rem;
        line-height: 0.975rem;
    }

    .constructor-item--free .block-2__icon .icon {
        width: 4.3125rem;
        height: 4.4375rem;
    }
}

@media (max-width: 350px) {
    .constructor-item--free .block-2 .container-base {
        padding: 2.5rem 0.9375rem;
    }
}

.constructor-item--free .block-3 .container-base {
    display: block;
}

.constructor-item--free .block-3__wrapper p {
    grid-row: 1;
}

.constructor-item--free .block-3__wrapper picture {
    grid-row: 2;
}

.constructor-item--free .block-3__icon-txt .icon {
    width: 7.375rem;
    height: 7.375rem;
}

.constructor-item--free .block-3__icon .txt {
    margin-left: 5%;
}

.constructor-item--free .block-3__icon .txt_2 {
    position: relative;
    left: 5px;
}

.constructor-item--free .block-3__icon .icon {
    width: 6.5625rem;
    height: 6.6981rem;
}

@media (max-width: 991px) {
    .constructor-item--free picture.block-3__img-wrapper-3 {
        grid-column: 1;
        grid-row: 4;
    }

    .constructor-item--free p.block-3__wrapper-text {
        grid-column: 1/3;
        grid-row: 3;
    }

    .constructor-item--free p.block-3__wrapper-text br {
        display: none;
    }

    .constructor-item--free .block-3__icon-txt .icon {
        width: 5.5rem;
        height: 5.5rem;
    }

    .constructor-item--free .block-3__icon_right .txt span {
        font-size: 2.5rem;
    }

    .constructor-item--free .block-3__icon .txt {
        width: 90%;
    }
}

@media (max-width: 745px) {
    .constructor-item--free .block-3__wrapper-icons .block-3__icon_1 {
        grid-column: 1;
        grid-row: 1;
    }

    .constructor-item--free .block-3__wrapper-icons .block-3__icon_2 {
        grid-column: 2;
        grid-row: 1;
    }

    .constructor-item--free .block-3__wrapper-icons .block-3__icon_3 {
        grid-column: 1/3;
        grid-row: 2;
    }

    .constructor-item--free .block-3__wrapper-icons .block-3__icon_4 {
        grid-column: 1/3;
        grid-row: 3;
    }
}

.constructor-item--free .torvazin-block-4__block-img p {
    grid-row: 1;
}

.constructor-item--free .torvazin-block-4__block-img picture {
    grid-row: 2;
}

.constructor-item--free .torvazin-block-4__icon .txt {
    margin-left: 5%;
}

.constructor-item--free .torvazin-block-4__icon .icon {
    width: 6.5625rem;
    height: 6.6981rem;
}

@media (max-width: 1096px) {
    .constructor-item--free .torvazin-block-4__icon .txt {
        margin-left: 0;
    }
}

.constructor-item--free .font-w-bold {
    font-weight: 700;
}

@media (max-width: 525px) {
    .constructor-item--free .statin_txt {
        font-size: 1.6rem;
    }
}

@media (max-width: 1199px) {
    .constructor-item--free .pack-block__button .btn-link__txt {
        font-size: 1.4rem;
        line-height: 1.8rem;
    }
}

.product-modal__list.js-sources-list li span::before {
    content: none !important;
}