/*! tailwindcss v4.1.7 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,:before,:after,::backdrop {
            --tw-rotate-x:initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-blur: initial;
            --tw-brightness: initial;
            --tw-contrast: initial;
            --tw-grayscale: initial;
            --tw-hue-rotate: initial;
            --tw-invert: initial;
            --tw-opacity: initial;
            --tw-saturate: initial;
            --tw-sepia: initial;
            --tw-drop-shadow: initial;
            --tw-drop-shadow-color: initial;
            --tw-drop-shadow-alpha: 100%;
            --tw-drop-shadow-size: initial;
            --tw-backdrop-blur: initial;
            --tw-backdrop-brightness: initial;
            --tw-backdrop-contrast: initial;
            --tw-backdrop-grayscale: initial;
            --tw-backdrop-hue-rotate: initial;
            --tw-backdrop-invert: initial;
            --tw-backdrop-opacity: initial;
            --tw-backdrop-saturate: initial;
            --tw-backdrop-sepia: initial
        }
    }
}

@layer theme {
    :root,:host {
        --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-600: oklch(57.7% .245 27.325);
        --spacing: .25rem;
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --wrapper-max: 1280px;
        --page-gap: 26px;
        --anim-dur: .4s;
        --vh: 1vh;
        --header-gap: 4px;
        --header-nav-gap: 4px;
        --speaker-pic-w: 195px;
        --list-speakers-h: 32px;
        --location-h: 30vh;
        --contacts-h: 40vh;
        --footer-h: 10px;
        --font-primary: Geologica,Arial,Helvetica,sans-serif;
        --font-secondary: Unbounded,Arial,Helvetica,sans-serif;
        --fw-light: 300;
        --fw-medium: 500;
        --fw-semi-bold: 600;
        --fw-bold: 700;
        --btn-h: 50px;
        --btn-rounded-h: 30px;
        --input-height-m: 40px;
        --input-height-l: 56px;
        --z-index-header: 10;
        --z-index-scrolltop: 12;
        --z-index-banner: 11;
        --z-index-popup: 12;
        --z-index-form: 13;
        --black: #2a4056;
        --blackier: #1c2937;
        --blackist: #121920;
        --grey: #e4edf6;
        --grey-200: #c6d9ec;
        --grey-500: #8fa6bc;
        --grey-700: #5c738a;
        --primary-blue: #00bfff;
        --secondary-blue: #00c7c7;
        --primary-green: #0fa;
        --secondary-green: #00d68f;
        --tertiary: #00d6d6;
        --nepal: #8fa5bc;
        --bali-hai: #8599ad;
        --aqua: #00f7ff;
        --turquoise-blue: #53efc8;
        --rhino: #24394d;
        --spring-green: #17ff9c;
        --spring-green-2: #07ffa0;
        --cyan: #40fff3;
        --malibu: #60deff;
        --blue-bayoux: #546a80;
        --onahau: #c4fffc;
        --black-squeeze: #f1f6fa;
        --shadow-focus: 0px 0px 0px 4px #00c7c766
    }

    @supports (color: color-mix(in lab,red,red)) {
        :root,:host {
            --shadow-focus:0px 0px 0px 4px color-mix(in srgb,var(--secondary-blue)40%,transparent 60%)
        }
    }

    :root,:host {
        --shadow-slider-btn: 0px 10px 20px 0px #12334414;
        --shadow-slider-location-btn: 0px 10px 20px 0px #12334414
    }
}

@layer base {
    *,:after,:before,::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }

    html,: host {
        -webkit-text-size-adjust:100%;
        -moz-tab-size: 4;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings,normal);
        font-variation-settings: var(--default-font-variation-settings,normal);
        -webkit-tap-highlight-color: transparent
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr: where([title]) {
        -webkit-text-decoration:underline dotted;
        text-decoration: underline dotted
    }

    h1,h2,h3,h4,h5,h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }

    b,strong {
        font-weight: bolder
    }

    code,kbd,samp,pre {
        font-family: var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);
        font-feature-settings: var(--default-mono-font-feature-settings,normal);
        font-variation-settings: var(--default-mono-font-variation-settings,normal);
        font-size: 1em
    }

    small {
        font-size: 80%
    }

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

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    :-moz-focusring {
        outline: auto
    }

    progress {
        vertical-align: baseline
    }

    summary {
        display: list-item
    }

    ol,ul,menu {
        list-style: none
    }

    img,svg,video,canvas,audio,iframe,embed,object {
        vertical-align: middle;
        display: block
    }

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

    button,input,select,optgroup,textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }

    :where(select: is([multiple],[size])) optgroup {
        font-weight:bolder
    }

    :where(select: is([multiple],[size])) optgroup option {
        padding-inline-start:20px
    }

    ::file-selector-button {
        margin-inline-end:4px}

    ::placeholder {
        opacity: 1
    }

    @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size:1px) {
        ::placeholder {
            color:currentColor
        }

        @supports (color: color-mix(in lab,red,red)) {
            ::placeholder {
                color:color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }

    textarea {
        resize: vertical
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }

    ::-webkit-datetime-edit {
        display: inline-flex
    }

    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }

    ::-webkit-datetime-edit {
        padding-block:0}

    ::-webkit-datetime-edit-year-field {
        padding-block:0}

    ::-webkit-datetime-edit-month-field {
        padding-block:0}

    ::-webkit-datetime-edit-day-field {
        padding-block:0}

    ::-webkit-datetime-edit-hour-field {
        padding-block:0}

    ::-webkit-datetime-edit-minute-field {
        padding-block:0}

    ::-webkit-datetime-edit-second-field {
        padding-block:0}

    ::-webkit-datetime-edit-millisecond-field {
        padding-block:0}

    ::-webkit-datetime-edit-meridiem-field {
        padding-block:0}

    :-moz-ui-invalid {
        box-shadow: none
    }

    button,input: where([type=button],[type=reset],[type=submit]) {
        -webkit-appearance:button;
        -moz-appearance: button;
        appearance: button
    }

    ::file-selector-button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button
    }

    ::-webkit-inner-spin-button {
        height: auto
    }

    ::-webkit-outer-spin-button {
        height: auto
    }

    [hidden]: where(:not([hidden=until-found])) {
        display:none!important
    }

    html,body {
        width: 100%;
        min-height: 100%;
        color: var(--blackier);
        font-family: var(--font-primary);
        font-weight: var(--fw-light);
        scroll-snap-type: y proximity;
        scroll-behavior: smooth;
        margin: 0;
        padding: 0;
        font-size: 16px;
        line-height: 1.33
    }

    * {
        max-width: 100%
    }

    :focus-visible {
        outline: none;
        box-shadow: 0 0 0 3px #00c7c766
    }

    @supports (color: color-mix(in lab,red,red)) {
        :focus-visible {
            box-shadow:0 0 0 3px color-mix(in srgb,var(--secondary-blue)40%,transparent 60%)
        }
    }

    :focus-visible {
        border-radius: 4px
    }

    a {
        color: var(--secondary-blue);
        transition: color calc(var(--anim-dur)/2);
        text-underline-position: under;
        -webkit-text-decoration-skip-ink: none;
        text-decoration-skip-ink: none;
        text-underline-offset: .1em;
        text-decoration: none;
        text-decoration-thickness: .05em
    }

    a: hover,a:active {
        color:var(--primary-blue)
    }

    @supports (object-fit: contain) {
        img {
            object-fit:contain
        }
    }

    .scroll__measure {
        width: 100px;
        height: 100px;
        position: absolute;
        top: -9999px;
        overflow: scroll
    }

    .i18n--loading,.i18n--loading * {
        color: #0000!important
    }

    .supports--backdrop-filter .wrapper--price {
        -webkit-backdrop-filter: blur(15px);
        backdrop-filter: blur(15px)
    }

    .supports--backdrop-filter .wrapper--location {
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px)
    }

    .supports--backdrop-filter .article--review,.supports--backdrop-filter .article--media {
        -webkit-backdrop-filter: blur(60px);
        backdrop-filter: blur(60px)
    }

    .supports--backdrop-filter .list--tags .list__item {
        -webkit-backdrop-filter: blur(25px);
        backdrop-filter: blur(25px)
    }

    .supports--backdrop-filter .nav--header {
        -webkit-backdrop-filter: blur(60px);
        backdrop-filter: blur(60px)
    }

    .supports--backdrop-filter .slider--location .slider__btn {
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px)
    }

    .supports--backdrop-filter .slider--location .slider__pagination {
        -webkit-backdrop-filter: blur(40px);
        backdrop-filter: blur(40px)
    }

    @font-face {
        font-family: Geologica;
        src: url(/assets/GeologicaSubset-BWubpGT7.ttf)format("truetype-variations"),url(/assets/GeologicaSubset-BWubpGT7.ttf)format("truetype"),url(/assets/GeologicaSemiBold-BQPVFVAM.woff2)format("woff2"),url(/assets/GeologicaSemiBold-C08EVmwk.woff)format("woff");
        font-style: normal;
        font-weight: 600;
        font-display: block
    }

    @font-face {
        font-family: Geologica;
        src: url(/assets/GeologicaSubset-BWubpGT7.ttf)format("truetype-variations"),url(/assets/GeologicaSubset-BWubpGT7.ttf)format("truetype"),url(/assets/GeologicaRegular-kWU9j9Cw.woff2)format("woff2"),url(/assets/GeologicaRegular-DEbUAq8s.woff)format("woff");
        font-style: normal;
        font-weight: 400;
        font-display: block
    }

    @font-face {
        font-family: Geologica;
        src: url(/assets/GeologicaSubset-BWubpGT7.ttf)format("truetype-variations"),url(/assets/GeologicaSubset-BWubpGT7.ttf)format("truetype"),url(/assets/GeologicaLight-DClXuGdp.woff2)format("woff2"),url(/assets/GeologicaLight-D35ej-mV.woff)format("woff");
        font-style: normal;
        font-weight: 300;
        font-display: block
    }

    @font-face {
        font-family: Unbounded;
        src: url(/assets/UnboundedSubset-Bnm_vW5E.ttf)format("truetype-variations"),url(/assets/UnboundedSubset-Bnm_vW5E.ttf)format("truetype"),url(/assets/UnboundedBold-fJ5eo-Bu.woff2)format("woff2"),url(/assets/UnboundedBold-BZSmzVU2.woff)format("woff");
        font-style: normal;
        font-weight: 700;
        font-display: block
    }

    @font-face {
        font-family: Unbounded;
        src: url(/assets/UnboundedSubset-Bnm_vW5E.ttf)format("truetype-variations"),url(/assets/UnboundedSubset-Bnm_vW5E.ttf)format("truetype"),url(/assets/UnboundedMedium-wYDMJvAp.woff2)format("woff2"),url(/assets/UnboundedMedium-D5lp51Qk.woff)format("woff");
        font-style: normal;
        font-weight: 500;
        font-display: block
    }

    @font-face {
        font-family: Unbounded;
        src: url(/assets/UnboundedSubset-Bnm_vW5E.ttf)format("truetype-variations"),url(/assets/UnboundedSubset-Bnm_vW5E.ttf)format("truetype"),url(/assets/UnboundedLight-BoIm-Un8.woff2)format("woff2"),url(/assets/UnboundedLight-DUUdQkPZ.woff)format("woff");
        font-style: normal;
        font-weight: 300;
        font-display: block
    }

    h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        line-height: 1.25
    }

    h1,.h1 {
        font-size: 46px;
        line-height: 1.217;
        font-weight: var(--fw-bold)
    }

    h2,.h2 {
        font-size: 46px;
        line-height: 1.04;
        font-weight: var(--fw-bold)
    }

    h5,.h5 {
        font-size: 22px;
        line-height: 1.091;
        font-weight: var(--fw-medium)
    }

    h6,.h6 {
        font-size: 18px;
        line-height: 1.3;
        font-weight: var(--fw-medium)
    }
}

@layer components {
    .page {
        z-index: 1;
        scroll-behavior: smooth;
        flex-direction: column;
        justify-content: flex-start;
        align-items: stretch;
        min-width: 300px;
        display: flex;
        position: relative;
        overflow: hidden auto
    }

    .page__wrapper {
        width: 100%;
        max-width: calc(var(--wrapper-max) + 2*var(--page-gap));
        padding-left: var(--page-gap);
        padding-right: var(--page-gap);
        margin-left: auto;
        margin-right: auto
    }

    .page__main {
        flex-direction: column;
        flex-grow: 1;
        width: 100%;
        min-height: 70vh;
        display: flex
    }

    .page__header,.page__footer {
        width: 100%
    }

    .page__body {
        z-index: 1;
        background-color: #fff;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        min-height: 100vh;
        display: flex;
        position: relative;
        overflow: hidden
    }

    .page__scrolltop {
        z-index: var(--z-index-scrolltop);
        display: none;
        position: fixed;
        bottom: 112px;
        right: 16px
    }

    @media (min-width: 1440px) {
        .page__scrolltop {
            display:inline-block
        }
    }

    .page__bg {
        z-index: -1;
        height: calc(var(--location-h)/2 + var(--contacts-h) + var(--footer-h));
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .page__bg .icon__vue--abstractbg {
        width: auto;
        min-width: 100%;
        max-width: none;
        height: auto;
        min-height: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .page__bg .icon__vue--abstractbg .lines {
        fill: var(--black-squeeze);
        stroke: #0000
    }

    .page--noscroll {
        overflow: hidden!important
    }

    .header {
        z-index: var(--z-index-header);
        padding: var(--header-gap);
        position: fixed
    }

    .header--menu-open {
        --header-gap: 0;
        height: 100%;
        position: fixed
    }

    .header--menu-open>.page__wrapper {
        height: 100%;
        padding-bottom: 48px
    }

    .header--menu-open .nav--header {
        --header-nav-gap: 54px;
        box-shadow: none;
        border-radius: 0;
        height: 100%
    }

    .header--menu-open .nav--header>.page__wrapper {
        padding-left: var(--header-nav-gap);
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 100%;
        overflow: auto
    }

    .header--menu-open .nav--header>.page__wrapper>.btn--rounded {
        display: none
    }

    .header--menu-open .nav--header .nav__toggle {
        margin-bottom: 30px;
        margin-left: 0
    }

    .header--menu-open .nav--header .nav__toggle .icon__vue {
        width: 24px;
        height: 24px
    }

    .header--menu-open .menu--header {
        flex-direction: column;
        order: 2;
        margin-top: auto;
        display: flex
    }

    .header--menu-open .menu--header .menu__item:not(:last-of-type) {
        margin-bottom: 24px;
        margin-right: 0
    }

    @media (min-width: 1440px) {
        .header--menu-open {
            --header-gap:4px;
            height: auto;
            position: fixed
        }

        .header--menu-open>.page__wrapper {
            height: auto;
            padding-bottom: 0
        }

        .header--menu-open .nav--header {
            --header-nav-gap: 10px;
            border-radius: 100px;
            height: auto;
            box-shadow: inset 0 0 0 1px #ffffff80
        }

        .header--menu-open .nav--header>.page__wrapper {
            height: auto;
            overflow: unset;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            padding-left: 0
        }

        .header--menu-open .nav--header>.page__wrapper>.btn--rounded {
            display: inline-flex
        }

        .header--menu-open .nav--header .nav__toggle {
            margin-bottom: 0;
            margin-left: -6px
        }

        .header--menu-open .nav--header .nav__toggle .icon__vue {
            width: 30px;
            height: 30px
        }

        .header--menu-open .menu--header {
            flex-direction: row;
            order: 0;
            margin-top: 0;
            display: flex
        }

        .header--menu-open .menu--header .menu__item:not(:last-of-type) {
            margin-bottom: 0;
            margin-right: 32px
        }
    }

    .footer {
        color: var(--black);
        padding-bottom: 48px;
        font-size: 15px
    }

    @media (min-width: 744px) {
        .footer {
            padding-bottom:40px
        }

        .footer>.page__wrapper {
            flex-direction: column;
            display: flex
        }
    }

    @media (min-width: 1440px) {
        .footer {
            padding-bottom:64px
        }

        .footer>.page__wrapper {
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-end
        }
    }

    .footer__copy span {
        margin-bottom: 8px;
        display: block
    }

    @media (min-width: 744px) {
        .footer__copy {
            order:1;
            margin-bottom: 55px
        }

        .footer__copy span {
            margin-bottom: 0;
            display: inline-block
        }

        .footer__copy span:first-child {
            margin-right: 42px
        }
    }

    @media (min-width: 1440px) {
        .footer__copy {
            margin-bottom:0
        }
    }

    .footer__links {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 40px;
        display: flex
    }

    .footer__links .link {
        margin-bottom: 20px;
        display: inline-block
    }

    .footer__links .link:last-of-type {
        margin-bottom: 0
    }

    @media (min-width: 744px) {
        .footer__links {
            order:2;
            margin-bottom: 0
        }

        .footer__links .link {
            margin-bottom: 13px
        }
    }

    @media (min-width: 1440px) {
        .footer__links {
            text-align:right
        }
    }

    .btn {
        height: var(--btn-h);
        font-size: 14px;
        line-height: 1.286;
        font-family: var(--font-secondary);
        font-weight: var(--fw-medium);
        text-align: center;
        vertical-align: middle;
        -webkit-user-select: none;
        user-select: none;
        white-space: nowrap;
        color: var(--blackist);
        background: #fff;
        border: none;
        border-radius: 12px;
        outline: none;
        justify-content: center;
        align-items: center;
        padding: 16px 40px;
        transition: color .2s ease-in-out,background .2s ease-in-out,box-shadow .2s ease-in-out;
        display: inline-flex;
        box-shadow: 0 24px 40px #08cae533;
        text-decoration: none!important
    }

    .btn:disabled {
        color: var(--blackist);
        background-color: #fff
    }

    .btn:not(:disabled) {
        cursor: pointer
    }

    .btn:not(:disabled):hover {
        color: var(--blackist)
    }

    .btn:not(:disabled):focus-visible {
        box-shadow: var(--shadow-focus)
    }

    .btn>*+.icon__wrapper,.btn>.icon__wrapper+* {
        margin-left: .6em
    }

    .btn>.icon__wrapper {
        align-items: center;
        height: 1em;
        display: flex;
        position: relative
    }

    .btn>.icon__wrapper:not(:only-child):first-child {
        margin-left: 0
    }

    .btn>.icon__wrapper:not(:only-child):last-child {
        margin-right: 0
    }

    @media (min-width: 744px) {
        .btn {
            border-radius:16px;
            font-size: 18px;
            line-height: 1.3
        }
    }

    @media (min-width: 1440px) {
        .btn {
            padding:24px 60px;
            font-size: 22px;
            line-height: 1.091
        }
    }

    .btn__text {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

    a.btn--primary,.btn--primary {
        color: #fff;
        background: linear-gradient(45deg,#007fce00,#007fce00),linear-gradient(45deg,#00e284,#008ce2);
        transition: none
    }

    :is(a.btn--primary,.btn--primary): disabled {
        color:#fff;
        opacity: .4;
        background: linear-gradient(45deg,#007fce59,#007fce59),linear-gradient(45deg,#00e284,#008ce2)
    }

    :is(a.btn--primary,.btn--primary): not(:disabled):hover,:is(a.btn--primary,.btn--primary):not(:disabled):active {
        color:#fff;
        background: linear-gradient(45deg,#007fce59,#007fce59),linear-gradient(45deg,#00e284,#008ce2)
    }

    a.btn--secondary,.btn--secondary {
        color: var(--blackist);
        background-color: #fff
    }

    :is(a.btn--secondary,.btn--secondary): disabled {
        color:var(--blackist);
        background: var(--grey);
        opacity: .4
    }

    :is(a.btn--secondary,.btn--secondary): not(:disabled):hover,:is(a.btn--secondary,.btn--secondary):not(:disabled):active {
        color:var(--blackist);
        background: var(--grey)
    }

    a.btn--transparent,.btn--transparent {
        color: var(--blackier);
        box-shadow: none;
        border: 1px solid;
        border-color: var(--blackier);
        background-color: #0000;
        padding: 16px 30px;
        font-size: 14px;
        line-height: 1.286
    }

    :is(a.btn--transparent,.btn--transparent): disabled {
        border-color:var(--blackier);
        color: var(--blackier);
        background: var(--grey);
        opacity: .4
    }

    :is(a.btn--transparent,.btn--transparent): not(:disabled):hover,:is(a.btn--transparent,.btn--transparent):not(:disabled):active {
        color:var(--blackier);
        background: var(--grey)
    }

    @media (min-width: 744px) {
        a.btn--transparent,.btn--transparent {
            font-size:16px;
            line-height: 1.25
        }
    }

    @media (min-width: 1440px) {
        a.btn--transparent,.btn--transparent {
            font-size:22px;
            line-height: 1.091
        }
    }

    a.btn--rounded,.btn--rounded {
        height: var(--btn-rounded-h);
        color: var(--blackist);
        box-shadow: none;
        background: #fff;
        border-radius: 100px;
        padding: 8px 20px;
        font-size: 12px;
        line-height: 1.417
    }

    :is(a.btn--rounded,.btn--rounded): disabled {
        color:var(--blackist);
        background: var(--grey);
        opacity: .4
    }

    :is(a.btn--rounded,.btn--rounded): not(:disabled):hover,:is(a.btn--rounded,.btn--rounded):not(:disabled):active {
        color:var(--blackist);
        background: var(--grey)
    }

    @media (min-width: 744px) {
        a.btn--rounded,.btn--rounded {
            padding:12px 32px;
            font-size: 14px;
            line-height: 1.286
        }
    }

    @media (min-width: 1440px) {
        a.btn--rounded,.btn--rounded {
            padding:12px 32px;
            font-size: 15px;
            line-height: 1.6
        }
    }

    .btn--action {
        color: currentColor;
        min-width: 44px;
        height: auto;
        min-height: 44px;
        box-shadow: none;
        border-radius: 0;
        justify-content: center;
        align-items: center;
        padding: 0;
        display: inline-flex;
        background: 0 0!important;
        border: none!important
    }

    .btn--action:not(:disabled):hover {
        color: var(--secondary-blue)
    }

    .btn--action:not(:disabled):focus-visible {
        color: var(--secondary-blue);
        box-shadow: var(--shadow-focus)
    }

    .btn--action:not(:disabled):active {
        color: var(--secondary-blue)
    }

    .btn--action>.icon__wrapper {
        pointer-events: none;
        height: auto;
        margin-left: 0;
        bottom: 0
    }

    .btn--action.btn--sm {
        min-width: 24px;
        min-height: 24px
    }

    .btn--arrow-up {
        background-color: var(--grey);
        width: 64px;
        height: 64px;
        color: var(--grey-700);
        transition: bottom var(--anim-dur);
        border: 1px solid #fff;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        padding: 0;
        display: inline-flex;
        position: relative;
        bottom: 0
    }

    .btn--arrow-up:not(:disabled):hover {
        color: var(--black);
        bottom: 6px
    }

    .btn--arrow-up:not(:disabled):focus-visible {
        color: var(--black);
        box-shadow: var(--shadow-focus)
    }

    .btn--arrow-up:not(:disabled):active {
        color: var(--black)
    }

    .btn--close-form {
        font-size: 12px;
        line-height: 1.6;
        font-weight: var(--fw-light)
    }

    .btn--close-form .btn__text {
        color: var(--black);
        margin-left: 12px
    }

    .btn--close-form .icon__wrapper {
        background-color: #fff;
        border-radius: 50%;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        display: flex
    }

    @media (min-width: 744px) {
        .btn--close-form {
            font-size:14px;
            line-height: 1.56
        }

        .btn--close-form .icon__wrapper {
            width: 48px;
            height: 48px
        }
    }

    .control--valid .control__msg--valid,.control--invalid .control__msg--invalid {
        display: block
    }

    .control__msg {
        margin-top: 4px;
        font-size: 15px;
        line-height: 1.4
    }

    .control__label {
        color: var(--blackier);
        font-family: var(--font-primary);
        font-size: 15px;
        font-weight: var(--fw-light);
        margin-bottom: 4px;
        line-height: 1.3;
        display: block
    }

    .control__label--required:after {
        content: "*";
        color: red;
        display: inline-block
    }

    .control--text {
        font-family: var(--font-primary);
        position: relative
    }

    .control--text.control--invalid .control__input {
        box-shadow: none!important;
        border-color: red!important
    }

    .control--text .control__input {
        height: var(--input-height-m);
        border: 1px solid;
        border-color: var(--grey-200);
        width: 100%;
        font-weight: var(--fw-light);
        color: var(--blackier);
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: #fff;
        border-radius: 8px;
        outline: none;
        padding: 6px 12px;
        font-size: 18px;
        line-height: 1.5;
        transition: border-color .15s ease-in-out;
        display: block
    }

    .control--text .control__input::placeholder {
        color: var(--bali-hai)
    }

    .control--text .control__input::-ms-expand {
        background-color: #0000;
        border: 0
    }

    .control--text .control__input::-webkit-outer-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    .control--text .control__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0
    }

    textarea: is(.control--text .control__input) {
        padding-top:32px
    }

    .control--text .control__input[type=number] {
        -moz-appearance: textfield
    }

    .control--text .control__input:disabled {
        background-color: var(--grey);
        opacity: .4
    }

    .control--text .control__input:not(:disabled):hover {
        border-color: var(--nepal)
    }

    .control--text .control__input:not(:disabled):focus-visible,.control--text .control__input:not(:disabled):active {
        border-color: var(--blackier);
        box-shadow: inset 0 0 0 1px var(--blackier)
    }

    .control--text.control--lg .control__input {
        height: var(--input-height-l);
        border-radius: 16px;
        padding: 14px 20px
    }

    .control--checkbox {
        -webkit-user-select: none;
        user-select: none;
        min-width: 20px;
        color: var(--blackier);
        font-size: 15px;
        line-height: 1.33;
        font-weight: var(--fw-light);
        margin: 0;
        padding-left: 28px;
        position: relative
    }

    .control--checkbox:hover input: not(:disabled)+.control__label {
        border-color:var(--nepal)
    }

    .control--checkbox input {
        opacity: 0;
        z-index: -1;
        width: auto;
        position: absolute;
        top: 0;
        left: 0
    }

    .control--checkbox input: disabled+.control__label {
        background-color:var(--grey-200);
        opacity: .4;
        background-position: 50%
    }

    .control--checkbox input: disabled:checked+.control__label {
        background-color:var(--secondary-green);
        opacity: .4;
        background-position: 50%
    }

    .control--checkbox input: not(:disabled):hover+.control__label {
        border-color:var(--nepal)
    }

    .control--checkbox input: not(:disabled):focus-visible+.control__label {
        box-shadow:var(--shadow-focus)
    }

    .control--checkbox input: not(:disabled):checked+.control__label {
        border-color:var(--secondary-green);
        background-color: var(--secondary-green);
        background-position: 50%
    }

    .control--checkbox input: not(:disabled)~* {
        cursor:pointer
    }

    .control--checkbox .control__label {
        vertical-align: text-bottom;
        border: 1px solid;
        border-color: var(--grey-200);
        background-color: #fff;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='2' d='M4.5 8.7 9 13.5l7.5-8'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-size: 20px 20px;
        border-radius: 6px;
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        margin-right: 5px;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 0
    }

    .control--checkbox .control__msg {
        -webkit-user-select: text;
        user-select: text;
        cursor: initial!important
    }

    .control--checkbox.control--invalid .control__label {
        border-color: red!important
    }

    .control--checkbox.control--invalid+.control__msg--invalid {
        display: block
    }

    .control--tabs {
        position: relative
    }

    .control--tabs>.wrapper {
        border-bottom: 1px solid;
        border-color: var(--grey-200);
        width: 100%;
        margin-bottom: 24px;
        display: flex
    }

    .control--tabs>.wrapper .control__label {
        cursor: pointer;
        font-weight: var(--fw-light);
        transition: color var(--anim-dur);
        color: #2a405666;
        padding-bottom: 3px;
        font-size: 20px;
        line-height: 1.4;
        position: relative
    }

    @supports (color: color-mix(in lab,red,red)) {
        .control--tabs>.wrapper .control__label {
            color:color-mix(in srgb,var(--black)40%,transparent)
        }
    }

    .control--tabs>.wrapper .control__label:after {
        content: "";
        background-color: var(--secondary-blue);
        width: 0%;
        height: 3px;
        transition: width var(--anim-dur);
        display: block;
        position: absolute;
        bottom: -5px;
        right: 0
    }

    .control--tabs>.wrapper .control__label:not(:last-child) {
        margin-right: 32px
    }

    .control--tabs>.wrapper>.control__input {
        opacity: 0;
        width: auto;
        position: absolute;
        top: 0;
        left: 0
    }

    .control--tabs>.wrapper>.control__input:checked+.control__label {
        color: #2a4056
    }

    @supports (color: color-mix(in lab,red,red)) {
        .control--tabs>.wrapper>.control__input:checked+.control__label {
            color:color-mix(in srgb,var(--black)100%,transparent)
        }
    }

    .control--tabs>.wrapper>.control__input:checked+.control__label:after {
        width: 100%
    }

    .control--tabs>.wrapper>.control__input:disabled+.control__label {
        opacity: .4
    }

    .control--tabs>.wrapper>.control__input:not(:disabled)+.control__label {
        cursor: pointer
    }

    .control--tabs>.wrapper>.control__input:not(:disabled)+.control__label:hover {
        color: var(--secondary-blue)
    }

    .control--tabs>.control__content {
        transition: opacity var(--anim-dur)ease,transform calc(var(--anim-dur)*2)ease;
        display: none
    }

    .control--tabs>.control__content--visible {
        opacity: 1;
        display: block;
        transform: translateY(0)
    }

    @media (min-width: 744px) {
        .control--tabs>.wrapper .control__label {
            padding-bottom:7px;
            font-size: 24px;
            line-height: 1.33
        }

        .control--tabs>.wrapper>.control__input:checked+.control__label:after {
            height: 5px
        }
    }

    @media (min-width: 1440px) {
        .control--tabs>.wrapper .control__label {
            padding-bottom:10px;
            font-size: 36px;
            line-height: 1.11
        }
    }

    @starting-style {
        .control--tabs>.control__content {
            opacity: 0;
            transform: translateY(-20px)
        }
    }

    .control--details {
        margin-bottom: 54px;
        font-size: 15px;
        line-height: 1.3
    }

    .control--details.control--active {
        margin-bottom: 54px
    }

    .control--details.control--active .control__summary {
        margin-bottom: 26px
    }

    .control--details.control--active .control__label .icon__wrapper {
        transform: rotate(-90deg)
    }

    .control--details.control--active .control__content {
        display: block
    }

    .control--details .control__content {
        display: none
    }

    .control--details .control__summary {
        cursor: pointer;
        -webkit-user-select: none;
        user-select: none;
        font-size: 18px;
        line-height: 1.3
    }

    .control--details .control__label {
        color: var(--black);
        font-size: 22px;
        font-weight: var(--fw-semi-bold);
        justify-content: space-between;
        align-items: center;
        margin-bottom: 11px;
        line-height: 1.27;
        display: flex;
        position: relative
    }

    .control--details .control__label .icon__wrapper {
        flex-shrink: 0;
        transform: rotate(90deg)
    }

    @media (min-width: 1440px) {
        .control--details {
            font-size:18px;
            line-height: 1.56
        }
    }

    .control--video {
        position: relative
    }

    .control--video .control__title {
        color: #fff;
        font-family: var(--font-secondary);
        font-size: 14px;
        font-weight: var(--fw-medium);
        text-shadow: 0 0 2px #000;
        -webkit-user-select: none;
        user-select: none;
        z-index: 1;
        opacity: 1;
        width: 100%;
        height: 100%;
        transition: opacity var(--anim-dur);
        padding: 20px;
        line-height: 1.286;
        position: absolute;
        top: 0;
        left: 0
    }

    .control--video .btn--action {
        z-index: 1;
        color: #fff;
        opacity: 1;
        min-width: 48px;
        min-height: 48px;
        transition: opacity var(--anim-dur);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .control--video .btn--action .icon__vue {
        width: auto;
        height: 48px
    }

    .control--video.control--active .btn--action,.control--video.control--active .control__title {
        opacity: 0;
        pointer-events: none
    }

    .control--video.control--active:hover .btn--action,.control--video.control--active:hover .control__title {
        opacity: 1;
        pointer-events: all
    }

    @media (min-width: 744px) {
        .control--video .control__title {
            padding:33px 56px;
            font-size: 22px;
            line-height: 1.27
        }

        .control--video .btn--action {
            min-width: 60px;
            min-height: 60px
        }

        .control--video .btn--action .icon__vue {
            height: 60px
        }
    }

    @media (min-width: 1440px) {
        .control--video .control__title {
            padding:62px 112px;
            font-size: 28px;
            line-height: 1.29
        }

        .control--video .btn--action {
            min-width: 86px;
            min-height: 86px
        }

        .control--video .btn--action .icon__vue {
            height: 86px
        }
    }

    @media (min-width: 1920px) {
        .control--video .control__title {
            padding:72px 152px
        }

        .control--video .btn--action {
            min-width: 86px;
            min-height: 86px
        }

        .control--video .btn--action .icon__vue {
            height: 86px
        }
    }

    .nav--header {
        background: #12192059
    }

    @supports (color: color-mix(in lab,red,red)) {
        .nav--header {
            background:color-mix(in srgb,var(--blackist)35%,transparent 65%)
        }
    }

    .nav--header {
        font-size: 18px;
        line-height: 1.3;
        font-weight: var(--fw-light);
        color: #fff;
        border-radius: 100px;
        box-shadow: inset 0 0 0 1px #ffffff80
    }

    .nav--header>.page__wrapper {
        --wrapper-max: 1592px;
        padding-top: var(--header-nav-gap);
        padding-bottom: var(--header-nav-gap);
        justify-content: space-between;
        align-items: center;
        display: flex
    }

    .nav--header>.page__wrapper>.btn--rounded {
        margin-right: calc(-1*(var(--page-gap) - var(--header-nav-gap)))
    }

    .nav--header .nav__toggle {
        margin-left: -6px
    }

    .nav--header .nav__toggle .icon__vue {
        width: 30px;
        height: 30px
    }

    @media (min-width: 744px) {
        .nav--header {
            --page-gap:30px
        }
    }

    @media (min-width: 1440px) {
        .nav--header {
            --page-gap:110px
        }

        .nav--header .nav__toggle {
            display: none
        }

        .nav--header>.page__wrapper>.btn--rounded {
            margin-right: 0
        }
    }

    .menu--header {
        display: none
    }

    .menu--header .menu__item {
        align-items: stretch;
        display: flex
    }

    .menu--header .menu__item:not(:last-of-type) {
        margin-right: 32px
    }

    .menu--header .menu__item:hover .link,.menu--header .menu__item--active .link {
        color: var(--primary-green)
    }

    .menu--header .link {
        color: #fff;
        align-items: center;
        display: flex
    }

    @media (min-width: 1440px) {
        .menu--header {
            display:flex
        }
    }

    .link--anchor {
        -webkit-user-select: none;
        user-select: none;
        top: calc(-1*(var(--btn-rounded-h) + var(--header-gap)*2 + 8px));
        display: block;
        position: relative
    }

    .link--black {
        color: var(--blackier)
    }

    .link--black:hover,.link--black:active {
        color: var(--primary-blue)
    }

    .text--base {
        font-size: 18px
    }

    @media (min-width: 320px) {
        .text--base {
            font-size:calc(.535714vw + 16.2857px)
        }
    }

    @media (min-width: 744px) {
        .text--base {
            line-height:1.56
        }
    }

    @media (min-width: 1440px) {
        .text--base {
            font-size:24px;
            line-height: 1.33
        }
    }

    .text--small {
        font-size: 14px;
        line-height: 1.36
    }

    @media (min-width: 744px) {
        .text--small {
            font-size:15px;
            line-height: 1.33
        }
    }

    @media (min-width: 1440px) {
        .text--small {
            font-size:18px;
            line-height: 1.56
        }
    }

    .text--sub {
        color: var(--grey-500);
        font-weight: var(--fw-light);
        font-size: 14px;
        line-height: 1.29
    }

    @media (min-width: 744px) {
        .text--sub {
            font-size:15px;
            line-height: 1.33
        }
    }

    .text--header-title {
        color: #fff;
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        font-size: 30px;
        line-height: 1.13
    }

    @media (min-width: 320px) {
        .text--header-title {
            font-size:calc(3.77358vw + 17.9245px)
        }
    }

    @media (min-width: 744px) {
        .text--header-title {
            font-size:calc(2.58621vw + 26.7586px);
            line-height: 1.09
        }
    }

    @media (min-width: 1440px) {
        .text--header-title {
            font-size:calc(1.66667vw + 40px);
            line-height: 1.125
        }
    }

    @media (min-width: 1920px) {
        .text--header-title {
            font-size:72px;
            line-height: 1.11
        }
    }

    .text--header-subtitle {
        color: var(--primary-green);
        font-family: var(--font-secondary);
        font-weight: var(--fw-light);
        font-size: 16px;
        font-style: italic;
        line-height: 1.1875
    }

    @media (min-width: 320px) {
        .text--header-subtitle {
            font-size:calc(1.88679vw + 9.96226px)
        }
    }

    @media (min-width: 744px) {
        .text--header-subtitle {
            font-size:calc(2.29885vw + 6.89655px);
            line-height: 1.17
        }
    }

    @media (min-width: 1440px) {
        .text--header-subtitle {
            font-size:40px;
            line-height: 1.05
        }
    }

    .text--4 {
        font-weight: var(--fw-semi-bold);
        font-size: 24px;
        line-height: 1.17
    }

    @media (min-width: 320px) {
        .text--4 {
            font-size:calc(1.41509vw + 19.4717px)
        }
    }

    @media (min-width: 744px) {
        .text--4 {
            font-size:30px;
            line-height: 1.26
        }
    }

    .text--6 {
        font-weight: var(--fw-semi-bold);
        font-size: 15px;
        line-height: 1.6
    }

    @media (min-width: 320px) {
        .text--6 {
            font-size:calc(.803571vw + 12.4286px)
        }
    }

    @media (min-width: 1440px) {
        .text--6 {
            font-size:24px;
            line-height: 1.33
        }
    }

    .text--8 {
        font-weight: var(--fw-light);
        font-size: 14px;
        line-height: 1.286
    }

    @media (min-width: 320px) {
        .text--8 {
            font-size:calc(.892857vw + 11.1429px)
        }
    }

    @media (min-width: 1440px) {
        .text--8 {
            font-size:24px;
            line-height: 1.33
        }
    }

    .text--9 {
        font-family: var(--font-secondary);
        font-weight: var(--fw-medium);
        font-size: 18px;
        line-height: 24px
    }

    @media (min-width: 744px) {
        .text--9 {
            font-size:22px;
            line-height: 24px
        }
    }

    .text--10 {
        font-weight: var(--fw-semi-bold);
        font-size: 14px;
        line-height: 1.55
    }

    .text--11 {
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        font-size: 28px;
        line-height: 1.143
    }

    @media (min-width: 320px) {
        .text--11 {
            font-size:calc(1.60714vw + 22.8571px)
        }
    }

    @media (min-width: 1440px) {
        .text--11 {
            font-size:46px;
            line-height: 1.04
        }
    }

    .text--partner-label {
        color: var(--grey-500);
        font-size: 14px;
        font-weight: var(--fw-semi-bold);
        max-width: 400px;
        margin-bottom: 4px;
        line-height: 1.286;
        display: inline-block
    }

    @media (min-width: 744px) {
        .text--partner-label {
            max-width:100%
        }
    }

    @media (min-width: 1440px) {
        .text--partner-label {
            margin-bottom:12px;
            font-size: 18px;
            line-height: 1.56
        }
    }

    .text--h2 {
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        font-size: 32px;
        line-height: 1.1875
    }

    @media (min-width: 320px) {
        .text--h2 {
            font-size:calc(1.88679vw + 25.9623px)
        }
    }

    @media (min-width: 744px) {
        .text--h2 {
            font-size:calc(2.29885vw + 22.8966px);
            line-height: 1.1
        }
    }

    @media (min-width: 1440px) {
        .text--h2 {
            font-size:56px;
            line-height: 1.07
        }
    }

    .text--h2_5 {
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        font-size: 32px;
        line-height: 1.1875
    }

    @media (min-width: 744px) {
        .text--h2_5 {
            font-size:calc(3.44828vw + 6.34483px);
            line-height: 1.1875
        }
    }

    @media (min-width: 1440px) {
        .text--h2_5 {
            font-size:56px;
            line-height: 1.07
        }
    }

    .text--h3 {
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        font-size: 28px;
        line-height: 1.143
    }

    @media (min-width: 320px) {
        .text--h3 {
            font-size:calc(1.60714vw + 22.8571px)
        }
    }

    @media (min-width: 1440px) {
        .text--h3 {
            font-size:46px;
            line-height: 1.044
        }
    }

    .text--h3_5 {
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        font-size: 28px;
        line-height: 1.143
    }

    @media (min-width: 320px) {
        .text--h3_5 {
            font-size:calc(2.83019vw + 18.9434px)
        }
    }

    @media (min-width: 744px) {
        .text--h3_5 {
            font-size:calc(4.5977vw + 5.7931px);
            line-height: 1.1
        }
    }

    @media (min-width: 1440px) {
        .text--h3_5 {
            font-size:72px;
            line-height: 1
        }
    }

    .text--h6 {
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        font-size: 14px;
        line-height: 1.357
    }

    @media (min-width: 320px) {
        .text--h6 {
            font-size:calc(.892857vw + 11.1429px)
        }
    }

    @media (min-width: 1440px) {
        .text--h6 {
            font-size:24px;
            line-height: 1.33
        }
    }

    .list--tags {
        color: #fff;
        font-size: 13px;
        line-height: 1.308;
        font-weight: var(--lw-light);
        text-align: center;
        grid-gap: 4px;
        grid-template-columns: repeat(12,minmax(0,1fr));
        display: grid
    }

    .list--tags .list__item {
        background-color: #fff3;
        border: 1px solid #fff3;
        border-radius: 100px;
        padding: 6px
    }

    @media (min-width: 400px) {
        .list--tags .list__item {
            padding:6px 15px
        }
    }

    @media (min-width: 744px) {
        .list--tags .list__item {
            padding:8px 24px;
            font-size: 18px;
            line-height: 1.33
        }
    }

    @media (min-width: 1024px) {
        .list--tags {
            grid-gap:6px;
            display: flex
        }
    }

    @media (min-width: 1440px) {
        .list--tags .list__item {
            padding:10px 20px;
            font-size: 20px
        }
    }

    @media (min-width: 1920px) {
        .list--tags .list__item {
            padding:12px 24px;
            font-size: 24px
        }
    }

    .list--about {
        grid-gap: 4px;
        font-size: 14px;
        font-weight: var(--fw-light);
        grid-template-columns: repeat(2,minmax(0,1fr));
        line-height: 1.286;
        display: grid
    }

    .list--about .list__item {
        border: 1px solid;
        border-color: var(--secondary-blue);
        background: #fff;
        border-radius: 16px;
        flex-direction: column;
        min-height: 130px;
        padding: 16px;
        display: flex
    }

    .list--about strong {
        color: var(--secondary-blue);
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        margin-bottom: auto;
        font-size: 24px;
        line-height: 1.25
    }

    @media (min-width: 320px) {
        .list--about {
            font-size:calc(.943396vw + 10.9811px)
        }

        .list--about strong {
            font-size: calc(2.83019vw + 14.9434px)
        }
    }

    @media (min-width: 744px) {
        .list--about {
            font-size:18px;
            line-height: 1.33
        }

        .list--about strong {
            font-size: 36px;
            line-height: 1.11
        }

        .list--about .list__item {
            border-radius: 20px;
            min-height: 150px;
            padding: 24px
        }
    }

    @media (min-width: 1024px) {
        .list--about {
            grid-template-columns:repeat(4,minmax(0,1fr))
        }
    }

    @media (min-width: 1440px) {
        .list--about {
            font-size:18px;
            line-height: 1.33
        }

        .list--about strong {
            font-size: 46px;
            line-height: 1.044
        }

        .list--about .list__item {
            border-radius: 28px;
            min-height: 172px
        }
    }

    .list--speakers {
        white-space: nowrap;
        background: linear-gradient(90deg,var(--spring-green)-.036%,var(--cyan)48.922%,var(--malibu)99.964%);
        color: var(--rhino);
        font-family: var(--font-secondary);
        font-weight: var(--fw-medium);
        align-items: center;
        padding-top: 8px;
        padding-bottom: 8px;
        font-size: 12px;
        line-height: 1.33;
        display: flex;
        overflow: hidden
    }

    .list--speakers .list__item {
        align-items: center;
        display: flex
    }

    .list--speakers .list__item:after {
        content: "/";
        margin-left: 6px;
        margin-right: 6px;
        display: block
    }

    @media (min-width: 1440px) {
        .list--speakers {
            padding-top:12px;
            padding-bottom: 12px;
            font-size: 18px;
            line-height: 1.33
        }
    }

    .list--program .list__item {
        padding-left: 30px;
        position: relative
    }

    .list--program .list__item:not(:last-of-type) {
        margin-bottom: 17px
    }

    .list--program .list__item>strong: before,.list--program .list__item:before {
        content:"";
        background-color: var(--black);
        border-radius: 50%;
        width: 8px;
        height: 8px;
        display: block;
        position: absolute;
        top: calc(.5em - 2px);
        left: 10px
    }

    .list--program .list__item:has(>strong): before {
        display:none
    }

    .list--program strong {
        color: var(--black);
        font-size: 18px;
        font-weight: var(--fw-semi-bold);
        margin-bottom: 2px;
        line-height: 1.56;
        display: block
    }

    .list--price {
        color: var(--blackier);
        font-size: 14px;
        line-height: 1.286;
        font-weight: var(--fw-semi-bold);
        flex-direction: column;
        align-items: flex-start;
        display: flex
    }

    .list--price .list__item {
        background-color: #fff;
        border-radius: 100px;
        padding: 8px 20px;
        display: inline-block
    }

    .list--price .list__item:not(:last-of-type) {
        margin-bottom: 4px
    }

    @media (min-width: 744px) {
        .list--price {
            flex-flow:wrap;
            justify-content: center;
            align-items: center;
            font-size: 18px;
            line-height: 1.56
        }

        .list--price .list__item {
            margin-bottom: 8px;
            margin-left: 4px;
            margin-right: 4px;
            padding: 12px 24px
        }

        .list--price .list__item:not(:last-of-type) {
            margin-bottom: 8px
        }
    }

    .list--partners {
        grid-gap: 22px;
        grid-template-columns: repeat(1,minmax(0,400px));
        grid-auto-rows: 1fr;
        justify-content: center;
        display: grid
    }

    .list--partners .list__item {
        flex-direction: column;
        width: 100%;
        display: flex
    }

    .list--partners .list__item>.wrapper {
        border: 1px solid;
        border-color: var(--grey-200);
        background: #fff;
        border-radius: 16px;
        flex-grow: 1;
        justify-content: center;
        align-items: center;
        min-height: 100px;
        display: flex
    }

    .list--partners .icon__wrapper {
        display: contents
    }

    .list--partners img {
        max-width: 90%;
        max-height: 90%
    }

    @media (min-width: 744px) {
        .list--partners {
            grid-gap:6px;
            grid-template-columns: repeat(3,minmax(0,1fr))
        }

        .list--partners .list__item>.wrapper {
            min-height: 130px
        }

        .list--partners .icon__vue {
            width: clamp(100px,60%,400px);
            height: auto
        }

        .list--partners .icon__vue--bosfera {
            width: clamp(50px,60%,80px)
        }
    }

    @media (min-width: 1440px) {
        .list--partners {
            grid-gap:8px
        }

        .list--partners .list__item>.wrapper {
            min-height: 160px
        }
    }

    .list--contacts {
        grid-gap: 32px;
        max-width: var(--content-mw);
        grid-template-columns: repeat(1,minmax(0,1fr));
        font-size: 18px;
        line-height: 1.56;
        display: grid
    }

    .list--contacts .list__item {
        flex-direction: column;
        align-items: flex-start;
        display: flex
    }

    .list--contacts strong {
        font-weight: var(--fw-semi-bold);
        margin-bottom: 16px;
        font-size: 24px;
        line-height: 1.17
    }

    @media (min-width: 744px) {
        .list--contacts {
            grid-gap:36px;
            grid-template-columns: repeat(2,minmax(0,1fr))
        }

        .list--contacts strong {
            line-height: 1.33
        }
    }

    .section--header {
        --section--header-pt: 30px;
        padding-left: var(--header-gap);
        padding-right: var(--header-gap);
        padding-top: calc(var(--header-gap) + var(--btn-rounded-h) + var(--header-nav-gap)*2 + var(--section--header-pt));
        padding-bottom: 24px;
        position: relative
    }

    .section--header .section__bg {
        z-index: -1;
        inset: var(--header-gap);
        background-color: var(--blackist);
        border-radius: calc((var(--btn-rounded-h) + var(--header-nav-gap)*2)/2);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        overflow: hidden
    }

    .section--header .section__bg:after {
        content: "";
        background: linear-gradient(#0000,#0000 40%,#00f7ff0d 72%,#53efc8a6);
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        top: 0;
        left: 0
    }

    @supports (color: color-mix(in lab,red,red)) {
        .section--header .section__bg:after {
            background:linear-gradient(180deg,transparent,transparent 40%,color-mix(in srgb,var(--aqua)5%,transparent 95%)72%,color-mix(in srgb,var(--turquoise-blue)65%,transparent 35%)100%)
        }
    }

    .section--header .section__bg video {
        object-fit: cover;
        opacity: 0;
        min-height: 100%;
        transition: opacity var(--anim-dur);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .section--header .section__bg video.ready {
        opacity: 1
    }

    .section--header>.page__wrapper {
        --wrapper-max: 1592px;
        padding-left: calc(var(--page-gap) - var(--header-gap));
        padding-right: calc(var(--page-gap) - var(--header-gap));
        flex-direction: column;
        display: flex
    }

    .section--header .section__content,.section--header .wrapper--1 {
        display: contents
    }

    .section--header .wrapper--2 {
        order: 2
    }

    .section--header .figure--logo {
        order: 1;
        margin-bottom: -48px;
        margin-left: auto;
        position: relative;
        top: -3px;
        left: -1px
    }

    .section--header .list--tags {
        order: 3;
        width: 100%
    }

    .section--header .icon__vue--textforum {
        width: 108px;
        height: auto
    }

    @media (min-width: 320px) {
        .section--header .icon__vue--textforum {
            width:calc(3.77358vw + 95.9245px)
        }
    }

    @media (min-width: 744px) {
        .section--header {
            --section--header-pt:110px;
            padding-bottom: 96px
        }

        .section--header>.page__wrapper {
            display: block
        }

        .section--header .figure--logo {
            order: 2;
            margin-bottom: 0;
            margin-left: 0;
            top: 22px;
            left: 0
        }

        .section--header .section__content {
            flex-wrap: wrap;
            justify-content: space-between;
            display: flex
        }

        .section--header .wrapper--2 {
            order: 1
        }

        .section--header .list--tags {
            margin-top: 106px
        }

        .section--header .icon__vue--textforum {
            width: calc(11.9253vw + 35.2759px)
        }
    }

    @media (min-width: 1440px) {
        .section--header {
            --section--header-pt:60px;
            padding-bottom: 78px
        }

        .section--header .wrapper--1 {
            flex-grow: 1;
            display: block
        }

        .section--header .section__content {
            flex-wrap: nowrap
        }

        .section--header .figure--logo {
            top: 10px
        }

        .section--header .list--tags {
            margin-top: 30px
        }

        .section--header .icon__vue--textforum {
            width: 207px
        }
    }

    @media (min-width: 1920px) {
        .section--header {
            --section--header-pt:87px;
            padding-bottom: 120px
        }

        .section--header .section__bg video {
            min-width: 100%
        }

        .section--header .list--tags {
            margin-top: 48px
        }

        .section--header .figure--logo {
            left: 8px
        }
    }

    .section--clipped {
        --gap-t: 0;
        padding-top: calc(11.85vw + var(--list-speakers-h) + var(--gap-t));
        color: #fff;
        padding-bottom: 11.85vw;
        position: relative
    }

    .section--clipped .section__bg {
        z-index: -1;
        background-color: var(--blackier);
        width: 100%;
        height: calc(100% - 11.85vw);
        position: absolute;
        top: 5.925vw;
        left: 0;
        overflow: hidden;
        transform: skewY(-6.77deg)
    }

    .section--speakers {
        --gap-t: 12px
    }

    .section--speakers .section__content {
        justify-content: space-between;
        align-items: flex-end;
        display: flex
    }

    .section--speakers .icon__vue--abstractbg {
        z-index: -1;
        width: auto;
        min-width: 100%;
        max-width: none;
        height: auto;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .section--speakers .icon__vue--abstractbg .lines {
        fill: var(--rhino);
        stroke: #0000
    }

    .section--speakers .wrapper--navigation {
        width: 100%;
        max-width: calc(var(--wrapper-max) + 64px*2 + 2*var(--page-gap));
        padding-left: var(--page-gap);
        padding-right: var(--page-gap);
        justify-content: space-between;
        align-items: center;
        margin: 15px auto;
        display: none
    }

    .section--speakers .wrapper--navigation .slider__btn {
        --swiper-navigation-size: 64px;
        position: static!important
    }

    @media (min-width: 744px) {
        .section--speakers {
            --gap-t:0px
        }
    }

    @media (min-width: 1200px) {
        .section--speakers .wrapper--navigation {
            display:flex
        }
    }

    @media (min-width: 1440px) {
        .section--speakers {
            --gap-t:-17px
        }
    }

    @media (min-width: 1920px) {
        .section--speakers {
            --gap-t:6px
        }
    }

    .section--program {
        position: relative
    }

    .section--program .section__bg {
        z-index: -2;
        width: 100%;
        height: 100%;
        display: none;
        position: absolute;
        top: 0;
        left: 0
    }

    @media (min-width: 744px) {
        .section--program .section__bg {
            display:block
        }

        .section--program .section__bg .icon__vue {
            position: absolute;
            top: -186px;
            right: 22px
        }

        .section--program .section__bg:after {
            content: "";
            filter: blur(115px);
            background: #c4fffcb3;
            width: 342px;
            height: 342px;
            display: block
        }

        @supports (color: color-mix(in lab,red,red)) {
            .section--program .section__bg:after {
                background:color-mix(in srgb,var(--onahau)70%,transparent 30%)
            }
        }

        .section--program .section__bg:after {
            border-radius: 50%;
            position: absolute;
            top: -315px;
            right: -60px
        }

        .section--program .control--tabs>.wrapper {
            margin-bottom: 61px
        }

        .section--program .control--details {
            grid-gap: 20px;
            grid-template-columns: repeat(2,minmax(0,1fr));
            margin-bottom: 61px;
            display: grid
        }

        .section--program .control--details .control__summary {
            pointer-events: none
        }

        .section--program .control--details .control__content {
            display: block
        }

        .section--program .control--details .control__label {
            font-size: 24px;
            line-height: 1.33
        }

        .section--program .control--details .control__label .icon__wrapper {
            display: none
        }
    }

    @media (min-width: 1440px) {
        .section--program .section__bg .icon__vue {
            width:333px;
            height: auto;
            top: -387px;
            right: 11px
        }

        .section--program .section__bg:after {
            width: 600px;
            height: 600px;
            top: -300px;
            right: -300px
        }

        .section--program .control--tabs>.wrapper {
            margin-bottom: 73px
        }

        .section--program .control--details {
            grid-gap: 80px;
            grid-template-columns: minmax(0,60%) minmax(0,40%)
        }

        .section--program .control--details .control__summary {
            display: flex
        }

        .section--program .wrapper--time {
            margin-right: 80px
        }
    }

    @media (min-width: 1920px) {
        .section--program .section__bg .icon__vue {
            top:-360px;
            right: 129px
        }
    }

    .section--price>.page__wrapper {
        flex-direction: column;
        display: flex
    }

    @media (min-width: 744px) {
        .section--price .list--price {
            margin-left:auto;
            margin-right: auto
        }
    }

    @media (min-width: 1440px) {
        .section--price .list--price {
            max-width:1000px
        }
    }

    .section--reviews {
        position: relative
    }

    .section--reviews .section__bg {
        z-index: -1;
        position: absolute;
        top: -9%;
        right: 0;
        bottom: -400px;
        left: 0;
        overflow: hidden
    }

    .section--reviews .section__bg .icon__vue {
        height: auto
    }

    .section--reviews .section__bg .icon__vue--artreviews {
        position: absolute;
        top: 50px;
        right: -75px
    }

    .section--reviews .section__bg .icon__vue--artreviews2 {
        opacity: .8;
        filter: blur(10px);
        display: none;
        position: absolute;
        top: 21%;
        left: -28px
    }

    .section--reviews .section__bg:before,.section--reviews .section__bg:after {
        content: "";
        display: block;
        position: absolute
    }

    .section--reviews .section__bg:before {
        filter: blur(112px);
        background-color: #c4fffcb3;
        width: 335px;
        height: 335px
    }

    @supports (color: color-mix(in lab,red,red)) {
        .section--reviews .section__bg:before {
            background-color:color-mix(in srgb,var(--onahau)70%,transparent 30%)
        }
    }

    .section--reviews .section__bg:before {
        top: 50%;
        left: 75%
    }

    .section--reviews .section__bg:after {
        filter: blur(114px);
        background-color: #07ffa033;
        width: 278px;
        height: 278px
    }

    @supports (color: color-mix(in lab,red,red)) {
        .section--reviews .section__bg:after {
            background-color:color-mix(in srgb,var(--spring-green-2)20%,transparent 80%)
        }
    }

    .section--reviews .section__bg:after {
        top: calc(100% - 400px);
        left: -50%
    }

    .section--reviews>.page__wrapper {
        flex-direction: column;
        display: flex
    }

    @media (min-width: 744px) {
        .section--reviews .section__bg .icon__vue--artreviews {
            top:28px;
            right: -24px
        }

        .section--reviews .section__bg .icon__vue--artreviews2 {
            display: block
        }
    }

    @media (min-width: 1440px) {
        .section--reviews .section__bg .icon__vue--artreviews {
            top:-8px;
            right: 130px
        }

        .section--reviews .section__bg .icon__vue--artreviews2 {
            width: 320px;
            left: -24px
        }
    }

    @media (min-width: 1920px) {
        .section--reviews .section__bg .icon__vue--artreviews {
            width:308px;
            top: -20px;
            right: 50%;
            transform: translate(260%)
        }

        .section--reviews .section__bg .icon__vue--artreviews2 {
            top: 21%;
            left: 50%;
            transform: translate(-246%)
        }
    }

    .section--location {
        --gap-t: 10px;
        --wl-t: 28px;
        padding-bottom: 0
    }

    .section--location .section__bg {
        z-index: 2;
        pointer-events: none;
        background-color: #0000
    }

    .section--location .wrapper--location {
        margin-top: calc(-1*(11.85vw + var(--wl-t)));
        z-index: 1;
        position: relative
    }

    .section--location>.page__wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .section--location .icon__vue--textlocation {
        width: 233px;
        height: auto
    }

    @media (min-width: 320px) {
        .section--location {
            --wl-t: calc(4.00943vw + 15.1698px)
        }
    }

    @media (min-width: 744px) {
        .section--location {
            --wl-t:calc(-.00718391*100vw + 50.3448px)
        }

        .section--location>.page__wrapper {
            padding-left: var(--page-gap);
            padding-right: var(--page-gap)
        }

        .section--location .icon__vue--textlocation {
            width: calc(47.8448vw - 122.966px)
        }
    }

    @media (min-width: 1440px) {
        .section--location {
            --wl-t: calc(-3.125vw + 85px)
        }

        .section--location .icon__vue--textlocation {
            width: 566px
        }
    }

    @media (min-width: 1920px) {
        .section--location {
            --wl-t:25px
        }
    }

    .figure--logo .icon__vue {
        width: 65px;
        height: auto
    }

    @media (min-width: 320px) {
        .figure--logo .icon__vue {
            width:calc(28.3019vw - 25.566px)
        }
    }

    @media (min-width: 744px) {
        .figure--logo .icon__vue {
            width:calc(7.9023vw + 126.207px)
        }
    }

    @media (min-width: 1440px) {
        .figure--logo .icon__vue {
            width:16.6667vw
        }
    }

    @media (min-width: 1920px) {
        .figure--logo .icon__vue {
            width:320px
        }
    }

    .figure--about {
        flex-direction: column;
        max-width: 375px;
        display: flex;
        position: relative
    }

    .figure--about:after {
        content: "";
        pointer-events: none;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84.173' height='153.636' fill='none'%3E%3Cpath fill='%2300C7C7' fill-rule='evenodd' d='M12.88 25.36c.59-5.54 4.57-10.14 9.97-11.53L75.82.21c4.51-1.16 8.8 2.54 8.31 7.18L71.28 128.26a13.37 13.37 0 0 1-9.97 11.54L8.35 153.42c-4.52 1.16-8.81-2.55-8.32-7.19L12.88 25.36ZM23.1 14.8 76.07 1.18q1.44-.37 2.72-.07 1.28.3 2.41 1.27 1.12.98 1.61 2.2.48 1.23.33 2.71L70.28 128.16q-.45 4.26-2.76 6.93-2.3 2.67-6.46 3.74L8.1 152.45q-1.44.37-2.73.07-1.28-.3-2.4-1.28-1.13-.97-1.61-2.19-.49-1.23-.33-2.71L13.88 25.47q.45-4.27 2.76-6.94 2.3-2.67 6.46-3.73Z'/%3E%3C/svg%3E");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        width: 85px;
        height: 154px;
        display: block;
        position: absolute;
        top: 0;
        left: 180px
    }

    .figure--about .wrapper--about:first-child {
        width: 182px;
        margin-top: 54px;
        margin-left: 27px;
        margin-right: auto
    }

    .figure--about .wrapper--about:first-child:before {
        padding-top: 160%
    }

    .figure--about .wrapper--about:nth-child(2) {
        width: 164px;
        margin: -143px 12px 36px 86px
    }

    .figure--about .wrapper--about:nth-child(2):before {
        padding-top: 139%
    }

    .figure--about figcaption {
        color: var(--grey-500);
        font-weight: var(--fw-light);
        font-size: 14px;
        line-height: 1.357
    }

    @media (min-width: 744px) {
        .figure--about:after {
            width:61px;
            height: 141px;
            top: -18px;
            left: 125px
        }

        .figure--about .wrapper--about:first-child {
            width: 126px;
            margin-top: 41px;
            margin-left: 18px
        }

        .figure--about .wrapper--about:nth-child(2) {
            width: 115px;
            margin-top: -101px;
            margin-left: 58px
        }

        .figure--about figcaption {
            font-size: 14px;
            line-height: 1.429
        }
    }

    @media (min-width: 1440px) {
        .figure--about:after {
            width:74px;
            height: 145px;
            top: -3px;
            left: 163px
        }

        .figure--about figcaption {
            font-size: 18px;
            line-height: 1.33
        }

        .figure--about .wrapper--about:first-child {
            width: 161px;
            margin-top: 56px;
            margin-left: 24px
        }

        .figure--about .wrapper--about:nth-child(2) {
            width: 148px;
            margin-top: -128px;
            margin-bottom: 49px;
            margin-left: 76px
        }
    }

    @media (min-width: 1920px) {
        .figure--about:after {
            width:123px;
            height: 188px;
            top: 2px;
            left: 213px
        }

        .figure--about .wrapper--about:first-child {
            width: 218px;
            margin-top: 78px;
            margin-left: 35px
        }

        .figure--about .wrapper--about:nth-child(2) {
            width: 198px;
            margin-top: -173px;
            margin-bottom: 49px;
            margin-left: 106px
        }
    }

    .figure--price {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 300px;
        padding-top: 30px;
        padding-bottom: 10px;
        display: flex;
        position: relative
    }

    .figure--price:before {
        content: "";
        z-index: -1;
        background-color: #fff;
        border-radius: 16px;
        width: 108%;
        max-width: none;
        height: 100%;
        display: block;
        position: absolute;
        top: 50%;
        left: calc(50% + 40px);
        transform: translate(-50%)translateY(-50%)skew(-6deg)skewY(-15deg)
    }

    .figure--price>.icon__wrapper {
        z-index: 0;
        position: absolute;
        top: -40px;
        right: -10px
    }

    .figure--price>.icon__wrapper>.icon__vue {
        width: 194px;
        height: auto
    }

    @media (min-width: 744px) {
        .figure--price {
            max-width:400px
        }

        .figure--price>.icon__wrapper {
            top: -70px;
            right: -40px
        }

        .figure--price>.icon__wrapper>.icon__vue {
            width: 164px
        }
    }

    @media (min-width: 1440px) {
        .figure--price {
            flex-direction:row;
            max-width: 100%;
            padding-top: 65px;
            padding-bottom: 68px;
            display: inline-flex
        }

        .figure--price:before {
            width: 100%;
            top: 45%;
            left: 55%
        }

        .figure--price>.icon__wrapper {
            top: -50px;
            right: -40px
        }
    }

    .figure--speaker {
        flex-direction: column;
        align-items: center;
        display: flex
    }

    .figure--speaker figcaption {
        color: var(--grey);
        font-size: 15px;
        line-height: 1.33
    }

    .figure--speaker figcaption strong {
        font-family: var(--font-secondary);
        font-size: 18px;
        font-weight: var(--fw-medium);
        margin-bottom: 11px;
        line-height: 1.33;
        display: block
    }

    .wrapper--about {
        border: 1px solid #2a405640
    }

    @supports (color: color-mix(in lab,red,red)) {
        .wrapper--about {
            border-color:color-mix(in srgb,var(--black)25%,transparent 75%)
        }
    }

    .wrapper--about {
        border-radius: 16px;
        position: relative;
        overflow: hidden;
        transform: skew(-6deg)skewY(-15deg)
    }

    .wrapper--about:before {
        content: "";
        border-radius: inherit;
        border: 3px solid #fff;
        display: block
    }

    .wrapper--about .wrapper__content {
        z-index: -1;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        width: 120%;
        max-width: none;
        height: 120%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)skew(6deg)skewY(15deg)
    }

    .wrapper--counter {
        font-weight: var(--fw-light);
        z-index: 1;
        flex-direction: column;
        margin-bottom: 26px;
        font-size: 12px;
        line-height: 1.33;
        display: inline-flex;
        position: relative
    }

    .wrapper--counter strong {
        -webkit-text-fill-color: transparent;
        font-family: var(--font-secondary);
        font-weight: var(--fw-bold);
        background: linear-gradient(90deg,#00e686,#00e6d2,#00bfe6);
        -webkit-background-clip: text;
        font-size: 26px;
        line-height: 1.077
    }

    .wrapper--counter .icon__vue {
        z-index: -1;
        width: 51px;
        height: auto;
        position: absolute;
        top: 52%;
        left: 40%;
        transform: translate(-50%,-50%)
    }

    @media (min-width: 1440px) {
        .wrapper--counter {
            margin-bottom:43px;
            font-size: 24px;
            line-height: 1.33
        }

        .wrapper--counter strong {
            margin-bottom: 6px;
            font-size: 46px;
            line-height: 1.044
        }

        .wrapper--counter .icon__vue {
            width: 87px;
            top: 46%;
            left: 35%
        }
    }

    .wrapper--time {
        color: var(--grey-500);
        white-space: nowrap;
        margin-bottom: 22px;
        font-size: 20px;
        line-height: 1.3;
        display: inline-block
    }

    @media (min-width: 744px) {
        .wrapper--time {
            margin-bottom:14px;
            font-size: 24px;
            line-height: 1.33
        }
    }

    .wrapper--gradient-gray {
        z-index: 0;
        background: linear-gradient(#e4edf659,#c8ddf359);
        border-radius: 28px;
        position: relative
    }

    .wrapper--price {
        background-color: var(--blue-bayoux);
        z-index: 0;
        color: var(--grey);
        transition: top var(--anim-dur);
        background-clip: padding-box;
        border: 4px solid #ffffff80;
        border-radius: 16px;
        flex-direction: column;
        margin-top: -45px;
        padding: 24px 24px 32px;
        font-size: 16px;
        line-height: 1.25;
        display: inline-flex;
        position: relative;
        top: 0;
        left: -16px;
        overflow: hidden;
        transform: skew(-6deg)skewY(-15deg)scale(.8);
        box-shadow: 0 9px 18px #08639114
    }

    .wrapper--price:hover {
        top: -10px
    }

    .wrapper--price strong {
        color: var(--grey);
        font-size: 32px;
        line-height: 1.1875;
        font-weight: var(--fw-bold);
        font-family: var(--font-secondary);
        margin-top: 28px
    }

    .wrapper--price .icon__vue--abstractbg {
        z-index: -1;
        width: auto;
        min-width: 100%;
        height: auto;
        min-height: 100%;
        position: absolute;
        top: 0;
        left: 0
    }

    .wrapper--price .icon__vue--abstractbg .lines {
        fill: var(--rhino);
        stroke: #0000
    }

    .wrapper--price.wrapper--active {
        color: #fff;
        background-color: var(--blackist);
        z-index: 1;
        margin-top: 0;
        margin-bottom: 20px;
        left: 0;
        transform: skew(-6deg)skewY(-15deg)scale(1)
    }

    .wrapper--price.wrapper--active strong {
        color: var(--primary-green)
    }

    @media (min-width: 744px) {
        .wrapper--price {
            margin-top:-54px;
            padding: 28px 24px 44px;
            font-size: 20px
        }

        .wrapper--price strong {
            margin-top: 35px;
            font-size: 40px;
            line-height: 1.2
        }
    }

    @media (min-width: 1440px) {
        .wrapper--price {
            border-radius:32px;
            margin-top: -96px;
            margin-left: -82px;
            padding: 62px 96px 90px 80px;
            font-size: 28px;
            line-height: 1.357
        }

        .wrapper--price.wrapper--active {
            margin-top: 0;
            margin-bottom: 0;
            margin-left: 72px
        }

        .wrapper--price strong {
            margin-top: 54px;
            font-size: 56px;
            line-height: 1.18
        }
    }

    .wrapper--location {
        color: #fff;
        border: 4px solid #c6d9ec80
    }

    @supports (color: color-mix(in lab,red,red)) {
        .wrapper--location {
            border-color:color-mix(in srgb,var(--grey-200)50%,transparent 50%)
        }
    }

    .wrapper--location {
        background: var(--blackier);
        border-radius: 24px;
        padding: 24px 24px 0;
        overflow: hidden
    }

    .wrapper--location .control--video {
        border-radius: 20px;
        max-width: none;
        min-height: 175px;
        margin-left: -24px;
        margin-right: -24px;
        position: relative;
        overflow: hidden
    }

    .wrapper--location .control--video .control__title {
        max-width: 70%;
        padding: 11px 23px;
        font-size: 12px;
        line-height: 1.25
    }

    .wrapper--location video {
        object-fit: cover;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    @media (min-width: 320px) {
        .wrapper--location .control--video {
            min-height:calc(28.3019vw + 84.434px)
        }
    }

    @media (min-width: 744px) {
        .wrapper--location .control--video {
            min-height:295px
        }

        .wrapper--location .control--video .control__title {
            max-width: 60%
        }
    }

    @media (min-width: 1024px) {
        .wrapper--location {
            border-width:8px;
            border-radius: 28px;
            justify-content: space-between;
            padding: 44px;
            display: flex
        }

        .wrapper--location>.wrapper {
            max-width: 46%
        }

        .wrapper--location .control--video {
            width: 100%;
            max-width: 54%;
            margin: -44px -44px -44px 0
        }

        .wrapper--location .control--video .control__title {
            max-width: 90%;
            padding: 30px;
            font-size: 18px;
            line-height: 1.22
        }
    }

    .wrapper--reviews {
        --swiper-pagination-bullet-size: 16px;
        --swiper-pagination-top: 10px;
        position: relative
    }

    .wrapper--reviews .slider__btn {
        --swiper-navigation-color: var(--grey-500);
        --swiper-navigation-sides-offset: calc(-1*( var(--swiper-navigation-size)/2 ));
        --swiper-navigation-top-offset: calc((100% - var(--swiper-pagination-bullet-size) - var(--swiper-pagination-top))/2)
    }

    @media (min-width: 744px) {
        .wrapper--reviews {
            --swiper-pagination-top:24px
        }
    }

    @media (min-width: 1440px) {
        .wrapper--reviews .slider__btn {
            --swiper-navigation-size:64px
        }
    }

    @media (min-width: 744px) {
        .wrapper--contacts {
            max-width:400px
        }
    }

    @media (min-width: 1440px) {
        .wrapper--contacts {
            justify-content:space-between;
            align-items: flex-start;
            max-width: 100%;
            display: flex
        }
    }

    .wrapper--registration {
        --wrapper-max: 1120px;
        --page-gap: 16px;
        z-index: var(--z-index-form);
        background-color: var(--grey-200);
        padding-top: 10px;
        padding-bottom: 60px;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto
    }

    @media (min-width: 744px) {
        .wrapper--registration {
            --page-gap:40px;
            padding-top: 15px
        }
    }

    .slider__btn {
        --swiper-navigation-size: 24px;
        --swiper-navigation-color: var(--black);
        box-shadow: var(--shadow-slider-btn);
        opacity: 1;
        transition: opacity var(--anim-dur);
        background: #fff;
        border-radius: 50%;
        flex-shrink: 0;
        justify-content: center;
        align-items: center;
        display: flex;
        width: var(--swiper-navigation-size)!important
    }

    .slider__btn:hover {
        color: var(--secondary-blue)!important
    }

    .slider__btn:after {
        display: none
    }

    .slider__btn .icon__wrapper {
        flex-shrink: 0
    }

    .slider__btn .icon__vue {
        width: var(--swiper-navigation-size)!important;
        height: auto!important
    }

    .slider__btn.slider__btn--prev .icon__wrapper {
        transform: rotate(180deg)
    }

    .slider__pagination {
        --swiper-pagination-bottom: 21px;
        --swiper-pagination-bullet-inactive-opacity: 1;
        --swiper-pagination-bullet-inactive-color: var(--grey-200);
        --swiper-pagination-bullet-size: 8px;
        --swiper-pagination-bullet-horizontal-gap: 16px;
        opacity: 1;
        transition: opacity var(--anim-dur);
        justify-content: center;
        align-items: center;
        display: flex;
        left: 50%;
        transform: translate(-50%)
    }

    .slider__pagination .swiper-pagination-bullet-active {
        --swiper-pagination-bullet-size: 16px;
        --swiper-pagination-color: var(--secondary-blue)
    }

    .slider--speakers {
        max-width: none;
        margin-left: calc(-1*(var(--page-gap) + var(--speaker-pic-w)/2))!important;
        margin-right: calc(-1*(var(--page-gap) + var(--speaker-pic-w)/2))!important;
        overflow: visible!important
    }

    .slider--speakers .wrapper--about {
        width: var(--speaker-pic-w);
        margin-top: 60px;
        margin-bottom: 30px
    }

    .slider--speakers .wrapper--about:before {
        padding-top: 136%
    }

    .slider--speakers .slider__slide {
        filter: blur(12px);
        animation-name: anim-blur;
        animation-duration: var(--anim-dur);
        opacity: 1;
        transition: opacity var(--anim-dur);
        animation-timing-function: linear;
        animation-fill-mode: both;
        height: auto!important
    }

    .slider--speakers .slider__slide.swiper-slide-active {
        animation-name: anim-deblur;
        animation-duration: var(--anim-dur);
        animation-timing-function: linear;
        animation-fill-mode: both
    }

    .slider--speakers .figure--speaker figcaption {
        max-width: none;
        margin-left: calc(-1*(var(--speaker-pic-w)/4));
        margin-right: calc(-1*(var(--speaker-pic-w)/4))
    }

    @media (min-width: 744px) {
        .slider--speakers .figure--speaker figcaption {
            max-width:100%;
            margin-left: 0;
            margin-right: 0
        }
    }

    @media (min-width: 1200px) {
        .slider--speakers .figure--speaker {
            transition:top var(--anim-dur);
            position: relative;
            top: 0
        }

        .slider--speakers .slider__slide.swiper-slide-prev,.slider--speakers .slider__slide.swiper-slide-active,.slider--speakers .slider__slide.swiper-slide-next {
            animation-name: anim-deblur;
            animation-duration: var(--anim-dur);
            animation-timing-function: linear;
            animation-fill-mode: both
        }

        .slider--speakers .slider__slide.swiper-slide-prev-minus-one .figure--speaker {
            top: 60px
        }

        .slider--speakers .slider__slide.swiper-slide-prev .figure--speaker {
            top: 100px
        }

        .slider--speakers .slider__slide.swiper-slide-active .figure--speaker {
            top: -40px
        }

        .slider--speakers .slider__slide.swiper-slide-next .figure--speaker {
            top: 70px
        }

        .slider--speakers .slider__slide.swiper-slide-next-plus-one .figure--speaker {
            top: -40px
        }
    }

    @media (min-width: 1440px) {
        .slider--speakers .slider__slide {
            opacity:0
        }

        .slider--speakers .slider__slide.swiper-slide-prev-minus-one,.slider--speakers .slider__slide.swiper-slide-prev,.slider--speakers .slider__slide.swiper-slide-active,.slider--speakers .slider__slide.swiper-slide-next,.slider--speakers .slider__slide.swiper-slide-next-plus-one {
            animation-name: anim-deblur;
            animation-duration: var(--anim-dur);
            opacity: 1;
            animation-timing-function: linear;
            animation-fill-mode: both
        }

        :is(.slider--speakers .slider__slide.swiper-slide-prev-minus-one,.slider--speakers .slider__slide.swiper-slide-prev,.slider--speakers .slider__slide.swiper-slide-active,.slider--speakers .slider__slide.swiper-slide-next,.slider--speakers .slider__slide.swiper-slide-next-plus-one) .figure--speaker {
            transition: top var(--anim-dur),transform var(--anim-dur);
            transform: translateY(0)
        }

        :is(.slider--speakers .slider__slide.swiper-slide-prev-minus-one,.slider--speakers .slider__slide.swiper-slide-prev,.slider--speakers .slider__slide.swiper-slide-active,.slider--speakers .slider__slide.swiper-slide-next,.slider--speakers .slider__slide.swiper-slide-next-plus-one) .figure--speaker:hover {
            transform: translateY(-10px)
        }

        .slider--speakers .slider__slide.swiper-slide-prev-minus-two,.slider--speakers .slider__slide.swiper-slide-next-plus-two {
            opacity: 1
        }

        .slider--speakers .slider__slide.swiper-slide-prev-minus-two .figure--speaker {
            top: 120px
        }

        .slider--speakers .slider__slide.swiper-slide-prev-minus-one .figure--speaker {
            top: 20px
        }

        .slider--speakers .slider__slide.swiper-slide-prev .figure--speaker {
            top: 140px
        }

        .slider--speakers .slider__slide.swiper-slide-active .figure--speaker {
            top: 0
        }

        .slider--speakers .slider__slide.swiper-slide-next .figure--speaker {
            top: 110px
        }

        .slider--speakers .slider__slide.swiper-slide-next-plus-one .figure--speaker {
            top: -40px
        }

        .slider--speakers .slider__slide.swiper-slide-next-plus-two .figure--speaker {
            top: 40px
        }

        .slider--speakers .figure--speaker {
            max-width: 224px
        }
    }

    .slider--video {
        padding-left: var(--header-gap)!important;
        padding-right: var(--header-gap)!important
    }

    .slider--video.slider--active .slider__btn,.slider--video.slider--active .slider__pagination {
        opacity: 0
    }

    .slider--video.slider--active:hover .slider__btn,.slider--video.slider--active:hover .slider__pagination {
        opacity: 1
    }

    .slider--video .slider__slide {
        background-color: var(--grey-700);
        border-radius: 24px;
        position: relative;
        overflow: hidden
    }

    .slider--video .slider__slide:before {
        content: "";
        height: 484px;
        display: block
    }

    .slider--video .control--video {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .slider--video video {
        object-fit: cover;
        min-height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%)
    }

    .slider--video .swiper-pagination-bullet>.wrapper {
        display: none
    }

    @media (min-width: 320px) {
        .slider--video .slider__slide:before {
            height:calc(538.34px - 16.9811vw)
        }
    }

    @media (min-width: 744px) {
        .slider--video .slider__slide:before {
            height:calc(43.1034vw + 91.3104px)
        }

        .slider--video .slider__btn {
            --swiper-navigation-size: 30px;
            --swiper-navigation-sides-offset: 40px
        }

        .slider--video .swiper-pagination-bullet {
            --swiper-pagination-bullet-horizontal-gap: 4px;
            position: relative;
            width: auto!important;
            height: auto!important
        }

        .slider--video .swiper-pagination-bullet>.wrapper {
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: cover;
            border: 2px solid #fff;
            border-radius: 8px;
            width: 80px;
            height: 45px;
            display: block
        }

        .slider--video .swiper-pagination-bullet-active:after {
            content: "";
            background-color: var(--tertiary);
            border-radius: 100px;
            width: 54px;
            height: 4px;
            display: block;
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translate(-50%)
        }
    }

    @media (min-width: 1440px) {
        .slider--video .slider__slide {
            border-radius:30px
        }

        .slider--video .slider__slide:before {
            height: calc(50.8333vw - 20px)
        }

        .slider--video .slider__btn {
            --swiper-navigation-size: 48px;
            --swiper-navigation-sides-offset: 62px
        }

        .slider--video .swiper-pagination-bullet {
            --swiper-pagination-bullet-horizontal-gap: 8px
        }

        .slider--video .swiper-pagination-bullet>.wrapper {
            border-width: 3px;
            width: 100px;
            height: 56px
        }

        .slider--video .swiper-pagination-bullet-active:after {
            width: 64px;
            height: 6px;
            bottom: -12px
        }

        .slider--video .slider__pagination {
            --swiper-pagination-bottom: 30px
        }
    }

    @media (min-width: 1920px) {
        .slider--video .slider__slide:before {
            height:956px
        }

        .slider--video .slider__btn {
            --swiper-navigation-sides-offset: 156px
        }

        .slider--video .slider__pagination {
            --swiper-pagination-bottom: 64px
        }

        .slider--video video {
            min-width: 100%
        }
    }

    :is(.slider--reviews,.slider--media) .slider__pagination {
        margin-top: var(--swiper-pagination-top);
        position: static!important
    }

    :is(.slider--reviews,.slider--media) .slider__slide {
        height: auto!important
    }

    :is(.slider--reviews,.slider--media) .article {
        border-radius: 24px;
        height: 100%;
        overflow: hidden
    }

    .slider--reviews {
        max-width: none;
        margin-left: calc(-1*var(--page-gap) + 4px)!important;
        margin-right: calc(-1*var(--page-gap) + 4px)!important
    }

    @media (min-width: 744px) {
        .slider--reviews {
            margin-left:0!important;
            margin-right: 0!important
        }
    }

    .slider--location {
        --swiper-navigation-size: 24px;
        margin-top: calc(-1*(11.85vw + var(--list-speakers-h)) + 20px);
        clip-path: polygon(0% 11.85vw,100% 0%,100% calc(100% - 11.85vw),0 100%)
    }

    .slider--location>.wrapper {
        z-index: 2;
        height: 0;
        top: calc(var(--list-speakers-h) + 5vw);
        -webkit-user-select: none;
        user-select: none;
        width: 100%;
        max-width: calc(var(--wrapper-max) + 2*var(--page-gap));
        padding-left: var(--page-gap);
        padding-right: var(--page-gap);
        justify-content: flex-end;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        position: relative
    }

    .slider--location>.page__wrapper {
        z-index: 1;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        display: flex;
        position: absolute;
        bottom: 90px;
        left: 50%;
        transform: translate(-50%)
    }

    .slider--location .slider__slide {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: var(--grey-200);
        min-height: 482px;
        position: relative
    }

    .slider--location .slider__slide:after {
        content: "";
        background: linear-gradient(#20262ca6,#20262c29 22.574%,#20262c00 46.379%,#20262c00 90.444%);
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

    .slider--location .slider__btn,.slider--location .slider__pagination {
        position: static!important
    }

    .slider--location .slider__btn {
        transition: background-color var(--anim-dur);
        background: #ffffffa6;
        margin: 0!important
    }

    .slider--location .slider__btn:hover {
        background-color: #fff
    }

    .slider--location .slider__pagination {
        --swiper-pagination-fraction-color: var(--black);
        height: var(--swiper-navigation-size);
        width: 100%;
        max-width: 170px;
        font-size: 15px;
        font-weight: var(--fw-semi-bold);
        box-shadow: var(--shadow-slider-location-btn);
        -webkit-user-select: none;
        user-select: none;
        background: #ffffffa6;
        border-radius: 100px;
        margin-left: 10px;
        margin-right: 10px;
        line-height: 1.6
    }

    @media (min-width: 320px) {
        .slider--location .slider__slide {
            min-height:calc(17.9245vw + 424.642px)
        }

        .slider--location>.page__wrapper {
            bottom: calc(17.9245vw + 32.6415px)
        }
    }

    @media (min-width: 744px) {
        .slider--location {
            --swiper-navigation-size:30px
        }

        .slider--location .slider__slide {
            min-height: calc(53.4483vw + 160.345px)
        }

        .slider--location>.page__wrapper {
            justify-content: flex-end;
            display: flex;
            bottom: calc(10.9195vw + 84.7586px)
        }

        .slider--location .slider__btn {
            --swiper-navigation-size: 30px
        }

        .slider--location .slider__pagination {
            max-width: 128px;
            margin-left: 24px;
            margin-right: 24px
        }
    }

    @media (min-width: 1440px) {
        .slider--location {
            --swiper-navigation-size:48px
        }

        .slider--location .slider__slide {
            min-height: calc(70.8333vw - 90px)
        }

        .slider--location .slider__btn {
            --swiper-navigation-size: 48px
        }

        .slider--location .slider__pagination {
            font-size: 24px;
            line-height: 1.33
        }

        .slider--location>.page__wrapper {
            bottom: calc(6.875vw + 143px)
        }
    }

    @media (min-width: 1920px) {
        .slider--location .slider__slide {
            min-height:1270px
        }

        .slider--location>.page__wrapper {
            bottom: 14vw
        }
    }

    @keyframes anim-blur {
        0% {
            filter: blur()
        }

        to {
            filter: blur(12px)
        }
    }

    @keyframes anim-deblur {
        0% {
            filter: blur(12px)
        }

        to {
            filter: blur()
        }
    }

    .article--review {
        --pic-w: 64px;
        --pic-gap: 3px;
        background: #e4edf633;
        border: 1px solid #fff
    }

    @supports (color: color-mix(in lab,red,red)) {
        .article--review {
            background:color-mix(in srgb,var(--grey)20%,transparent 80%)
        }
    }

    .article--review {
        padding: 20px 49px
    }

    .article--review .person {
        margin-bottom: 24px
    }

    .article--review .person__pic {
        width: var(--pic-w);
        height: var(--pic-w);
        margin-bottom: var(--pic-gap);
        border-radius: 50%;
        flex-shrink: 0;
        display: block;
        overflow: hidden
    }

    .article--review .person__name {
        font-weight: var(--fw-semi-bold);
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 1.25
    }

    .article--review .person__position {
        color: var(--grey-700);
        font-size: 12px;
        line-height: 1.33
    }

    .article--review .article__content {
        font-size: 16px;
        line-height: 1.25
    }

    @media (min-width: 1440px) {
        .article--review {
            --pic-gap:28px;
            padding: 32px
        }

        .article--review .person {
            margin-bottom: 12px;
            display: flex
        }

        .article--review .person__pic {
            margin-bottom: 0;
            margin-right: var(--pic-gap)
        }

        .article--review .person__name {
            font-size: 18px;
            line-height: 1.56
        }

        .article--review .person__position {
            font-size: 15px;
            line-height: 1.33
        }

        .article--review .article__content {
            padding-left: calc(var(--pic-w) + var(--pic-gap));
            font-size: 18px;
            line-height: 1.33
        }
    }

    .article--media {
        background: #e4edf633;
        border: 1px solid #fff
    }

    @supports (color: color-mix(in lab,red,red)) {
        .article--media {
            background:color-mix(in srgb,var(--grey)20%,transparent 80%)
        }
    }

    .article--media {
        flex-direction: column;
        padding: 20px 49px;
        display: flex
    }

    .article--media .person {
        align-items: center;
        margin-top: auto;
        display: flex
    }

    .article--media .person__pic {
        max-width: 32px;
        margin-right: 12px;
        display: inline-block
    }

    .article--media .person__name {
        font-weight: var(--fw-semi-bold);
        font-size: 14px;
        line-height: 1.286
    }

    .article--media .article__content {
        margin-bottom: 48px;
        line-height: 1.25;
        display: block
    }

    @media (min-width: 744px) {
        .article--media .article__content {
            font-size:18px;
            line-height: 1.33
        }

        .article--media .person__name {
            font-size: 15px;
            line-height: 1.6
        }
    }

    @media (min-width: 1440px) {
        .article--media {
            min-height:350px;
            padding: 44px
        }
    }

    .form--registration {
        position: relative
    }

    .form--registration fieldset {
        background-color: #fff;
        border-radius: 16px;
        margin-bottom: 4px;
        padding: 24px
    }

    .form--registration .icon__vue--headerlogo {
        position: absolute;
        top: 0;
        right: 0;
        transform: translateY(-60%)
    }

    .form--registration hr {
        border-color: var(--grey-200)
    }

    @media (min-width: 744px) {
        .form--registration fieldset {
            padding:32px
        }

        .form--registration .icon__vue--headerlogo {
            width: 80px;
            height: auto;
            transform: translateY(-67%)
        }
    }

    @media (min-width: 1440px) {
        .form--registration fieldset {
            border-radius:24px;
            padding: 48px 64px 70px
        }

        .form--registration .icon__vue--headerlogo {
            width: 120px;
            transform: translateY(-50%)
        }
    }

    .popup {
        z-index: var(--z-index-popup);
        width: 100%;
        height: calc(100*var(--vh));
        max-height: calc(100*var(--vh));
        background-color: #2a40564d;
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        overflow: hidden
    }

    @supports (color: color-mix(in lab,red,red)) {
        .popup {
            background-color:color-mix(in srgb,var(--black)30%,transparent)
        }
    }

    .popup {
        color: inherit;
        margin: 0;
        padding: 16px
    }

    .popup[aria-hidden=true] {
        display: none
    }

    .popup[aria-hidden=false],.popup[open] {
        justify-content: center;
        align-items: center;
        display: flex
    }

    .popup__wrapper {
        background-color: #fff;
        border-radius: 24px;
        max-width: 80vw;
        padding: 16px
    }

    .popup__close {
        margin-left: auto;
        position: relative;
        top: -8px;
        right: -8px
    }

    .popup__header {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        display: flex
    }

    .popup__main {
        flex-direction: column;
        flex-grow: 1;
        justify-content: flex-start;
        width: 100%;
        padding-left: 8px;
        padding-right: 8px;
        display: flex;
        overflow-y: auto
    }

    .popup__main::-webkit-scrollbar {
        scrollbar-gutter: auto;
        width: 8px;
        height: 8px
    }

    .popup__main {
        scrollbar-width: thin;
        scrollbar-gutter: auto
    }

    @media (min-width: 1440px) {
        .popup__main {
            justify-content:center
        }
    }

    .popup--sm .popup__wrapper {
        max-width: 600px
    }

    .banner--cookie {
        z-index: var(--z-index-banner);
        width: 100%;
        max-width: 100vw;
        font-size: 9px;
        line-height: 1.44;
        display: none;
        position: fixed;
        bottom: 0;
        left: 0
    }

    .banner--cookie.banner--visible {
        display: block
    }

    .banner--cookie .page__wrapper {
        --page-gap: 4px;
        --wrapper-max: 1200px
    }

    .banner--cookie .banner__content {
        border: 1px solid;
        border-color: var(--grey);
        background: #fff;
        border-radius: 24px;
        padding: 20px;
        box-shadow: 0 20px 40px #12334414
    }

    .banner--cookie .banner__text {
        margin-bottom: 16px
    }

    .banner--cookie .banner__close {
        width: 100%
    }

    @media (min-width: 744px) {
        .banner--cookie {
            font-size:13px;
            line-height: 1.23
        }

        .banner--cookie .page__wrapper {
            --page-gap: 6px
        }

        .banner--cookie .banner__close {
            width: auto
        }

        .banner--cookie .banner__content {
            align-items: center;
            padding: 28px 32px;
            display: flex
        }

        .banner--cookie .banner__text {
            margin-bottom: 0;
            margin-right: 20px
        }
    }

    @media (min-width: 1440px) {
        .banner--cookie .page__wrapper {
            --page-gap:16px
        }
    }
}

@layer utilities {
    .visible {
        visibility: visible
    }

    .sr-only {
        clip: rect(0,0,0,0);
        white-space: nowrap;
        border-width: 0;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        position: absolute;
        overflow: hidden
    }

    .order-1 {
        order: 1
    }

    .order-2 {
        order: 2
    }

    .col-span-12 {
        grid-column: span 12/span 12
    }

    .mx-auto {
        margin-inline:auto}

    .mt-6 {
        margin-top: calc(var(--spacing)*6)
    }

    .mt-8 {
        margin-top: calc(var(--spacing)*8)
    }

    .mt-24 {
        margin-top: calc(var(--spacing)*24)
    }

    .mr-2 {
        margin-right: calc(var(--spacing)*2)
    }

    .-mb-4 {
        margin-bottom: calc(var(--spacing)*-4)
    }

    .mb-0 {
        margin-bottom: calc(var(--spacing)*0)
    }

    .mb-2 {
        margin-bottom: calc(var(--spacing)*2)
    }

    .mb-3 {
        margin-bottom: calc(var(--spacing)*3)
    }

    .mb-4 {
        margin-bottom: calc(var(--spacing)*4)
    }

    .mb-5 {
        margin-bottom: calc(var(--spacing)*5)
    }

    .mb-6 {
        margin-bottom: calc(var(--spacing)*6)
    }

    .mb-7 {
        margin-bottom: calc(var(--spacing)*7)
    }

    .mb-8 {
        margin-bottom: calc(var(--spacing)*8)
    }

    .mb-9 {
        margin-bottom: calc(var(--spacing)*9)
    }

    .mb-10 {
        margin-bottom: calc(var(--spacing)*10)
    }

    .mb-12 {
        margin-bottom: calc(var(--spacing)*12)
    }

    .mb-13 {
        margin-bottom: calc(var(--spacing)*13)
    }

    .mb-14 {
        margin-bottom: calc(var(--spacing)*14)
    }

    .mb-15 {
        margin-bottom: calc(var(--spacing)*15)
    }

    .mb-17 {
        margin-bottom: calc(var(--spacing)*17)
    }

    .mb-18 {
        margin-bottom: calc(var(--spacing)*18)
    }

    .block {
        display: block
    }

    .flex {
        display: flex
    }

    .grid {
        display: grid
    }

    .hidden {
        display: none
    }

    .inline-block {
        display: inline-block
    }

    .w-full {
        width: 100%
    }

    .shrink-0 {
        flex-shrink: 0
    }

    .shrink-2 {
        flex-shrink: 2
    }

    .transform {
        transform: var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)
    }

    .resize {
        resize: both
    }

    .grid-cols-12 {
        grid-template-columns: repeat(12,minmax(0,1fr))
    }

    .flex-col {
        flex-direction: column
    }

    .items-center {
        align-items: center
    }

    .justify-between {
        justify-content: space-between
    }

    .gap-4 {
        gap: calc(var(--spacing)*4)
    }

    .gap-6 {
        gap: calc(var(--spacing)*6)
    }

    .bg-transparent {
        background-color: #0000
    }

    .pt-12 {
        padding-top: calc(var(--spacing)*12)
    }

    .pt-16 {
        padding-top: calc(var(--spacing)*16)
    }

    .pb-19 {
        padding-bottom: calc(var(--spacing)*19)
    }

    .text-center {
        text-align: center
    }

    .text-red-600 {
        color: var(--color-red-600)
    }

    .uppercase {
        text-transform: uppercase
    }

    .underline {
        text-decoration-line: underline
    }

    .filter {
        filter: var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)
    }

    .backdrop-filter {
        -webkit-backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);
        backdrop-filter: var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)
    }

    @media (min-width: 320px) {
        .sm\:col-span-6 {
            grid-column:span 6/span 6
        }

        .sm\:col-span-12 {
            grid-column: span 12/span 12
        }
    }

    @media (min-width: 744px) {
        .md\:order-1 {
            order:1
        }

        .md\:order-2 {
            order: 2
        }

        .md\:col-span-4 {
            grid-column: span 4/span 4
        }

        .md\:mt-14 {
            margin-top: calc(var(--spacing)*14)
        }

        .md\:mr-2 {
            margin-right: calc(var(--spacing)*2)
        }

        .md\:mr-16 {
            margin-right: calc(var(--spacing)*16)
        }

        .md\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .md\:mb-2 {
            margin-bottom: calc(var(--spacing)*2)
        }

        .md\:mb-4 {
            margin-bottom: calc(var(--spacing)*4)
        }

        .md\:mb-5 {
            margin-bottom: calc(var(--spacing)*5)
        }

        .md\:mb-6 {
            margin-bottom: calc(var(--spacing)*6)
        }

        .md\:mb-8 {
            margin-bottom: calc(var(--spacing)*8)
        }

        .md\:mb-9 {
            margin-bottom: calc(var(--spacing)*9)
        }

        .md\:mb-10 {
            margin-bottom: calc(var(--spacing)*10)
        }

        .md\:mb-11 {
            margin-bottom: calc(var(--spacing)*11)
        }

        .md\:mb-12 {
            margin-bottom: calc(var(--spacing)*12)
        }

        .md\:mb-13 {
            margin-bottom: calc(var(--spacing)*13)
        }

        .md\:mb-14 {
            margin-bottom: calc(var(--spacing)*14)
        }

        .md\:mb-15 {
            margin-bottom: calc(var(--spacing)*15)
        }

        .md\:mb-17 {
            margin-bottom: calc(var(--spacing)*17)
        }

        .md\:mb-20 {
            margin-bottom: calc(var(--spacing)*20)
        }

        .md\:mb-23 {
            margin-bottom: calc(var(--spacing)*23)
        }

        .md\:ml-0 {
            margin-left: calc(var(--spacing)*0)
        }

        .md\:flex {
            display: flex
        }

        .md\:hidden {
            display: none
        }

        .md\:inline {
            display: inline
        }

        .md\:w-auto {
            width: auto
        }

        .md\:flex-row {
            flex-direction: row
        }

        .md\:justify-center {
            justify-content: center
        }

        .md\:pt-22 {
            padding-top: calc(var(--spacing)*22)
        }

        .md\:pb-1 {
            padding-bottom: calc(var(--spacing)*1)
        }

        .md\:text-center {
            text-align: center
        }
    }

    @media (min-width: 1024px) {
        .ml\:hidden {
            display:none
        }

        .ml\:inline-block {
            display: inline-block
        }
    }

    @media (min-width: 1440px) {
        .lg\:col-span-4 {
            grid-column:span 4/span 4
        }

        .lg\:col-span-8 {
            grid-column: span 8/span 8
        }

        .lg\:row-start-2 {
            grid-row-start: 2
        }

        .lg\:row-start-3 {
            grid-row-start: 3
        }

        .lg\:row-start-4 {
            grid-row-start: 4
        }

        .lg\:row-start-5 {
            grid-row-start: 5
        }

        .lg\:row-start-6 {
            grid-row-start: 6
        }

        .lg\:row-start-7 {
            grid-row-start: 7
        }

        .lg\:mr-31 {
            margin-right: calc(var(--spacing)*31)
        }

        .lg\:-mb-9 {
            margin-bottom: calc(var(--spacing)*-9)
        }

        .lg\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .lg\:mb-2 {
            margin-bottom: calc(var(--spacing)*2)
        }

        .lg\:mb-4 {
            margin-bottom: calc(var(--spacing)*4)
        }

        .lg\:mb-6 {
            margin-bottom: calc(var(--spacing)*6)
        }

        .lg\:mb-8 {
            margin-bottom: calc(var(--spacing)*8)
        }

        .lg\:mb-9 {
            margin-bottom: calc(var(--spacing)*9)
        }

        .lg\:mb-11 {
            margin-bottom: calc(var(--spacing)*11)
        }

        .lg\:mb-12 {
            margin-bottom: calc(var(--spacing)*12)
        }

        .lg\:mb-14 {
            margin-bottom: calc(var(--spacing)*14)
        }

        .lg\:mb-15 {
            margin-bottom: calc(var(--spacing)*15)
        }

        .lg\:mb-16 {
            margin-bottom: calc(var(--spacing)*16)
        }

        .lg\:mb-19 {
            margin-bottom: calc(var(--spacing)*19)
        }

        .lg\:mb-24 {
            margin-bottom: calc(var(--spacing)*24)
        }

        .lg\:mb-25 {
            margin-bottom: calc(var(--spacing)*25)
        }

        .lg\:mb-30 {
            margin-bottom: calc(var(--spacing)*30)
        }

        .lg\:mb-32 {
            margin-bottom: calc(var(--spacing)*32)
        }

        .lg\:ml-0 {
            margin-left: calc(var(--spacing)*0)
        }

        .lg\:w-auto {
            width: auto
        }

        .lg\:grow-1 {
            flex-grow: 1
        }

        .lg\:px-0 {
            padding-inline:calc(var(--spacing)*0)}
    }

    @media (min-width: 1920px) {
        .xl\:mt-29 {
            margin-top:calc(var(--spacing)*29)
        }

        .xl\:mr-41 {
            margin-right: calc(var(--spacing)*41)
        }

        .xl\:mb-0 {
            margin-bottom: calc(var(--spacing)*0)
        }

        .xl\:mb-7 {
            margin-bottom: calc(var(--spacing)*7)
        }

        .xl\:mb-10 {
            margin-bottom: calc(var(--spacing)*10)
        }

        .xl\:mb-15 {
            margin-bottom: calc(var(--spacing)*15)
        }

        .xl\:mb-20 {
            margin-bottom: calc(var(--spacing)*20)
        }

        .xl\:mb-31 {
            margin-bottom: calc(var(--spacing)*31)
        }
    }
}

@media (min-width: 744px) {
    :root {
        --btn-h:56px;
        --btn-rounded-h: 42px;
        --header-nav-gap: 6px;
        --page-gap: 60px
    }
}

@media (min-width: 1440px) {
    :root {
        --btn-h:72px;
        --btn-rounded-h: 48px;
        --header-nav-gap: 10px;
        --page-gap: 116px;
        --list-speakers-h: 48px
    }
}

@property --tw-rotate-x {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-y {
    syntax: "*";
    inherits: false
}

@property --tw-rotate-z {
    syntax: "*";
    inherits: false
}

@property --tw-skew-x {
    syntax: "*";
    inherits: false
}

@property --tw-skew-y {
    syntax: "*";
    inherits: false
}

@property --tw-blur {
    syntax: "*";
    inherits: false
}

@property --tw-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-invert {
    syntax: "*";
    inherits: false
}

@property --tw-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-sepia {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-color {
    syntax: "*";
    inherits: false
}

@property --tw-drop-shadow-alpha {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 100%
}

@property --tw-drop-shadow-size {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-blur {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-brightness {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-contrast {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-grayscale {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-hue-rotate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-invert {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-opacity {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-saturate {
    syntax: "*";
    inherits: false
}

@property --tw-backdrop-sepia {
    syntax: "*";
    inherits: false
}

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

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 1
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

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

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

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

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

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

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

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

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

.swiper-3d {
    perspective: 1200px
}

.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

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

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

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

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start:var(--swiper-centered-offset-before)}

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

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start:var(--swiper-centered-offset-before)}

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

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: #00000026
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,#00000080,#0000)
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,#00000080,#0000)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next {
    display: none!important
}

.swiper-button-prev svg,.swiper-button-next svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center
}

.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg {
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 10px);
    right: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-prev:after,.swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: var(--swiper-pagination-bottom, 8px);
    top: var(--swiper-pagination-top, auto);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets {
    right: var(--swiper-pagination-right, 8px);
    left: var(--swiper-pagination-left, auto);
    top: 50%;
    transform: translate3d(0,-50%,0)
}

.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translate(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
    background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0
}

.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-lock {
    display: none
}