*
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

button
{
    font: inherit;

    cursor: pointer;
    text-decoration: none;

    color: inherit;
    border: none;
    background: transparent;
}

a
{
    cursor: pointer;
    text-decoration: none;

    color: inherit;
}

html
{
    -webkit-tap-highlight-color: transparent;
}

html
{
    line-height: 1.15;

    -webkit-text-size-adjust: 100%;
}

body
{
    margin: 0;
}

main
{
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: 1em;
    font-weight: 300;
}

hr
{
    overflow: visible;

    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

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

a
{
    background-color: transparent;
}

abbr[title]
{
    text-decoration: underline;
    text-decoration: underline dotted;

    border-bottom: none;

    -webkit-text-decoration: underline dotted;
}

b,
strong
{
    font-weight: bolder;
}

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

small
{
    font-size: 80%;
}

sub,
sup
{
    font-size: 75%;
    line-height: 0;

    position: relative;

    vertical-align: baseline;
}

sub
{
    bottom: -.25em;
}

sup
{
    top: -.5em;
}

img
{
    border-style: none;
}

button,
input,
optgroup,
select,
textarea
{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
}

button,
input
{
    overflow: visible;
}

button,
select
{
    text-transform: none;
}

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

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

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

fieldset
{
    padding: .35em .75em .625em;
}

legend
{
    display: table;

    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;

    white-space: normal;

    color: inherit;
}

progress
{
    vertical-align: baseline;
}

textarea
{
    overflow: auto;
}

[type=checkbox],
[type=radio]
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

[type=search]
{
    outline-offset: -2px;

    -webkit-appearance: textfield;
}

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

::-webkit-file-upload-button
{
    font: inherit;

    -webkit-appearance: button;
}

details
{
    display: block;
}

summary
{
    display: list-item;
}

template
{
    display: none;
}

[hidden],
.hidden
{
    display: none;
}

html
{
    --container-padding: clamp(16px, calc(16px + (84 - 16) * ((100vw - 320px) / (1368 - 320))), 84px);
    --c-text-default: #2a2621;
    --c-text-white: #fff;
    --c-green: #a1c839;
    --c-blue: #0196db;
    --c-blue-1: #052d6f;
    --transition: .18s ease-in-out;
}
@media (min-width: 1368px)
{
    html
    {
        --container-padding: calc((100vw - 1200px) / 2);
    }
}

@font-face
{
    font-family: 'Circe';
    font-weight: normal;
    font-style: normal;

    src: url("/fonts/Circe/Circe-Regular.woff") format('woff');
}
@font-face
{
    font-family: 'Russo One';
    font-weight: normal;
    font-style: normal;

    src: url("/fonts/Russo_One/RussoOne-Regular.ttf") format('truetype');
}
html
{
    font-family: 'Circe', sans-serif;
    font-size: clamp(16px, 16px + 6 * (100vw - 320px) / 880, 22px);
    line-height: 1.2;

    color: #2a2621;

    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
}

.f-h1
{
    font-size: clamp(40px, 40px + 20 * (100vw - 1024px) / 896, 40px);
}

.f-h2
{
    font-size: clamp(32px, 32px + 8 * (100vw - 1024px) / 896, 40px);
}

@font-face
{
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;

    src: url('/fonts/icomoon/fonts/icomoon.eot');
    src: url('/fonts/icomoon/fonts/icomoon.eot') format('embedded-opentype'), url('/fonts/icomoon/fonts/icomoon.ttf') format('truetype'), url('/fonts/icomoon/fonts/icomoon.woff') format('woff'), url('/fonts/icomoon/fonts/icomoon.svg') format('svg');
    font-display: block;
}
[class^=icon-],
[class*=' icon-']
{
    font-family: 'icomoon' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;

    text-transform: none;

    speak: never;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-next:before
{
    content: '\e900';
}

.icon-arrow-prev:before
{
    content: '\e901';
}

.icon-check:before
{
    content: '\e902';
}

img
{
    width: 100%;
    height: 100%;

    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

a[href],
.button
{
    cursor: pointer;
    -webkit-transition: .18s ease-out;
    -o-transition: .18s ease-out;
    transition: .18s ease-out;

    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
}

.disabled
{
    cursor: default;
    pointer-events: none;

    opacity: .3;
}

.hidden
{
    display: none;
}

.wrapper
{
    padding: 0 var(--container-padding);
}

*::-moz-selection
{
    background: transparent;
}

*::selection
{
    background: transparent;
}

/* Common styles for button */
.button
{
    font-family: 'Russo One';
    font-size: clamp(16px, 16px + 4 * (100vw - 320px) / 880, 20px);

    position: relative;
    z-index: 1;

    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
    padding: 0;

    cursor: pointer;
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    text-transform: uppercase;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: .4em;
}
.button[disabled]
{
    pointer-events: none;

    opacity: .2;
}
.button span
{
    font-weight: 400;
    line-height: 24px;

    position: relative;
    z-index: 2;

    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    text-align: start;

    color: inherit;
}
.button span[class^=icon-],
.button span[class*=' icon-'],
.button svg[class^=icon]
{
    line-height: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;

    width: 1.5em;
    height: 1em;

    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);

    color: inherit;

    aspect-ratio: 23/16;
}
@media (min-width: 1024px)
{
    .button span[class^=icon-],
    .button span[class*=' icon-'],
    .button svg[class^=icon]
    {
        scale: 0;
    }
    .button span[class^=icon-]:first-child + span,
    .button span[class*=' icon-']:first-child + span,
    .button svg[class^=icon]:first-child + span
    {
        -webkit-transform: translateX(-1.5em);
        -ms-transform: translateX(-1.5em);
        transform: translateX(-1.5em);
    }
}
@media (min-width: 1024px)
{
    .button:hover span[class^=icon-],
    .button:hover span[class*=' icon-'],
    .button:hover svg[class^=icon],
    .button:active span[class^=icon-],
    .button:active span[class*=' icon-'],
    .button:active svg[class^=icon],
    .button:focus span[class^=icon-],
    .button:focus span[class*=' icon-'],
    .button:focus svg[class^=icon]
    {
        scale: 1;
    }
    .button:hover span[class^=icon-]:first-child + span,
    .button:hover span[class*=' icon-']:first-child + span,
    .button:hover svg[class^=icon]:first-child + span,
    .button:active span[class^=icon-]:first-child + span,
    .button:active span[class*=' icon-']:first-child + span,
    .button:active svg[class^=icon]:first-child + span,
    .button:focus span[class^=icon-]:first-child + span,
    .button:focus span[class*=' icon-']:first-child + span,
    .button:focus svg[class^=icon]:first-child + span
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.button--green
{
    padding: 20px;

    color: #2a2621;
    border-radius: 10px;
    background-color: #a1c839;
}

.swiper-slide,
.card,
.gallery--item,
.block_banner-group .banner
{
    -webkit-transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;
}

.swiper-wrapper
{
    -webkit-transform-style: preserve-3d;
}

.hero
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100vh;
    padding: 12px var(--container-padding);

    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: cover;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 16px;
}
@media (min-width: 360px)
{
    .hero
    {
        padding: 12px var(--container-padding) 24px;

        gap: 24px;
    }
}
@media (min-width: 992px)
{
    .hero
    {
        padding: 12px var(--container-padding) 32px;

        gap: 32px;
    }
}
.hero--bg
{
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.hero--bg img
{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media (max-width: 971px)
{
    .hero--bg .-desktop
    {
        display: none;
    }
}
@media (min-width: 970px)
{
    .hero--bg .-mobile
    {
        display: none;
    }
}
.hero--logo
{
    position: relative;
    z-index: 2;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px;
}
.hero--logo svg
{
    max-width: 76px;
    height: 62px;
}
@media (min-width: 640px)
{
    .hero--logo svg
    {
        max-width: 96px;
        height: 72px;
    }
}
@media (min-width: 970px)
{
    .hero--logo svg
    {
        max-width: 120px;
        height: 96px;
    }
}
.hero--title
{
    position: relative;
    z-index: 2;

    text-align: center;
}
.hero--title_subtitle
{
    font-weight: 700;
    line-height: 1.2;

    margin-bottom: 12px;
}
.hero--title_title
{
    font-family: 'Russo One';
    font-size: clamp(40px, 40px + 20 * (100vw - 320px) / 1048, 60px);

    text-transform: uppercase;

    color: #052d6f;
}
.hero--panel
{
    position: relative;
    z-index: 2;

    margin-top: auto;
    padding: clamp(16px, 16px + 26 * (100vw - 320px) / 1048, 42px);

    color: #fff;
    border-radius: 10px;
    background-color: #0196db;
}
@media (min-width: 640px)
{
    .hero--panel
    {
        margin-left: 45%;
    }
}
@media (min-width: 970px)
{
    .hero--panel
    {
        margin-top: 84px;
        margin-left: 55%;
    }
}
.hero--panel_decor
{
    position: absolute;
    top: 0;
    right: 0;

    height: 50%;

    -webkit-transform: translate(28%, -28%);
    -ms-transform: translate(28%, -28%);
    transform: translate(28%, -28%);

    aspect-ratio: 1/1;
}
.hero--panel_content
{
    font-weight: 700;

    margin-bottom: 28px;
}
.hero--image
{
    position: absolute;
    bottom: 10vh;
    left: 0;

    width: 80%;
    height: 50vh;
}
@media (min-width: 641px)
{
    .hero--image
    {
        bottom: 0;
        left: var(--container-padding);

        width: 45%;
    }
}
@media (min-width: 970px)
{
    .hero--image
    {
        left: 84px;
    }
}
.hero--image img
{
    width: 100%;
    height: 100%;

    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom right;
    object-position: bottom right;
}

.quiz
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    flex-direction: column;

    width: 100%;
    height: 100vh;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.quiz--pagination
{
    position: absolute;
    z-index: 5;
    top: 10vh;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    height: 42px;
    margin: 0 auto;
    padding: 0 20px;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 640px)
{
    .quiz--pagination
    {
        width: 570px;
        height: 62px;
    }
}
.quiz--pagination-step
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 24px;
    height: 24px;

    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);

    border: 1px solid #2a2621;
    border-radius: 50%;
    background-color: transparent;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media (min-width: 640px)
{
    .quiz--pagination-step
    {
        width: 32px;
        height: 32px;
    }
}
.quiz--pagination-step:nth-child(even)
{
    margin-top: auto;
}
.quiz--pagination-step span
{
    font-weight: 700;
    line-height: 1;

    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    text-align: center;

    opacity: 0;
}
@media (min-width: 640px)
{
    .quiz--pagination-step span
    {
        font-size: 16px;
    }
}
.quiz--pagination-step.is_active span
{
    opacity: 1;
}
.quiz--pagination-step.is_active[data-step='1'],
.quiz--pagination-step[data-filled][data-step='1']
{
    color: #fff;
    border-color: #575757;
    background-color: #575757;
}
.quiz--pagination-step.is_active[data-step='2'],
.quiz--pagination-step[data-filled][data-step='2']
{
    color: #575757;
    border-color: #af9584;
    background-color: #af9584;
}
.quiz--pagination-step.is_active[data-step='3'],
.quiz--pagination-step[data-filled][data-step='3']
{
    color: #575757;
    border-color: #a1c839;
    background-color: #a1c839;
}
.quiz--pagination-step.is_active[data-step='4'],
.quiz--pagination-step[data-filled][data-step='4']
{
    color: #fff;
    border-color: #575757;
    background-color: #575757;
}
.quiz--pagination-step.is_active[data-step='5'],
.quiz--pagination-step[data-filled][data-step='5']
{
    color: #575757;
    border-color: #af9584;
    background-color: #af9584;
}
.quiz--slide
{
    z-index: 1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 100%;
    height: 100%;
    padding-top: calc(10vh + 62px + 3vh);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
@media (min-width: 768px)
{
    .quiz--slide
    {
        padding-top: 30vh;
    }
}
.quiz--slide_bg
{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}
.quiz--slide_bg img
{
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
@media (max-width: 960px)
{
    .quiz--slide_bg .-desktop
    {
        display: none;
    }
}
@media (min-width: 961px)
{
    .quiz--slide_bg .-mobile
    {
        display: none;
    }
}
.quiz--slide_decor
{
    position: static;
    z-index: 4;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    pointer-events: none;
}
@media (min-width: 640px)
{
    .quiz--slide_decor
    {
        position: absolute;
        z-index: 4;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        pointer-events: none;
    }
}
@media (min-width: 961px)
{
    .quiz--slide_decor
    {
        z-index: 2;
    }
}
.quiz--slide_decor img
{
    position: absolute;

    height: auto;
    max-height: 400px;

    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 640px)
{
    .quiz--slide_decor img
    {
        max-height: 25vh;
    }
}
.quiz--slide:not(.swiper-slide-active)
{
    pointer-events: none;

    opacity: 0;
}
.quiz--slide_form
{
    position: relative;
    z-index: 3;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    margin: 0 auto;
    padding: 24px 20px;

    border: 3px solid var(--border-color);
    border-radius: 10px;
    background-color: #fff;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 20px;
}
@media (min-width: 640px)
{
    .quiz--slide_form
    {
        width: 570px;
        padding: 32px 36px;
    }
}
.quiz--slide_form_title
{
    font-weight: 700;

    padding: 6px 12px;

    text-align: center;

    color: #fff;
    background-color: var(--title-color);

    -ms-flex-item-align: center;
    align-self: center;
}

.quiz--slide_form_inputs
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 16px;
}
.quiz--slide_form_inputs label
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    cursor: pointer;

    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 17px;
}
.quiz--slide_form_inputs label span
{
    font-size: 16px;

    color: #2a2621;
}
.quiz--slide_form_inputs label input[type=radio]
{
    position: absolute;
    top: 0;
    left: 0;

    width: 0;
    height: 0;

    opacity: 0;
}
.quiz--slide_form_inputs label input[type=radio]:checked ~ .radio:after
{
    opacity: 1;
}
.quiz--slide_form_inputs label .radio
{
    position: relative;

    width: 16px;
    height: 16px;

    border: 1px solid #2a2621;
    border-radius: 50%;

    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.quiz--slide_form_inputs label .radio:after
{
    font-family: 'icomoon' !important;
    font-size: 18px;

    position: absolute;
    top: 5px;
    left: 50%;

    content: '\e902';
    -webkit-transition: var(--transition);
    -o-transition: var(--transition);
    transition: var(--transition);
    -webkit-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);

    opacity: 0;
}

.quiz--slide_form_navigation
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-top: 12px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media (min-width: 1024px)
{
    .quiz--slide_form_navigation .button:has(.icon-arrow-next) span
    {
        -webkit-transform: translateX(1.5em);
        -ms-transform: translateX(1.5em);
        transform: translateX(1.5em);
    }
    .quiz--slide_form_navigation .button:has(.icon-arrow-next):hover span,
    .quiz--slide_form_navigation .button:has(.icon-arrow-next):active span,
    .quiz--slide_form_navigation .button:has(.icon-arrow-next):focus span
    {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.quiz--slide-1
{
    --border-color: #625d9c;
    --title-color: #f63;
}
.quiz--slide-1 .quiz--slide_decor img:first-child
{
    z-index: 2;
    bottom: 0;
    left: 42%;

    height: 200px;

    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media (min-width: 960px)
{
    .quiz--slide-1 .quiz--slide_decor img:first-child
    {
        z-index: 5;
        top: 50%;
        left: 0;

        width: calc((100% - 570px) / 2);

        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);

        -o-object-position: center right;
        object-position: center right;
    }
}
.quiz--slide-1 .quiz--slide_decor img:last-child
{
    z-index: 1;
    right: 42%;
    bottom: 0;

    height: 260px;
}
@media (max-width: 959px)
{
    .quiz--slide-1 .quiz--slide_decor img:last-child
    {
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}
@media (min-width: 960px)
{
    .quiz--slide-1 .quiz--slide_decor img:last-child
    {
        right: 0;

        width: calc((100% - 570px) / 2);
        height: 80%;
    }
}
@media (min-width: 1024px)
{
    .quiz--slide-1 .quiz--slide_decor img:last-child
    {
        width: calc((100% - 570px) / 2 + 72px);
    }
}

.quiz--slide-2
{
    --border-color: #00a4b4;
    --title-color: #a1c839;
}
.quiz--slide-2 .quiz--slide_decor img:first-child
{
    bottom: 0;
    left: 0;

    width: 200px;
    height: 200px;
}
@media (min-width: 960px)
{
    .quiz--slide-2 .quiz--slide_decor img:first-child
    {
        width: calc((100% - 570px) / 2);
        height: 50%;
    }
}
.quiz--slide-2 .quiz--slide_decor img:last-child
{
    right: 0;
    bottom: 0;

    width: 200px;
    height: 150px;
}
@media (min-width: 960px)
{
    .quiz--slide-2 .quiz--slide_decor img:last-child
    {
        top: 20%;
        right: 0;

        width: calc((100% - 570px) / 2);
        height: 40%;
    }
}

.quiz--slide-3
{
    --border-color: #f63;
    --title-color: #af9584;
}
.quiz--slide-3 .quiz--slide_decor img:first-child
{
    bottom: 0;
    left: 5%;

    width: 50%;
    height: 200px;
}
@media (min-width: 960px)
{
    .quiz--slide-3 .quiz--slide_decor img:first-child
    {
        top: 20%;
        left: 0;

        width: calc((100% - 570px) / 2);
    }
}
.quiz--slide-3 .quiz--slide_decor img:last-child
{
    right: 5%;
    bottom: 0;

    width: 40%;
    height: 200px;
}
@media (min-width: 960px)
{
    .quiz--slide-3 .quiz--slide_decor img:last-child
    {
        right: 0;

        width: calc((100% - 570px) / 2);
        height: 40%;
    }
}

.quiz--slide-4
{
    --border-color: #625d9c;
    --title-color: #00a4b4;
}
.quiz--slide-4 .quiz--slide_decor img:first-child
{
    bottom: 0;
    left: 35%;

    width: 200px;
    height: 240px;
}
@media (max-width: 959px)
{
    .quiz--slide-4 .quiz--slide_decor img:first-child
    {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media (min-width: 960px)
{
    .quiz--slide-4 .quiz--slide_decor img:first-child
    {
        top: 50%;
        left: 0;

        width: calc((100% - 570px) / 2);
        height: 80%;

        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.quiz--slide-4 .quiz--slide_decor img:last-child
{
    right: 15%;
    bottom: 5%;

    width: 140px;
    height: 140px;
}
@media (min-width: 960px)
{
    .quiz--slide-4 .quiz--slide_decor img:last-child
    {
        right: 0;
        bottom: 20%;

        width: calc((100% - 570px) / 2);
    }
}

.quiz--slide-5
{
    --border-color: #a1c839;
    --title-color: #625d9c;
}
.quiz--slide-5 .quiz--slide_decor img:first-child
{
    bottom: 0;
    left: 40%;

    width: 45%;
}
@media (max-width: 959px)
{
    .quiz--slide-5 .quiz--slide_decor img:first-child
    {
        z-index: 2;

        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media (min-width: 960px)
{
    .quiz--slide-5 .quiz--slide_decor img:first-child
    {
        bottom: 32px;
        left: 0;

        width: calc((100% - 570px) / 2);
    }
}
.quiz--slide-5 .quiz--slide_decor img:last-child
{
    width: 35%;
}
@media (max-width: 959px)
{
    .quiz--slide-5 .quiz--slide_decor img:last-child
    {
        z-index: 1;
        right: 40%;
        bottom: 10%;

        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
}
@media (min-width: 960px)
{
    .quiz--slide-5 .quiz--slide_decor img:last-child
    {
        top: 20%;
        right: 0;

        width: calc((100% - 570px) / 2);
    }
}

.results
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: hidden;
    flex-direction: column;

    max-width: 100vw;
    min-height: 100vh;
    padding: 40px 16px;

    color: #fff;
    background-color: #052d6f;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 541px)
{
    .results
    {
        padding: 60px 32px;
    }
}
@media (min-width: 961px)
{
    .results
    {
        padding: 120px 40px;
    }
}
@media (min-width: 1440px)
{
    .results
    {
        padding: 120px calc((100vw - 1440px) / 2);
    }
}
.results--image .results--image_image
{
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
}

.results--top
{
    position: relative;

    display: grid;

    padding-bottom: 140px;
}
@media (max-width: 640px)
{
    .results--top
    {
        grid-template-columns: 1fr;
    }
    .results--top .results--title
    {
        grid-row: 1;
    }
}
@media (min-width: 768px)
{
    .results--top
    {
        grid-template-rows: auto 1fr;
        grid-template-columns: 54% 46%;
    }
}
@media (min-width: 961px)
{
    .results--top
    {
        padding-bottom: 160px;
    }
}
.results--top .results--image
{
    width: 100%;

    aspect-ratio: 529/406;
    grid-row: span 2;
}
@media (max-width: 640px)
{
    .results--top .results--image
    {
        margin-bottom: 20px;
    }
}

.results--content
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 80px;
}
@media (min-width: 640px)
{
    .results--content
    {
        padding: 0 0 0 20px;
    }
}
@media (min-width: 960px)
{
    .results--content
    {
        max-width: 90%;

        gap: 30px;
    }
}

.results--title
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    height: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
@media (min-width: 640px)
{
    .results--title
    {
        padding: 28px 0 0 20px;
    }
}
@media (min-width: 960px)
{
    .results--title
    {
        max-width: 90%;
    }
}
@media (min-width: 1440px)
{
    .results--title
    {
        padding-top: 62px;
    }
}
.results--title_subtitle
{
    font-size: 16px;

    margin-bottom: 4px;
}
.results--title_title
{
    font-family: 'Russo One';
    line-height: 1.1;

    margin-bottom: 26px;

    text-transform: uppercase;
}
.results--title_text
{
    font-size: 16px;

    position: relative;
}
.results--title_text_bottom
{
    position: relative;

    width: -webkit-fit-content;
    width:    -moz-fit-content;
    width:         fit-content;
}
.results--title_text_bottom p
{
    font-family: 'Russo One';
    font-size: 20px;
}
.results--title_text_bottom_decor-1
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 157px;
    height: 108px;

    -webkit-transform: translateX(27%);
    -ms-transform: translateX(27%);
    transform: translateX(27%);

    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top right;
    object-position: top right;
}
.results--title_text_bottom_decor
{
    position: absolute;
    right: 0;
    bottom: 32px;

    height: 80px;

    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center right;
    object-position: center right;
}
@media (min-width: 641px)
{
    .results--title_text_bottom_decor
    {
        right: -12px;
        bottom: 24px;

        width: 100px;
        height: 100px;
    }
}
@media (min-width: 961px)
{
    .results--title_text_bottom_decor
    {
        right: 0;
        bottom: 0;

        width: 164px;
        height: 180px;
    }
}

.results--main_panel
{
    font-size: 16px;

    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    padding: 27px 30px;

    border: 3px solid #fff;
    border-radius: 12px;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 36px;
}
.results--main .results--image
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    width: 100%;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.results--main .results--image .results--image_image
{
    height: auto;
}
.results--main .results--image h2
{
    font-weight: 700;

    margin-bottom: 24px;
}

.results--main
{
    position: relative;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (max-width: 959px)
{
    .results--main
    {
        gap: 120px;
    }
}
@media (min-width: 960px)
{
    .results--main
    {
        display: grid;

        place-items: start;
        grid-template-columns: 46% 54%;
    }
}

.results--image_decor-1
{
    position: absolute;
    top: 100%;
    left: 20%;

    height: 120px;
}
@media (min-width: 960px)
{
    .results--image_decor-1
    {
        top: 80%;
        left: 100%;

        width: 30%;
    }
}
.results--image_decor-1 img
{
    -o-object-fit: contain;
    object-fit: contain;
}

.results--image_decor-2
{
    position: absolute;
    top: 90%;
    left: 0;
}
.results--image_decor-2 img
{
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 959px)
{
    .results--image_decor-2
    {
        top: 100%;
        left: 20%;

        width: 40%;
        height: 120px;
    }
}

.results--image_decor-3
{
    position: absolute;
    top: 100%;
    right: 12px;

    width: 47px;
    height: 47px;
}
.results--image_decor-3 img
{
    width: 100%;
    height: 100%;

    -o-object-fit: contain;
    object-fit: contain;
}

.results--image_decor-4
{
    position: absolute;
    top: 40%;
    left: 100%;

    width: 253px;
}
.results--image_decor-4 img
{
    -o-object-fit: contain;
    object-fit: contain;
}

.results--image_decor-5
{
    position: absolute;
    bottom: -32px;
    left: 10%;
}
.results--image_decor-5 img
{
    -o-object-fit: contain;
    object-fit: contain;
}

.results--footer_panel
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    padding: 30px;

    border-radius: 10px;
    background-color: #fff;

    gap: 32px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
}
@media (min-width: 541px)
{
    .results--footer_panel
    {
        flex-direction: row;

        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
    }
}
.results--footer_panel p
{
    font-size: 16px;
    font-weight: 700;

    color: #2a2621;
}

.results--footer
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;

    margin: 86px auto 0;

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    gap: 30px;
}
@media (min-width: 1024px)
{
    .results--footer
    {
        width: 800px;
    }
}
.results--footer .button
{
    width: 100%;
    margin-left: auto;
}
@media (min-width: 541px)
{
    .results--footer .button
    {
        width: 428px;
    }
}

@media (max-width: 541px)
{
    .results--logo
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.results--main_col-right .results--image
{
    padding-left: 62px;
}

@media (min-width: 960px)
{
    .results-1 .results--main
    {
        grid-template-rows: repeat(5, 1fr);
    }
    .results-1 .results--main .results--main_panel
    {
        grid-row: span 2;
    }
    .results-1 .results--main .results--image-1
    {
        padding-left: 62px;

        grid-row: span 3;
        grid-column: 2;
    }
    .results-1 .results--main .results--image-2
    {
        grid-row: span 3;
        grid-column: 1;
    }
}
.results-1 .results--main .results--image-2
{
    max-width: 80%;
}

@media (min-width: 960px)
{
    .results-2 .results--main
    {
        grid-template-rows: repeat(6, 1fr);
    }
    .results-2 .results--main .results--main_panel
    {
        grid-row: span 2;
    }
    .results-2 .results--main .results--image-1
    {
        width: 90%;
        margin-left: auto;
        padding-left: 62px;

        grid-row: span 3;
        grid-column: 2;
    }
    .results-2 .results--main .results--image-2
    {
        padding-top: 42px;

        grid-row: span 3;
        grid-column: 1;
    }
    .results-2 .results--main .results--image-3
    {
        width: 80%;
        margin-left: auto;
        padding-top: 62px;
        padding-left: 62px;

        grid-row: span 3;
        grid-column: 2;
    }
}
@media (max-width: 959px)
{
    .results-2 .results--main .results--image-2
    {
        max-width: 80%;
    }
    .results-2 .results--main .results--image_decor-4
    {
        top: 100%;
        left: 20%;

        height: 120px;
    }
}
@media (min-width: 960px)
{
    .results-2 .results--image_decor-1
    {
        top: 80%;

        width: 20%;
    }
    .results-2 .results--image_decor-2
    {
        top: 90%;
        right: 90%;
        left: unset;

        width: 35%;
    }
    .results-2 .results--image_decor-4
    {
        width: 35%;
    }
}

@media (min-width: 960px)
{
    .results-3 .results--main
    {
        grid-template-rows: repeat(6, 1fr);
    }
    .results-3 .results--main .results--main_panel
    {
        grid-row: span 2;
    }
    .results-3 .results--main .results--image-1
    {
        padding-left: 62px;

        grid-row: span 3;
        grid-column: 2;
    }
    .results-3 .results--main .results--image-1 .results--image_image
    {
        width: 80%;
        margin-left: auto;
    }
    .results-3 .results--main .results--image-2
    {
        width: 80%;

        grid-row: span 3;
        grid-column: 1;
    }
    .results-3 .results--main .results--image-3
    {
        padding-top: 62px;
        padding-left: 62px;

        grid-row: span 3;
        grid-column: 2;
    }
    .results-3 .results--main .results--image-3 .results--image_image
    {
        width: 80%;
        margin-left: auto;
    }
    .results-3 .results--main .results--image_decor-2
    {
        top: 80%;
        left: -15%;
    }
    .results-3 .results--main .results--image_decor-4
    {
        top: 70%;
        left: 100%;

        width: 150px;
    }
}
.results-3 .results--image-panel
{
    font-size: 16px;

    width: 270px;
    padding: 9px 18px;

    text-align: center;

    border: 3px dashed #fff;
    border-radius: 10px;
    background-color: #00a4b4;
}
@media (max-width: 959px)
{
    .results-3 .results--image-panel
    {
        margin-top: 62px;
    }
}
@media (min-width: 960px)
{
    .results-3 .results--image-panel
    {
        position: absolute;
        right: 120%;
        bottom: 0;
    }
}
.results-3 .results--image_image
{
    position: relative;
    z-index: 2;
}
@media (max-width: 959px)
{
    .results-3 .results--image_decor-4
    {
        top: 100%;
        left: 20%;

        width: 35%;
    }
    .results-3 .results--image_decor-5
    {
        bottom: 100px;
        left: 80%;
    }
}
@media (min-width: 960px)
{
    .results-3 .results--image_decor-1
    {
        top: 60%;

        width: 25%;
    }
}
.results-3 .results--image_decor-6
{
    position: absolute;
    z-index: 1;

    width: 25%;
}
@media (max-width: 959px)
{
    .results-3 .results--image_decor-6
    {
        bottom: 100px;
        left: 25%;

        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}
@media (min-width: 960px)
{
    .results-3 .results--image_decor-6
    {
        right: 80%;
        bottom: -32px;

        width: 30%;
    }
}

@media (min-width: 960px)
{
    .results-4 .results--main
    {
        grid-template-rows: repeat(6, 1fr);
    }
    .results-4 .results--main .results--main_panel
    {
        grid-row: span 2;
    }
    .results-4 .results--main .results--image-1
    {
        padding-left: 62px;

        grid-row: span 3;
        grid-column: 2;
    }
    .results-4 .results--main .results--image-1 .results--image_image
    {
        width: 80%;
        margin-left: auto;
    }
    .results-4 .results--main .results--image-2
    {
        width: 80%;

        grid-row: span 3;
        grid-column: 1;
    }
    .results-4 .results--main .results--image-3
    {
        padding-left: 62px;

        grid-row: span 3;
        grid-column: 2;
    }
    .results-4 .results--main .results--image-3 .results--image_image
    {
        width: 80%;
        margin-left: auto;
    }
    .results-4 .results--main .results--image_decor-2
    {
        top: 80%;
        left: -15%;
    }
    .results-4 .results--main .results--image_decor-4
    {
        top: 40%;
        left: 100%;

        width: 45%;
    }
}
@media (max-width: 959px) and (min-width: 640px)
{
    .results-4 .results--image-1 .results--image_image
    {
        width: 70%;
        margin: 0 auto;
    }
    .results-4 .results--image-2 .results--image_image
    {
        width: 70%;
        margin-right: auto;
    }
}
@media (max-width: 640px)
{
    .results-4 .results--image_decor-2
    {
        top: 100%;
        left: 25%;

        width: 45%;
    }
}
.results-4 .results--image_decor-4
{
    top: 100%;
    left: 20%;

    width: 35%;
}

@media (min-width: 960px)
{
    .results-5 .results--main
    {
        grid-template-rows: repeat(5, 1fr);
    }
    .results-5 .results--main .results--main_panel
    {
        grid-row: span 2;
    }
    .results-5 .results--main .results--image-1
    {
        padding-left: 62px;

        grid-row: span 3;
        grid-column: 2;
    }
    .results-5 .results--main .results--image-1 .results--image_image
    {
        width: 80%;
        margin-left: auto;
    }
    .results-5 .results--main .results--image-2
    {
        grid-row: span 3;
        grid-column: 1;
    }
    .results-5 .results--main .results--image-2 .results--image_image
    {
        -webkit-transform: translateX(62px);
        -ms-transform: translateX(62px);
        transform: translateX(62px);
    }
    .results-5 .results--main .results--image_decor-2
    {
        top: 120%;
        left: 15%;

        width: 45%;

        -webkit-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
    .results-5 .results--main .results--image_decor-4
    {
        top: 40%;
        left: 100%;

        width: 45%;
    }
}
@media (max-width: 959px) and (min-width: 640px)
{
    .results-5 .results--main .results--image-1 .results--image_image
    {
        width: 80%;
        margin: 0 auto;
    }
    .results-5 .results--main .results--image-2 .results--image_image
    {
        width: 80%;
        margin: 0 auto;
    }
}

.header
{
    position: sticky;
    z-index: 50;
    top: 0;
    left: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    width: 100%;
    max-width: 100vw;

    border-bottom: 1px solid #edeeef;
    background-color: #6d7175;
}
@media (max-width: 992px)
{
    .header
    {
        -webkit-transition: var(--transition);
        -o-transition: var(--transition);
        transition: var(--transition);
    }
}
@media (max-width: 992px)
{
    .header.is_scrolled
    {
        -webkit-transform: translateY(-150%);
        -ms-transform: translateY(-150%);
        transform: translateY(-150%);
    }
}
.header.header-transparent
{
    position: fixed;
}
.header.header-transparent:not(.is_scrolled)
{
    border-color: transparent;
    background: #6d7175;
}

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

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

.header--button_tooltip
{
    position: relative;

    border: transparent;
}
@media (min-width: 992px)
{
    .header--button_tooltip
    {
        display: none;
    }
}

.header--button_tooltip svg path
{
    fill: currentColor;
}

.header--tooltip
{
    position: absolute;
    top: 100%;
    left: 50%;

    display: none;

    width: 168px;

    -webkit-transform: translate(-50%, 8px);
    -ms-transform: translate(-50%, 8px);
    transform: translate(-50%, 8px);

    background-color: #fff;
}
.header--tooltip:before
{
    position: absolute;
    bottom: 100%;
    left: 50%;

    display: block;

    width: 0;
    height: 0;

    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);

    border: 8px solid transparent;
    border-bottom-color: #fff;
}
.header--tooltip.is_visible
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header--tooltip_wrapper
{
    overflow: hidden;

    width: 100%;
}
.header--tooltip_item
{
    font-size: 12px;
    line-height: 18px;

    width: 100%;
    padding: 8px;

    text-align: left;

    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.header--tooltip_item a[href]
{
    position: relative;
}
.header--tooltip_item a[href]:after
{
    display: inline-block;

    width: 12px;
    height: 12px;
    margin: 0 4px;

    content: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' width=\'12\' height=\'12\' viewBox=\'0 0 12 12\' fill=\'none\'%3E%3Cpath fill-rule=\'evenodd\' clip-rule=\'evenodd\' d=\'M5.35359 2.64648L8.35359 5.64648C8.54885 5.84175 8.54885 6.15833 8.35359 6.35359L5.35359 9.35359L4.64648 8.64648L6.79297 6.5H2V5.5H6.79289L4.64648 3.35359L5.35359 2.64648Z\' fill=\'%23152C3A\'/%3E%3C/svg%3E');
    vertical-align: middle;
}
.header--tooltip:has(.swiper-pagination-bullets)
{
    padding-bottom: 16px;
}
.header--tooltip:has(.swiper-pagination-bullets.swiper-pagination-lock)
{
    padding-bottom: 0;
}
.header--tooltip .swiper-pagination-bullets
{
    position: absolute;
    bottom: 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    padding: 0 8px 8px;

    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);

    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 3px;
}
.header--tooltip .swiper-pagination-bullets.swiper-pagination-lock
{
    display: none;
}
.header--tooltip .swiper-pagination-bullets .swiper-pagination-bullet
{
    width: 4px;
    height: 4px;
    margin: 0;
}
.header--tooltip .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active
{
    background-color: #152c3a;
}