:where(.wp-block-button__link) {
        border-radius: 9999px;
        box-shadow: none;
        padding: calc(.667em + 2px) calc(1.333em + 2px);
        text-decoration: none
    }


    :where(.wp-block-calendar table:not(.has-background) th) {
        background: #ddd
    }

    :where(.wp-block-columns) {
        margin-bottom: 1.75em
    }

    :where(.wp-block-columns.has-background) {
        padding: 1.25em 2.375em
    }

    :where(.wp-block-post-comments input[type=submit]) {
        border: none
    }

    :where(.wp-block-cover-image:not(.has-text-color)),
    :where(.wp-block-cover:not(.has-text-color)) {
        color: #fff
    }

    :where(.wp-block-cover-image.is-light:not(.has-text-color)),
    :where(.wp-block-cover.is-light:not(.has-text-color)) {
        color: #000
    }

    :where(.wp-block-file) {
        margin-bottom: 1.5em
    }

    :where(.wp-block-file__button) {
        border-radius: 2em;
        display: inline-block;
        padding: .5em 1em
    }

    :where(.wp-block-file__button):is(a):active,
    :where(.wp-block-file__button):is(a):focus,
    :where(.wp-block-file__button):is(a):hover,
    :where(.wp-block-file__button):is(a):visited {
        box-shadow: none;
        color: #fff;
        opacity: .85;
        text-decoration: none
    }

    :where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment)) {
        line-height: 1.1
    }

    :where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)) {
        line-height: 1.8
    }

    ol,
    ul {
        box-sizing: border-box
    }

    :where(.wp-block-navigation.has-background .wp-block-navigation-item a:not(.wp-element-button)),
    :where(.wp-block-navigation.has-background .wp-block-navigation-submenu a:not(.wp-element-button)) {
        padding: .5em 1em
    }

    :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
    :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
    :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
    :where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
        padding: .5em 1em
    }

    :where(p.has-text-color:not(.has-link-color)) a {
        color: inherit;
    }

    :where(.wp-block-post-excerpt) {
        margin-bottom: var(--wp--style--block-gap);
        margin-top: var(--wp--style--block-gap)
    }

    :where(.wp-block-preformatted.has-background) {
        padding: 1.25em 2.375em
    }

    :where(.wp-block-pullquote) {
        margin: 0 0 1em
    }

    :where(.wp-block-search__button) {
        border: 1px solid #ccc;
        padding: 6px 10px
    }

    :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
        border: 1px solid #949494;
        box-sizing: border-box;
        padding: 4px
    }

    :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
        border: none;
        border-radius: 0;
        padding: 0 4px
    }

    :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
        outline: 0
    }

    :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
        padding: 4px 8px
    }

    :where(.wp-block-term-description) {
        margin-bottom: var(--wp--style--block-gap);
        margin-top: var(--wp--style--block-gap)
    }

    :where(pre.wp-block-verse) {
        font-family: inherit
    }

    :root {
        --wp--preset--font-size--normal: 16px;
        --wp--preset--font-size--huge: 42px
    }

    html :where(.has-border-color) {
        border-style: solid
    }

    html :where([style*=border-top-color]) {
        border-top-style: solid
    }

    html :where([style*=border-right-color]) {
        border-right-style: solid
    }

    html :where([style*=border-bottom-color]) {
        border-bottom-style: solid
    }

    html :where([style*=border-left-color]) {
        border-left-style: solid
    }

    html :where([style*=border-width]) {
        border-style: solid
    }

    html :where([style*=border-top-width]) {
        border-top-style: solid
    }

    html :where([style*=border-right-width]) {
        border-right-style: solid
    }

    html :where([style*=border-bottom-width]) {
        border-bottom-style: solid
    }

    html :where([style*=border-left-width]) {
        border-left-style: solid
    }

    html :where(img[class*=wp-image-]) {
        height: auto;
        max-width: 100%
    }

    :where(figure) {
        margin: 0 0 1em
    }

    html :where(.is-position-sticky) {
        --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px)
    }

    @media screen and (max-width:600px) {
        html :where(.is-position-sticky) {
            --wp-admin--admin-bar--position-offset: 0px
        }
    }

    body {
        --wp--preset--color--black: #000000;
        --wp--preset--color--cyan-bluish-gray: #abb8c3;
        --wp--preset--color--white: #ffffff;
        --wp--preset--color--pale-pink: #f78da7;
        --wp--preset--color--vivid-red: #cf2e2e;
        --wp--preset--color--luminous-vivid-orange: #ff6900;
        --wp--preset--color--luminous-vivid-amber: #fcb900;
        --wp--preset--color--light-green-cyan: #7bdcb5;
        --wp--preset--color--vivid-green-cyan: #00d084;
        --wp--preset--color--pale-cyan-blue: #8ed1fc;
        --wp--preset--color--vivid-cyan-blue: #0693e3;
        --wp--preset--color--vivid-purple: #9b51e0;
        --wp--preset--color--cardinal: #be1d30;
        --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
        --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
        --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
        --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
        --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
        --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
        --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
        --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
        --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
        --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
        --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
        --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
        --wp--preset--font-size--small: 16px;
        --wp--preset--font-size--medium: 20px;
        --wp--preset--font-size--large: 36px;
        --wp--preset--font-size--x-large: 42px;
        --wp--preset--font-size--normal: 18px;
        --wp--preset--spacing--20: 0.44rem;
        --wp--preset--spacing--30: 0.67rem;
        --wp--preset--spacing--40: 1rem;
        --wp--preset--spacing--50: 1.5rem;
        --wp--preset--spacing--60: 2.25rem;
        --wp--preset--spacing--70: 3.38rem;
        --wp--preset--spacing--80: 5.06rem;
        --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, .2);
        --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, .4);
        --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, .2);
        --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
        --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
        padding-top: 0px !important;
    }

    :where(.is-layout-flex) {
        gap: .5em
    }

    :where(.is-layout-grid) {
        gap: .5em
    }

    :where(.wp-block-post-template.is-layout-flex) {
        gap: 1.25em
    }

    :where(.wp-block-post-template.is-layout-grid) {
        gap: 1.25em
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 2em
    }

    :where(.wp-block-columns.is-layout-grid) {
        gap: 2em
    }

    .wpml-ls-flag {
        display: inline-block
    }

    .wpml-ls-legacy-list-horizontal {
        border: 1px solid transparent;
        padding: 7px;
        clear: both
    }

    .wpml-ls-legacy-list-horizontal>ul {
        padding: 0;
        margin: 0 !important;
        list-style-type: none
    }

    .wpml-ls-legacy-list-horizontal .wpml-ls-item {
        padding: 0;
        margin: 0;
        list-style-type: none;
        display: inline-block
    }

    .wpml-ls-legacy-list-horizontal a {
        display: block;
        text-decoration: none;
        padding: 5px 10px 6px;
        line-height: 1
    }

    .wpml-ls-legacy-list-horizontal a span {
        vertical-align: middle
    }

    .wpml-ls-legacy-list-horizontal .wpml-ls-flag {
        display: inline;
        vertical-align: middle
    }

    .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
        margin-left: .4em
    }

    .rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {
        margin-left: 0;
        margin-right: .4em
    }

    :root {
        --color-00: #ffffff;
        --color-50: #f8fafc;
        --color-100: #e4edf6;
        --color-200: #bbd3ec;
        --color-300: #8fb9e5;
        --color-400: #66a1e1;
        --color-500: #3c87d7;
        --color-600: #1a6dc6;
        --color-700: #0e55a0;
        --color-800: #0f3e71;
        --color-900: #0b2847;
        --color-950: #0a1e33;
        --shadow--100: 0 10px 30px 4px rgba(0, 0, 0, .2);
        --shadow--100: 0 5px 10px 2px rgba(0, 0, 0, .2);
        --top-bar-height: 40px;
        --nav-height-mobile: 75px;
        --nav-height-tablet: 80px;
        --nav-height-desktop: 100px;
        --color-text--100: #0e55a0;
        --color-text--200: #0e55a0;
        --color-bg--100: #ffffff;
        --color-bg--200: #e4edf6;
        --color-ac--100: #66a1e1;
        --color-ovly--100: #0e55a0;
        --color-btn-text--100: #ffffff;
        --color-btn-bg--100: #0e55a0;
        --color-btn-text--200: #ffffff;
        --color-btn-bg--200: #66a1e1;
        --color-btn-bg--fade: rgba(14, 85, 160, .45);
        --color-map--100: #8fb9e5;
        --plyr-color-main: #0e55a0;
        --swiper-theme-color: #007aff;
        --swiper-navigation-size: 44px
    }

    @font-face {
        font-display: swap;
        font-family: Outfit;
        font-style: normal;
        font-weight: 400;
        src: url(https://gekatex.com/wp-content/themes/gekatex/assets/fonts/outfit-v11-latin-regular.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: Outfit;
        font-style: normal;
        font-weight: 500;
        src: url(https://gekatex.com/wp-content/themes/gekatex/assets/fonts/outfit-v11-latin-500.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: Outfit;
        font-style: normal;
        font-weight: 600;
        src: url(https://gekatex.com/wp-content/themes/gekatex/assets/fonts/outfit-v11-latin-600.woff2) format("woff2")
    }

    @font-face {
        font-display: swap;
        font-family: Outfit;
        font-style: normal;
        font-weight: 700;
        src: url(https://gekatex.com/wp-content/themes/gekatex/assets/fonts/outfit-v11-latin-700.woff2) format("woff2")
    }

    .theme--white {
        --color-text--100: #0e55a0;
        --color-text--200: #0e55a0;
        --color-bg--100: #ffffff;
        --color-bg--200: #e4edf6;
        --color-ac--100: #66a1e1;
        --color-ovly--100: #0e55a0;
        --color-btn-text--100: #ffffff;
        --color-btn-bg--100: #0e55a0;
        --color-btn-text--200: #ffffff;
        --color-btn-bg--200: #66a1e1;
        --color-btn-bg--fade: rgba(14, 85, 160, .45);
        --color-map--100: #8fb9e5
    }

    .theme--light {
        --color-text--100: #0e55a0;
        --color-text--200: #0e55a0;
        --color-bg--100: #e4edf6;
        --color-bg--200: #ffffff;
        --color-ac--100: #66a1e1;
        --color-ovly--100: #0e55a0;
        --color-btn-text--100: #e4edf6;
        --color-btn-bg--100: #0e55a0;
        --color-btn-text--200: #e4edf6;
        --color-btn-bg--200: #66a1e1;
        --color-btn-bg--fade: rgba(14, 85, 160, .45);
        --color-map--100: #66a1e1
    }

    .theme--standard {
        --color-text--100: #ffffff;
        --color-text--200: #0e55a0;
        --color-bg--100: #0e55a0;
        --color-bg--200: #ffffff;
        --color-ac--100: #bbd3ec;
        --color-ovly--100: #0e55a0;
        --color-btn-text--100: #0e55a0;
        --color-btn-bg--100: #ffffff;
        --color-btn-text--200: #0e55a0;
        --color-btn-bg--200: #bbd3ec;
        --color-btn-bg--fade: rgba(255, 255, 255, .45);
        --color-map--100: #e4edf6
    }

    .theme--darkest {
        --color-text--100: #ffffff;
        --color-text--200: #0e55a0;
        --color-bg--100: #0b2847;
        --color-bg--200: #ffffff;
        --color-ac--100: #bbd3ec;
        --color-ovly--100: #0b2847;
        --color-btn-text--100: #0b2847;
        --color-btn-bg--100: #ffffff;
        --color-btn-text--200: #0b2847;
        --color-btn-bg--200: #bbd3ec
    }

    @-webkit-keyframes plyr-progress {
        to {
            background-position: var(--plyr-progress-loading-size, 25px) 0
        }
    }

    @keyframes plyr-progress {
        to {
            background-position: var(--plyr-progress-loading-size, 25px) 0
        }
    }

    @-webkit-keyframes plyr-popup {
        0% {
            opacity: .5;
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @keyframes plyr-popup {
        0% {
            opacity: .5;
            -webkit-transform: translateY(10px);
            transform: translateY(10px)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }

    @-webkit-keyframes plyr-fade-in {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes plyr-fade-in {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .plyr {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        direction: ltr;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-family: var(--plyr-font-family, inherit);
        font-variant-numeric: tabular-nums;
        font-weight: var(--plyr-font-weight-regular, 400);
        line-height: var(--plyr-line-height, 1.7);
        max-width: 100%;
        min-width: 200px;
        position: relative;
        text-shadow: none;
        -webkit-transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s, -webkit-box-shadow .3s
    }

    .plyr audio,
    .plyr iframe,
    .plyr video {
        display: block;
        height: 100%;
        width: 100%
    }

    .plyr button {
        font: inherit;
        line-height: inherit;
        width: auto
    }

    .plyr:focus {
        outline: 0
    }

    .plyr--full-ui {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .plyr--full-ui *,
    .plyr--full-ui ::after,
    .plyr--full-ui ::before {
        -webkit-box-sizing: inherit;
        box-sizing: inherit
    }

    .plyr--full-ui a,
    .plyr--full-ui button,
    .plyr--full-ui input,
    .plyr--full-ui label {
        -ms-touch-action: manipulation;
        touch-action: manipulation
    }

    .plyr__badge {
        background: var(--plyr-badge-background, #4a5464);
        border-radius: var(--plyr-badge-border-radius, 2px);
        color: var(--plyr-badge-text-color, #fff);
        font-size: var(--plyr-font-size-badge, 9px);
        line-height: 1;
        padding: 3px 4px
    }

    .plyr--full-ui ::-webkit-media-text-track-container {
        display: none
    }

    .plyr__captions {
        -webkit-animation: .3s plyr-fade-in;
        animation: .3s plyr-fade-in;
        bottom: 0;
        display: none;
        font-size: var(--plyr-font-size-small, 13px);
        left: 0;
        padding: var(--plyr-control-spacing, 10px);
        position: absolute;
        text-align: center;
        -webkit-transition: -webkit-transform .4s ease-in-out;
        transition: transform .4s ease-in-out;
        transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
        width: 100%
    }

    .plyr__captions span:empty {
        display: none
    }

    @media(min-width:480px) {
        .plyr__captions {
            font-size: var(--plyr-font-size-base, 15px);
            padding: calc(var(--plyr-control-spacing, 10px) * 2)
        }
    }

    @media(min-width:768px) {
        .plyr__captions {
            font-size: var(--plyr-font-size-large, 18px)
        }
    }

    .plyr--captions-active .plyr__captions {
        display: block
    }

    .plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions {
        -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
        transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
    }

    .plyr__caption {
        background: var(--plyr-captions-background, rgba(0, 0, 0, .8));
        border-radius: 2px;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        color: var(--plyr-captions-text-color, #fff);
        line-height: 185%;
        padding: .2em .5em;
        white-space: pre-wrap
    }

    .plyr__caption div {
        display: inline
    }

    .plyr__control {
        background: 0 0;
        border: 0;
        border-radius: var(--plyr-control-radius, 3px);
        color: inherit;
        cursor: pointer;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        overflow: visible;
        padding: calc(var(--plyr-control-spacing, 10px) * .7);
        position: relative;
        -webkit-transition: .3s;
        transition: .3s
    }

    .plyr__control svg {
        display: block;
        fill: currentColor;
        height: var(--plyr-control-icon-size, 18px);
        pointer-events: none;
        width: var(--plyr-control-icon-size, 18px)
    }

    .plyr__control:focus {
        outline: 0
    }

    .plyr__control.plyr__tab-focus {
        outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
        outline-offset: 2px
    }

    a.plyr__control {
        text-decoration: none
    }

    .plyr__control.plyr__control--pressed .icon--not-pressed,
    .plyr__control.plyr__control--pressed .label--not-pressed,
    .plyr__control:not(.plyr__control--pressed) .icon--pressed,
    .plyr__control:not(.plyr__control--pressed) .label--pressed,
    a.plyr__control::after,
    a.plyr__control::before {
        display: none
    }

    .plyr--full-ui ::-webkit-media-controls {
        display: none
    }

    .plyr__controls {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: center
    }

    .plyr__controls .plyr__progress__container {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0
    }

    .plyr__controls .plyr__controls__item {
        margin-left: calc(var(--plyr-control-spacing, 10px)/ 4)
    }

    .plyr__controls .plyr__controls__item:first-child {
        margin-left: 0;
        margin-right: auto
    }

    .plyr__controls .plyr__controls__item.plyr__progress__container {
        padding-left: calc(var(--plyr-control-spacing, 10px)/ 4)
    }

    .plyr__controls .plyr__controls__item.plyr__time {
        padding: 0 calc(var(--plyr-control-spacing, 10px)/ 2)
    }

    .plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
    .plyr__controls .plyr__controls__item.plyr__time+.plyr__time,
    .plyr__controls .plyr__controls__item.plyr__time:first-child {
        padding-left: 0
    }

    .plyr__controls:empty {
        display: none
    }

    .plyr__menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative
    }

    .plyr__menu .plyr__control svg {
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s
    }

    .plyr__menu .plyr__control[aria-expanded=true] svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip {
        display: none
    }

    .plyr__menu__container {
        -webkit-animation: .2s plyr-popup;
        animation: .2s plyr-popup;
        background: var(--plyr-menu-background, rgba(255, 255, 255, .9));
        border-radius: var(--plyr-menu-radius, 4px);
        bottom: 100%;
        -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
        box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, .15));
        color: var(--plyr-menu-color, #4a5464);
        font-size: var(--plyr-font-size-base, 15px);
        margin-bottom: 10px;
        position: absolute;
        right: -3px;
        text-align: left;
        white-space: nowrap;
        z-index: 3
    }

    .plyr__menu__container>div {
        overflow: hidden;
        -webkit-transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
        transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1)
    }

    .plyr__menu__container::after {
        border: var(--plyr-menu-arrow-size, 4px) solid transparent;
        border-top-color: var(--plyr-menu-background, rgba(255, 255, 255, .9));
        content: "";
        height: 0;
        position: absolute;
        right: calc(((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7)) - (var(--plyr-menu-arrow-size, 4px)/ 2));
        top: 100%;
        width: 0
    }

    .plyr__menu__container [role=menu] {
        padding: calc(var(--plyr-control-spacing, 10px) * .7)
    }

    .plyr__menu__container [role=menuitem],
    .plyr__menu__container [role=menuitemradio] {
        margin-top: 2px
    }

    .plyr__menu__container [role=menuitem]:first-child,
    .plyr__menu__container [role=menuitemradio]:first-child {
        margin-top: 0
    }

    .plyr__menu__container .plyr__control {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: var(--plyr-menu-color, #4a5464);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
        padding: calc(calc(var(--plyr-control-spacing, 10px) * .7)/ 1.5) calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        width: 100%
    }

    .plyr__menu__container .plyr__control>span {
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .plyr__menu__container .plyr__control::after {
        border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
        content: "";
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .plyr__menu__container .plyr__control[role=menuitemradio] {
        padding-left: calc(var(--plyr-control-spacing, 10px) * .7)
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::after,
    .plyr__menu__container .plyr__control[role=menuitemradio]::before {
        border-radius: 100%
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::before {
        background: rgba(0, 0, 0, .1);
        content: "";
        display: block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        height: 16px;
        margin-right: var(--plyr-control-spacing, 10px);
        -webkit-transition: .3s;
        transition: .3s;
        width: 16px
    }

    .plyr__menu__container .plyr__control[role=menuitemradio]::after {
        background: #fff;
        border: 0;
        height: 6px;
        left: 12px;
        opacity: 0;
        top: 50%;
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        -webkit-transition: opacity .3s, -webkit-transform .3s;
        transition: transform .3s, opacity .3s, -webkit-transform .3s;
        width: 6px
    }

    .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
        background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)))
    }

    .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::after {
        opacity: 1;
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }

    .plyr__menu__container .plyr__control[role=menuitemradio].plyr__tab-focus::before,
    .plyr__menu__container .plyr__control[role=menuitemradio]:hover::before {
        background: rgba(35, 40, 47, .1)
    }

    .plyr__menu__container .plyr__menu__value {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        margin-right: calc((calc(var(--plyr-control-spacing, 10px) * .7) - 2px)*-1);
        overflow: hidden;
        padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 3.5);
        pointer-events: none
    }

    .plyr--full-ui input[type=range] {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        border: 0;
        border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
        color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
        display: block;
        height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2) + var(--plyr-range-thumb-height, 13px));
        margin: 0;
        min-width: 0;
        padding: 0;
        -webkit-transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s;
        transition: box-shadow .3s, -webkit-box-shadow .3s;
        width: 100%
    }

    .plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
        background: 0 0;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
        height: var(--plyr-range-track-height, 5px);
        -webkit-transition: -webkit-box-shadow .3s;
        transition: box-shadow .3s;
        transition: box-shadow .3s, -webkit-box-shadow .3s;
        -webkit-user-select: none;
        user-select: none;
        background-image: -webkit-gradient(linear, left top, right top, from(currentColor), to(transparent));
        background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0))
    }

    .plyr--full-ui input[type=range]::-webkit-slider-thumb {
        background: var(--plyr-range-thumb-background, #fff);
        border: 0;
        border-radius: 100%;
        -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -webkit-transition: .2s;
        transition: .2s;
        width: var(--plyr-range-thumb-height, 13px);
        -webkit-appearance: none;
        appearance: none;
        margin-top: calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/ 2*-1)
    }

    .plyr--full-ui input[type=range]::-moz-range-track {
        background: 0 0;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
        height: var(--plyr-range-track-height, 5px);
        -moz-transition: box-shadow .3s;
        transition: box-shadow .3s;
        -moz-user-select: none;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-moz-range-thumb {
        background: var(--plyr-range-thumb-background, #fff);
        border: 0;
        border-radius: 100%;
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -moz-transition: .2s;
        transition: .2s;
        width: var(--plyr-range-thumb-height, 13px)
    }

    .plyr--full-ui input[type=range]::-moz-range-progress {
        background: currentColor;
        border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
        height: var(--plyr-range-track-height, 5px)
    }

    .plyr--full-ui input[type=range]::-ms-track {
        background: 0 0;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow .3s;
        transition: box-shadow .3s;
        -ms-user-select: none;
        user-select: none;
        color: transparent
    }

    .plyr--full-ui input[type=range]::-ms-fill-upper {
        background: 0 0;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow .3s;
        transition: box-shadow .3s;
        -ms-user-select: none;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-ms-fill-lower {
        background: currentColor;
        border: 0;
        border-radius: calc(var(--plyr-range-track-height, 5px)/ 2);
        height: var(--plyr-range-track-height, 5px);
        -ms-transition: box-shadow .3s;
        transition: box-shadow .3s;
        -ms-user-select: none;
        user-select: none
    }

    .plyr--full-ui input[type=range]::-ms-thumb {
        background: var(--plyr-range-thumb-background, #fff);
        border: 0;
        border-radius: 100%;
        box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, .15), 0 0 0 1px rgba(35, 40, 47, .2));
        height: var(--plyr-range-thumb-height, 13px);
        position: relative;
        -ms-transition: .2s;
        transition: .2s;
        width: var(--plyr-range-thumb-height, 13px);
        margin-top: 0
    }

    .plyr--full-ui input[type=range]::-ms-tooltip {
        display: none
    }

    .plyr--full-ui input[type=range]::-moz-focus-outer {
        border: 0
    }

    .plyr--full-ui input[type=range]:focus {
        outline: 0
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-webkit-slider-runnable-track {
        outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
        outline-offset: 2px
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-moz-range-track {
        outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
        outline-offset: 2px
    }

    .plyr--full-ui input[type=range].plyr__tab-focus::-ms-track {
        outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff))) dotted 3px;
        outline-offset: 2px
    }

    .plyr__poster {
        background-color: var(--plyr-video-background, var(--plyr-video-background, #000));
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        -webkit-transition: opacity .2s;
        transition: opacity .2s;
        width: 100%;
        z-index: 1
    }

    .plyr--stopped.plyr__poster-enabled .plyr__poster {
        opacity: 1
    }

    .plyr__time {
        font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
    }

    .plyr__time+.plyr__time::before {
        content: "⁄";
        margin-right: var(--plyr-control-spacing, 10px)
    }

    @media(max-width:767px) {
        .plyr__time+.plyr__time {
            display: none
        }
    }

    .plyr__tooltip {
        background: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
        border-radius: var(--plyr-tooltip-radius, 5px);
        bottom: 100%;
        -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
        box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
        color: var(--plyr-tooltip-color, #4a5464);
        font-size: var(--plyr-font-size-small, 13px);
        font-weight: var(--plyr-font-weight-regular, 400);
        left: 50%;
        line-height: 1.3;
        margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 2);
        opacity: 0;
        padding: calc(var(--plyr-control-spacing, 10px)/ 2) calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 1.5);
        pointer-events: none;
        position: absolute;
        -webkit-transform: translate(-50%, 10px) scale(.8);
        transform: translate(-50%, 10px) scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition: opacity .2s .1s, -webkit-transform .2s .1s;
        transition: transform .2s .1s, opacity .2s .1s, -webkit-transform .2s .1s;
        white-space: nowrap;
        z-index: 2
    }

    .plyr__tooltip::before {
        border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
        bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        z-index: 2
    }

    .plyr .plyr__control.plyr__tab-focus .plyr__tooltip,
    .plyr .plyr__control:hover .plyr__tooltip {
        opacity: 1;
        -webkit-transform: translate(-50%, 0) scale(1);
        transform: translate(-50%, 0) scale(1)
    }

    .plyr .plyr__control:hover .plyr__tooltip {
        z-index: 3
    }

    .plyr__controls>.plyr__control:first-child .plyr__tooltip,
    .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip {
        left: 0;
        -webkit-transform: translate(0, 10px) scale(.8);
        transform: translate(0, 10px) scale(.8);
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%
    }

    .plyr__controls>.plyr__control:first-child .plyr__tooltip::before,
    .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip::before {
        left: calc((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7))
    }

    .plyr__controls>.plyr__control:last-child .plyr__tooltip {
        left: auto;
        right: 0;
        -webkit-transform: translate(0, 10px) scale(.8);
        transform: translate(0, 10px) scale(.8);
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%
    }

    .plyr__controls>.plyr__control:last-child .plyr__tooltip::before {
        left: auto;
        right: calc((var(--plyr-control-icon-size, 18px)/ 2) + calc(var(--plyr-control-spacing, 10px) * .7));
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .plyr__controls>.plyr__control:first-child+.plyr__control.plyr__tab-focus .plyr__tooltip,
    .plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,
    .plyr__controls>.plyr__control:first-child.plyr__tab-focus .plyr__tooltip,
    .plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,
    .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip,
    .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }

    .plyr__progress {
        left: calc(var(--plyr-range-thumb-height, 13px) * .5);
        margin-right: var(--plyr-range-thumb-height, 13px);
        position: relative
    }

    .plyr__progress input[type=range],
    .plyr__progress__buffer {
        margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
        margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5);
        width: calc(100% + var(--plyr-range-thumb-height, 13px))
    }

    .plyr__progress input[type=range] {
        position: relative;
        z-index: 2
    }

    .plyr__progress .plyr__tooltip {
        left: 0;
        max-width: 120px;
        overflow-wrap: break-word
    }

    .plyr__progress__buffer {
        -webkit-appearance: none;
        background: 0 0;
        border: 0;
        border-radius: 100px;
        height: var(--plyr-range-track-height, 5px);
        left: 0;
        margin-top: calc((var(--plyr-range-track-height, 5px)/ 2)*-1);
        padding: 0;
        position: absolute;
        top: 50%
    }

    .plyr__progress__buffer::-webkit-progress-bar {
        background: 0 0
    }

    .plyr__progress__buffer::-webkit-progress-value {
        background: currentColor;
        border-radius: 100px;
        min-width: var(--plyr-range-track-height, 5px);
        -webkit-transition: width .2s;
        transition: width .2s
    }

    .plyr__progress__buffer::-moz-progress-bar {
        background: currentColor;
        border-radius: 100px;
        min-width: var(--plyr-range-track-height, 5px);
        -moz-transition: width .2s;
        transition: width .2s
    }

    .plyr__progress__buffer::-ms-fill {
        border-radius: 100px;
        -ms-transition: width .2s;
        transition: width .2s
    }

    .plyr--loading .plyr__progress__buffer {
        -webkit-animation: 1s linear infinite plyr-progress;
        animation: 1s linear infinite plyr-progress;
        background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 50%, var(--plyr-progress-loading-background, rgba(35, 40, 47, .6)) 75%, transparent 75%, transparent);
        background-repeat: repeat-x;
        background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
        color: transparent
    }

    .plyr__progress__marker {
        background-color: var(--plyr-progress-marker-background, #fff);
        border-radius: 1px;
        height: var(--plyr-range-track-height, 5px);
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: var(--plyr-progress-marker-width, 3px);
        z-index: 3
    }

    .plyr__volume {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-width: 110px;
        min-width: 80px;
        position: relative;
        width: 20%
    }

    .plyr__volume input[type=range] {
        margin-left: calc(var(--plyr-control-spacing, 10px)/ 2);
        margin-right: calc(var(--plyr-control-spacing, 10px)/ 2);
        position: relative;
        z-index: 2
    }

    .plyr--is-ios .plyr__volume {
        min-width: 0;
        width: auto
    }

    .plyr__video-wrapper {
        background: var(--plyr-video-background, var(--plyr-video-background, #000));
        height: 100%;
        margin: auto;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .plyr__video-embed,
    .plyr__video-wrapper--fixed-ratio {
        aspect-ratio: 16/9
    }

    @supports not (aspect-ratio:16/9) {

        .plyr__video-embed,
        .plyr__video-wrapper--fixed-ratio {
            height: 0;
            padding-bottom: 56.25%;
            position: relative
        }
    }

    .plyr__video-embed iframe,
    .plyr__video-wrapper--fixed-ratio video {
        border: 0;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .plyr--full-ui .plyr__video-embed>.plyr__video-embed__container {
        padding-bottom: 240%;
        position: relative;
        -webkit-transform: translateY(-38.28125%);
        transform: translateY(-38.28125%)
    }

    .plyr:-webkit-full-screen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%
    }

    .plyr:-ms-fullscreen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%
    }

    .plyr:fullscreen {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%
    }

    .plyr:-webkit-full-screen video {
        height: 100%
    }

    .plyr:-ms-fullscreen video {
        height: 100%
    }

    .plyr:fullscreen video {
        height: 100%
    }

    .plyr:-webkit-full-screen.plyr--hide-controls {
        cursor: none
    }

    .plyr:-ms-fullscreen.plyr--hide-controls {
        cursor: none
    }

    .plyr:fullscreen.plyr--hide-controls {
        cursor: none
    }

    .plyr--fullscreen-fallback {
        background: #000;
        border-radius: 0 !important;
        height: 100%;
        margin: 0;
        width: 100%;
        bottom: 0;
        display: block;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 10000000
    }

    .plyr--fullscreen-fallback video {
        height: 100%
    }

    .plyr--fullscreen-fallback.plyr--hide-controls {
        cursor: none
    }

    @media(min-width:1024px) {
        .plyr:-webkit-full-screen .plyr__captions {
            font-size: var(--plyr-font-size-xlarge, 21px)
        }

        .plyr:-ms-fullscreen .plyr__captions {
            font-size: var(--plyr-font-size-xlarge, 21px)
        }

        .plyr:fullscreen .plyr__captions {
            font-size: var(--plyr-font-size-xlarge, 21px)
        }

        .plyr--fullscreen-fallback .plyr__captions {
            font-size: var(--plyr-font-size-xlarge, 21px)
        }
    }

    .plyr__ads {
        border-radius: inherit;
        bottom: 0;
        cursor: pointer;
        left: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .plyr__ads>div,
    .plyr__ads>div iframe {
        height: 100%;
        position: absolute;
        width: 100%
    }

    .plyr__ads::after {
        background: #23282f;
        border-radius: 2px;
        bottom: var(--plyr-control-spacing, 10px);
        color: #fff;
        content: attr(data-badge-text);
        font-size: 11px;
        padding: 2px 6px;
        pointer-events: none;
        position: absolute;
        right: var(--plyr-control-spacing, 10px);
        z-index: 3
    }

    .plyr__ads:empty::after {
        display: none
    }

    .plyr__cues {
        background: currentColor;
        display: block;
        height: var(--plyr-range-track-height, 5px);
        left: 0;
        opacity: .8;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 3px;
        z-index: 3
    }

    .plyr__preview-thumb {
        background-color: var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
        border-radius: var(--plyr-tooltip-radius, 5px);
        bottom: 100%;
        -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
        box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, .15));
        margin-bottom: calc(calc(var(--plyr-control-spacing, 10px)/ 2) * 2);
        opacity: 0;
        padding: 3px;
        pointer-events: none;
        position: absolute;
        -webkit-transform: translate(0, 10px) scale(.8);
        transform: translate(0, 10px) scale(.8);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transition: opacity .2s .1s, -webkit-transform .2s .1s;
        transition: transform .2s .1s, opacity .2s .1s, -webkit-transform .2s .1s;
        z-index: 2
    }

    .plyr__preview-thumb--is-shown {
        opacity: 1;
        -webkit-transform: translate(0, 0) scale(1);
        transform: translate(0, 0) scale(1)
    }

    .plyr__preview-thumb::before {
        border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
        border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, rgba(255, 255, 255, .9));
        bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
        content: "";
        height: 0;
        left: calc(50% + var(--preview-arrow-offset));
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 0;
        z-index: 2
    }

    .plyr__preview-thumb__image-container {
        background: #c1c8d1;
        border-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
        overflow: hidden;
        position: relative;
        z-index: 0
    }

    .plyr__preview-thumb__image-container img,
    .plyr__preview-thumb__image-container::after {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .plyr__preview-thumb__image-container::after {
        border-radius: inherit;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .15);
        content: "";
        pointer-events: none
    }

    .plyr__preview-thumb__image-container img {
        max-height: none;
        max-width: none
    }

    .plyr__preview-thumb__time-container {
        background: var(--plyr-video-controls-background, linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .75)));
        border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
        border-bottom-right-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
        bottom: 0;
        left: 0;
        line-height: 1.1;
        padding: 20px 6px 6px;
        position: absolute;
        right: 0;
        z-index: 3
    }

    .plyr__preview-thumb__time-container span {
        color: #fff;
        font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px))
    }

    .plyr__preview-scrubbing {
        bottom: 0;
        -webkit-filter: blur(1px);
        filter: blur(1px);
        height: 100%;
        left: 0;
        margin: auto;
        opacity: 0;
        overflow: hidden;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        width: 100%;
        z-index: 1
    }

    .plyr__preview-scrubbing--is-shown {
        opacity: 1
    }

    .plyr__preview-scrubbing img {
        height: 100%;
        left: 0;
        max-height: none;
        max-width: none;
        -o-object-fit: contain;
        object-fit: contain;
        position: absolute;
        top: 0;
        width: 100%
    }

    .plyr--no-transition {
        -webkit-transition: none !important;
        transition: none !important
    }

    .plyr__sr-only {
        clip: rect(1px, 1px, 1px, 1px);
        overflow: hidden;
        border: 0 !important;
        height: 1px !important;
        padding: 0 !important;
        position: absolute !important;
        width: 1px !important
    }

    .plyr [hidden] {
        display: none !important
    }

    .swiper {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        list-style: none;
        padding: 0;
        z-index: 1;
        display: block
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform, -webkit-transform;
        -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

    .swiper-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .swiper-slide {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: transform, -webkit-transform;
        display: block
    }

    .swiper-lazy-preloader {
        width: 42px;
        height: 42px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -21px;
        margin-top: -21px;
        z-index: 10;
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-box-sizing: border-box;
        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 {
        -webkit-animation: 1s linear infinite swiper-preloader-spin;
        animation: 1s linear infinite swiper-preloader-spin
    }

    @-webkit-keyframes swiper-preloader-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    @keyframes swiper-preloader-spin {
        0% {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        100% {
            -webkit-transform: rotate(360deg);
            transform: rotate(360deg)
        }
    }

    .swiper-button-next,
    .swiper-button-prev {
        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);
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: var(--swiper-navigation-color, var(--swiper-theme-color))
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: .35;
        cursor: auto;
        pointer-events: none
    }

    .swiper-button-next.swiper-button-hidden,
    .swiper-button-prev.swiper-button-hidden {
        opacity: 0;
        cursor: auto;
        pointer-events: none
    }

    .swiper-navigation-disabled .swiper-button-next,
    .swiper-navigation-disabled .swiper-button-prev {
        display: none !important
    }

    .swiper-button-next svg,
    .swiper-button-prev svg {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -webkit-transform-origin: center;
        transform-origin: center
    }

    .swiper-button-prev {
        left: var(--swiper-navigation-sides-offset, 10px);
        right: auto
    }

    .swiper-button-lock {
        display: none
    }

    .swiper-button-next:after,
    .swiper-button-prev: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 {
        content: "prev"
    }

    .swiper-button-next {
        right: var(--swiper-navigation-sides-offset, 10px);
        left: auto
    }

    .swiper-button-next:after {
        content: "next"
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10
    }

    @media screen and (min-width:768px) {

        [data-aos][data-aos][data-aos-duration="100"],
        body[data-aos-duration="100"] [data-aos] {
            -webkit-transition-duration: .1s;
            transition-duration: .1s
        }

        [data-aos][data-aos][data-aos-delay="100"],
        body[data-aos-delay="100"] [data-aos] {
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="100"].aos-animate,
        body[data-aos-delay="100"] [data-aos].aos-animate {
            -webkit-transition-delay: .1s;
            transition-delay: .1s
        }

        [data-aos][data-aos][data-aos-duration="150"],
        body[data-aos-duration="150"] [data-aos] {
            -webkit-transition-duration: .15s;
            transition-duration: .15s
        }

        [data-aos][data-aos][data-aos-delay="150"],
        body[data-aos-delay="150"] [data-aos] {
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="150"].aos-animate,
        body[data-aos-delay="150"] [data-aos].aos-animate {
            -webkit-transition-delay: .15s;
            transition-delay: .15s
        }

        [data-aos][data-aos][data-aos-duration="300"],
        body[data-aos-duration="300"] [data-aos] {
            -webkit-transition-duration: .3s;
            transition-duration: .3s
        }

        [data-aos][data-aos][data-aos-delay="300"],
        body[data-aos-delay="300"] [data-aos] {
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="300"].aos-animate,
        body[data-aos-delay="300"] [data-aos].aos-animate {
            -webkit-transition-delay: .3s;
            transition-delay: .3s
        }

        [data-aos][data-aos][data-aos-duration="350"],
        body[data-aos-duration="350"] [data-aos] {
            -webkit-transition-duration: .35s;
            transition-duration: .35s
        }

        [data-aos][data-aos][data-aos-delay="350"],
        body[data-aos-delay="350"] [data-aos] {
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="350"].aos-animate,
        body[data-aos-delay="350"] [data-aos].aos-animate {
            -webkit-transition-delay: .35s;
            transition-delay: .35s
        }

        [data-aos][data-aos][data-aos-duration="400"],
        body[data-aos-duration="400"] [data-aos] {
            -webkit-transition-duration: .4s;
            transition-duration: .4s
        }

        [data-aos][data-aos][data-aos-delay="400"],
        body[data-aos-delay="400"] [data-aos] {
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="400"].aos-animate,
        body[data-aos-delay="400"] [data-aos].aos-animate {
            -webkit-transition-delay: .4s;
            transition-delay: .4s
        }

        [data-aos][data-aos][data-aos-duration="450"],
        body[data-aos-duration="450"] [data-aos] {
            -webkit-transition-duration: .45s;
            transition-duration: .45s
        }

        [data-aos][data-aos][data-aos-delay="450"],
        body[data-aos-delay="450"] [data-aos] {
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="450"].aos-animate,
        body[data-aos-delay="450"] [data-aos].aos-animate {
            -webkit-transition-delay: .45s;
            transition-delay: .45s
        }

        [data-aos][data-aos][data-aos-duration="1000"],
        body[data-aos-duration="1000"] [data-aos] {
            -webkit-transition-duration: 1s;
            transition-duration: 1s
        }

        [data-aos][data-aos][data-aos-delay="1000"],
        body[data-aos-delay="1000"] [data-aos] {
            -webkit-transition-delay: 0;
            transition-delay: 0
        }

        [data-aos][data-aos][data-aos-delay="1000"].aos-animate,
        body[data-aos-delay="1000"] [data-aos].aos-animate {
            -webkit-transition-delay: 1s;
            transition-delay: 1s
        }

        [data-aos][data-aos][data-aos-easing=ease],
        body[data-aos-easing=ease] [data-aos] {
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease
        }

        [data-aos^=fade][data-aos^=fade] {
            opacity: 0;
            -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform, -webkit-transform
        }

        [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        [data-aos=fade-up] {
            -webkit-transform: translate3d(0, 100px, 0);
            transform: translate3d(0, 100px, 0)
        }

        [data-aos=fade-right] {
            -webkit-transform: translate3d(-100px, 0, 0);
            transform: translate3d(-100px, 0, 0)
        }

        [data-aos=fade-left] {
            -webkit-transform: translate3d(100px, 0, 0);
            transform: translate3d(100px, 0, 0)
        }

        [data-aos^=zoom][data-aos^=zoom] {
            opacity: 0;
            -webkit-transition-property: opacity, -webkit-transform;
            transition-property: opacity, transform, -webkit-transform
        }

        [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

        [data-aos^=slide][data-aos^=slide] {
            -webkit-transition-property: -webkit-transform;
            transition-property: transform, -webkit-transform
        }

        [data-aos^=slide][data-aos^=slide].aos-animate {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

        .card-slider {
            position: relative
        }
    }

    .sr-only:not(:focus):not(:active),
    label:not(:focus):not(:active):not(.forminator-checkbox):not(.forminator-radio) {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        white-space: nowrap;
        width: 1px
    }

    .swiper {
        overflow: hidden
    }

    .swiper .swiper-wrapper {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .swiper .swiper-slide {
        height: auto !important
    }

    .swiper-button-next,
    .swiper-button-prev {
        z-index: 1;
        pointer-events: all
    }

    .swiper-button-next.swiper-button-disabled,
    .swiper-button-prev.swiper-button-disabled {
        opacity: .2
    }

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    html {
        scroll-behavior: smooth;
        height: 100%;
        padding: 0 !important
    }

    @media screen and (prefers-reduced-motion:reduce) {
        html {
            scroll-behavior: auto
        }
    }

    body {
        min-height: 100vh;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: var(--color-00);
        min-width: 320px;
        width: 100%;
        margin: 0
    }

    .site-wrapper {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 100%;
        max-width: 100vw
    }

    .footer {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    body .no-js {
        display: none
    }

    .no-js .no-js {
        display: block !important
    }

    .no-js .js {
        display: none
    }

    .container {
        display: block;
        max-width: 1110px;
        margin-left: 15px;
        margin-left: clamp(15px, 9.3529411765px + 1.7647058824vw, 30px);
        margin-right: 15px;
        margin-right: clamp(15px, 9.3529411765px + 1.7647058824vw, 30px);
        width: calc(100% - clamp(15px, 9.3529411765px + 1.7647058824vw, 30px)*2)
    }

    @media screen and (min-width:1170px) {
        .container {
            margin-left: auto;
            margin-right: auto
        }
    }

    .container--large {
        max-width: 1320px
    }

    @media screen and (min-width:1380px) {
        .container--large {
            margin-left: auto;
            margin-right: auto
        }

        .card-slider.locked .controls {
            display: none
        }
    }

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

    .fa-icon {
        width: 100%;
        height: 100%;
        vertical-align: -.125em
    }

    button {
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
        overflow: visible;
        background: 0 0;
        color: inherit;
        font: inherit;
        line-height: normal;
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        -webkit-appearance: none
    }

    .btn {
        position: relative;
        text-align: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        font-weight: 500;
        font-family: Outfit, -ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 16px;
        font-size: clamp(16px, 15.4285714286px + .1785714286vw, 18px);
        cursor: pointer;
        padding: .95rem 1.75rem;
        border-radius: 4px;
        line-height: 1.1;
        -webkit-transition: 150ms;
        transition: 150ms;
        color: var(--color-btn-text--100);
        background-color: var(--color-btn-bg--100)
    }

    @media(pointer:fine) {

        .swiper-button-next:hover,
        .swiper-button-prev:hover {
            color: var(--color-background--300)
        }

        .btn:hover {
            text-decoration: none;
            -webkit-box-shadow: var(--shadow--100);
            box-shadow: var(--shadow--100);
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
            color: var(--color-btn-text--200);
            background-color: var(--color-btn-bg--200)
        }

        .btn:hover::after,
        .link:hover::after {
            -webkit-transform: translate3d(8px, 0, 0);
            transform: translate3d(8px, 0, 0);
            -webkit-mask-position: 0 100%;
            mask-position: 0 100%
        }
    }

    .link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-weight: 600;
        font-size: 14px;
        font-size: clamp(14px, 12.8571428571px + .3571428571vw, 18px);
        color: var(--color-text--100);
        -webkit-transition: 150ms;
        transition: 150ms;
        text-decoration: none;
        padding: 0
    }

    .btn::after,
    .link::after {
        content: "";
        margin-left: 1rem;
        width: 12px;
        height: 12px;
        position: relative;
        background-color: currentColor;
        overflow: hidden;
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24.005'%3E%3Cg id='Designed-Blocks' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cg id='Group-63' fill='currentColor' fill-rule='nonzero'%3E%3Cpath id='Path-Copy' d='M11.1 12c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83L1.535 23.74a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H11.1V12Z'/%3E%3Cpath id='Path-Copy-3' d='M23.1 0c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83l-8.665 8.668a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H23.1V0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24.005'%3E%3Cg id='Designed-Blocks' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cg id='Group-63' fill='currentColor' fill-rule='nonzero'%3E%3Cpath id='Path-Copy' d='M11.1 12c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83L1.535 23.74a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H11.1V12Z'/%3E%3Cpath id='Path-Copy-3' d='M23.1 0c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83l-8.665 8.668a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H23.1V0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        -webkit-mask-size: 200%;
        mask-size: 200%;
        -webkit-mask-position: 100% 0;
        mask-position: 100% 0
    }

    .card:hover .btn::after,
    .card:hover .link::after {
        -webkit-transform: translate3d(8px, 0, 0);
        transform: translate3d(8px, 0, 0);
        -webkit-mask-position: 0 100%;
        mask-position: 0 100%
    }

    body {
        color: var(--color-700);
        font-weight: 400;
        font-family: Outfit, -ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        line-height: 1.375;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 16px;
        font-size: clamp(16px, 14.8571428571px + .3571428571vw, 20px);
        padding-top: var(--top-bar-height)
    }

    p {
        margin: 1rem 0
    }

    .content {
        font-size: 14px;
        font-size: clamp(14px, 12.8571428571px + .3571428571vw, 18px);
        font-weight: 400;
        line-height: 1.3
    }

    .content--collapse ol:first-of-type,
    .content--collapse p:first-of-type,
    .content--collapse ul:first-of-type {
        margin-top: 0
    }

    .content--100 {
        font-size: 14px;
        font-size: clamp(14px, 12.8571428571px + .3571428571vw, 18px)
    }

    .content--400 {
        font-size: 25px;
        font-size: clamp(25px, 17.8571428571px + 2.2321428571vw, 50px)
    }

    .content a {}

    .content a:hover {
        text-decoration: none
    }

    .content .h1:last-child,
    .content .h2:last-child,
    .content .h3:last-child,
    .content .h4:last-child,
    .content .h5:last-child,
    .content .h6:last-child,
    .content h1:last-child,
    .content h2:last-child,
    .content h3:last-child,
    .content h4:last-child,
    .content h5:last-child,
    .content h6:last-child,
    .content ol:last-child,
    .content p:last-child,
    .content span:last-child,
    .content ul:last-child {
        margin-bottom: 0
    }

    .content ul {
        list-style: square;
        padding-left: 2rem
    }

    .content ol {
        list-style: decimal;
        padding-left: 2rem
    }

    a {
        -webkit-transition: 150ms;
        transition: 150ms;
        color: var(--color-text);
    }

    a:hover {
        text-decoration: none
    }

    ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 1rem 0
    }

    .title {
        font-weight: 500;
        line-height: 1.1;
        margin: 0 0 1rem
    }

    .title--100 {
        font-size: .875rem;
        letter-spacing: .0625rem;
        font-weight: 700;
        line-height: 1.05;
        text-transform: uppercase
    }

    .title--400 {
        font-size: 1.5rem;
        line-height: 1.1
    }

    .title--600 {
        font-size: 40px;
        font-size: clamp(40px, 37.1428571429px + .8928571429vw, 50px);
        line-height: 1.05
    }

    .fw--500 {
        font-weight: 500
    }

    .fw--700 {
        font-weight: 700
    }

    [type=email],
    [type=number],
    [type=password],
    [type=search],
    [type=text],
    [type=url],
    select,
    textarea {
        font-size: 1.125rem;
        display: block;
        background: var(--color-bg--200);
        width: 100%;
        margin: 0;
        padding: 1rem 1.5rem;
        border: 2px solid transparent;
        border-radius: 4px;
        color: var(--color-text--200);
        outline: 0;
        font-family: Outfit, -ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-weight: 400;
        -webkit-appearance: none
    }

    [type=email]:focus,
    [type=number]:focus,
    [type=password]:focus,
    [type=search]:focus,
    [type=text]:focus,
    [type=url]:focus,
    select:focus,
    textarea:focus {
        border-color: var(--color-ac--100);
        outline: 0;
        opacity: 1
    }

    select {
        background-repeat: no-repeat;
        background-position: right calc(1rem + 5px) top 50%;
        position: relative;
        background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='11px' height='7px' viewBox='0 0 11 7' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3ELine%3C/title%3E%3Cg id='Best' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cpolygon id='Line' fill='%230e55a0' points='10 0 11.0606602 1.06066017 5.53033009 6.59099026 0 1.06066017 1.06066017 0 5.53033009 4.46966991'%3E%3C/polygon%3E%3C/g%3E%3C/svg%3E")
    }

    ::-webkit-input-placeholder {
        color: var(--color-400)
    }

    ::-moz-placeholder {
        color: var(--color-400)
    }

    ::-ms-input-placeholder {
        color: var(--color-400)
    }

    ::placeholder {
        color: var(--color-400)
    }

    .card-slider {
        margin: 0;
        width: 100%;
        background-color: var(--color-bg--100);
        padding-top: 16px;
        padding-top: clamp(16px, 7.4285714286px + 2.6785714286vw, 46px);
        padding-bottom: 2px;
        padding-bottom: clamp(2px, -6.5714285714px + 2.6785714286vw, 32px)
    }

    .card-slider .swiper-wrapper {
        padding-top: 4px;
        padding-bottom: 18px
    }

    .card-slider .controls {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: 1110px;
        margin: 30px 0
    }

    .card-slider .controls .swiper-button-next,
    .card-slider .controls .swiper-button-prev {
        position: static;
        background-color: transparent;
        width: 13px;
        height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-transition: opacity 150ms;
        transition: opacity 150ms;
        margin: 0 7px !important
    }

    .card-slider .controls .swiper-button-next svg,
    .card-slider .controls .swiper-button-prev svg {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }

    .card-slider .controls .swiper-button-next svg path,
    .card-slider .controls .swiper-button-prev svg path {
        fill: var(--color-text--100)
    }

    .card-slider .controls .swiper-button-next:hover,
    .card-slider .controls .swiper-button-prev:hover {
        opacity: .5
    }

    .card-slider .controls .swiper-button-next::after,
    .card-slider .controls .swiper-button-prev::after {
        font-family: arial;
        color: var(--color-700) !important;
        font-size: 2px;
        overflow: hidden;
        text-indent: -9999px
    }

    .card-slider .card {
        width: calc(100% - 30px);
        max-width: 475px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .navigation {
        --border-color: #dedede;
        color: var(--color-700);
        font-size: 1.125rem;
        max-width: 100vw;
        position: fixed;
        top: var(--top-bar-height);
        width: 100%;
        z-index: 1000;
        min-width: 320px;
        background-color: var(--color-00);
        -webkit-box-shadow: var(--shadow--100);
        box-shadow: var(--shadow--100)
    }

    .navigation a {
        text-decoration: none
    }

    .navigation .navigation__wrapper {
        background-color: var(--color-00);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        max-width: 1380px;
        height: var(--nav-height-mobile);
        padding-left: 15px;
        padding-right: 0;
        margin: 0 auto
    }

    @media screen and (min-width:768px) {
        .navigation .navigation__wrapper {
            height: var(--nav-height-tablet)
        }
    }

    @media screen and (min-width:1024px) {
        .navigation .navigation__wrapper {
            padding-left: 15px;
            padding-left: clamp(15px, 10.7142857143px + 1.3392857143vw, 30px);
            padding-right: 15px;
            padding-right: clamp(15px, 10.7142857143px + 1.3392857143vw, 30px);
            height: var(--nav-height-desktop)
        }
    }

    .navigation .navigation__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 auto 0 0;
        position: relative;
        z-index: 999;
        padding-right: 1.5rem
    }

    @media screen and (min-width:1280px) {
        .navigation {
            position: sticky;
            top: 0
        }

        .navigation .navigation__logo {
            padding-right: 80px
        }
    }

    .navigation .navigation__logo a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .navigation .navigation__logo svg {
        width: 200px;
        height: auto
    }

    .navigation .navigation__logo svg path {
        fill: var(--color-700)
    }

    @media screen and (min-width:768px) {
        .navigation .navigation__logo svg {
            width: 284px
        }
    }

    @media screen and (min-width:1024px) {
        .navigation .navigation__logo svg {
            width: 195px
        }
    }

    @media screen and (min-width:1190px) {
        .navigation .navigation__logo svg {
            width: 240px
        }
    }

    @media screen and (min-width:1440px) {
        .navigation .navigation__logo svg {
            width: 284px
        }
    }

    @media screen and (max-width:1023px) {
        .navigation .navigation__menu {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background-color: var(--color-00);
            z-index: -1;
            -webkit-transition: 350ms;
            transition: 350ms;
            overflow: scroll;
            border-top: 1px solid var(--border-color);
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            height: calc(100vh - var(--nav-height-mobile));
            padding-bottom: var(--top-bar-height)
        }

        .navigation .navigation__menu.active {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
            -webkit-box-shadow: var(--shadow--100);
            box-shadow: var(--shadow--100)
        }

        .navigation .navigation__menu.active .menu {
            overflow: scroll;
            opacity: 1;
            pointer-events: all
        }
    }

    @media screen and (max-width:1023px)and (min-width:768px) {
        .navigation .navigation__menu {
            height: calc(100vh - var(--nav-height-tablet));
            width: 50%;
            left: 50%;
            border-top: 1px solid var(--border-color)
        }
    }

    @media screen and (min-width:1024px) {
        .navigation .navigation__menu {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            width: 100%
        }
    }

    .navigation .brand__type {
        padding: 10px 0
    }

    .navigation .brand__logo {
        width: 100%;
        height: 40px;
        margin: 0 0 1rem
    }

    .navigation .brand__logo .logo__image {
        max-height: 40px;
        max-width: 160px;
        color: currentColor;
        height: 100%;
        -o-object-position: 0 50%;
        object-position: 0 50%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .navigation .menu {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0
    }

    @media screen and (max-width:1023px) {
        .navigation .menu {
            overflow: hidden;
            width: 100%
        }

        .navigation .menu .btn {
            width: calc(100% - 40px);
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 20px
        }

        .navigation .menu>.menu__item:not(.btn) {
            font-weight: 500;
            width: 100%;
            border-bottom: 1px solid var(--border-color);
            background-color: var(--color-50)
        }

        .navigation .menu>.menu__item:not(.btn):first-of-type {
            border-top: 0
        }

        .navigation .menu>.menu__item:not(.btn) .menu__link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            width: 100%
        }

        .navigation .menu>.menu__item:not(.btn) .menu__link>.link__title {
            padding: 20px
        }

        .navigation .menu>.menu__item:not(.btn) .menu__link .arrow {
            padding: 0 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border-left: 1px solid var(--border-color)
        }

        .navigation .menu>.menu__item:not(.btn) .menu__link .arrow__icon {
            -webkit-transform-origin: center center;
            transform-origin: center center;
            -webkit-transition: rotate 150ms;
            transition: rotate 150ms;
            padding-left: 0;
            width: 10px;
            height: 16px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            fill: var(--color-700)
        }

        .navigation .menu>.menu__item:not(.btn).active .sub-menu {
            display: block
        }

        .navigation .menu>.menu__item:not(.btn).active .menu__link .arrow .arrow__icon {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        .navigation .menu .sub-menu {
            background-color: var(--color-00);
            display: none;
            border-top: 1px solid var(--border-color)
        }

        .navigation .menu .sub-menu .container {
            width: 100%;
            margin: 0
        }

        .navigation .menu .sub-menu .submenu__intro {
            display: none
        }

        .navigation .menu .sub-menu .submenu__list {
            padding: 20px 0
        }

        .navigation .menu .sub-menu .submenu__list.has-descriptions {
            padding: 0
        }

        .navigation .menu .sub-menu .submenu__list .menu__item:not(.btn) {
            font-size: 1rem
        }

        .navigation .menu .sub-menu .submenu__list .menu__item:not(.btn) .menu__link {
            border-bottom: 0
        }

        .navigation .menu .sub-menu .submenu__list .menu__item:not(.btn) .link__title {
            font-size: 1rem;
            padding: 10px 20px;
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative
        }

        .navigation .menu .sub-menu .submenu__list .menu__item:not(.btn) .link__title::after {
            content: "";
            margin-left: 1rem;
            width: 12px;
            height: 12px;
            position: relative;
            background-color: currentColor;
            overflow: hidden;
            -webkit-transition: .3s;
            transition: .3s;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24.005'%3E%3Cg id='Designed-Blocks' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cg id='Group-63' fill='currentColor' fill-rule='nonzero'%3E%3Cpath id='Path-Copy' d='M11.1 12c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83L1.535 23.74a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H11.1V12Z'/%3E%3Cpath id='Path-Copy-3' d='M23.1 0c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83l-8.665 8.668a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H23.1V0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24.005'%3E%3Cg id='Designed-Blocks' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cg id='Group-63' fill='currentColor' fill-rule='nonzero'%3E%3Cpath id='Path-Copy' d='M11.1 12c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83L1.535 23.74a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H11.1V12Z'/%3E%3Cpath id='Path-Copy-3' d='M23.1 0c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83l-8.665 8.668a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H23.1V0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            -webkit-mask-size: 200%;
            mask-size: 200%;
            -webkit-mask-position: 100% 0;
            mask-position: 100% 0
        }

        .navigation .menu .sub-menu .submenu__list .menu__item:not(.btn).menu__item--has-description:last-of-type .menu__link {
            border-bottom: 0
        }

        .navigation .menu .sub-menu .submenu__list .menu__item:not(.btn).menu__item--has-description .menu__link {
            padding: 20px;
            display: block;
            border-bottom: 1px solid var(--border-color)
        }

        .navigation .menu .sub-menu .submenu__list .menu__item:not(.btn).menu__item--has-description .menu__link .link__title {
            font-size: 1rem;
            padding: 0 0 8px
        }
    }

    @media screen and (min-width:1024px) {
        .navigation .menu {
            height: 100%;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .navigation .menu .btn {
            -ms-flex-item-align: center;
            align-self: center;
            padding-left: 1rem;
            padding-right: 1rem;
            font-size: 1.0625rem
        }

        .navigation .menu .btn:hover {
            -webkit-transform: none;
            transform: none
        }

        .navigation .menu>.menu__item:not(.btn) {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            overflow: hidden
        }

        .navigation .menu>.menu__item:not(.btn):hover .menu__link {
            color: var(--color-500)
        }

        .navigation .menu>.menu__item:not(.btn):last-of-type {
            border-radius: 0 4px 4px 0
        }

        .navigation .menu>.menu__item:not(.btn):hover .sub-menu {
            visibility: visible;
            opacity: 1;
            pointer-events: all
        }

        .navigation .menu>.menu__item:not(.btn)>.menu__link {
            width: 100%;
            text-align: center;
            display: block;
            font-weight: 500;
            font-size: 1.0625rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 8px;
            padding: clamp(8px, -1.8461538462px + .9615384615vw, 12px)
        }

        .navigation .menu>.menu__item:not(.btn)>.menu__link .arrow__icon {
            width: 10px;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            fill: var(--color-700);
            height: auto;
            margin-left: .5rem
        }
    }

    @media screen and (min-width:1024px)and (min-width:1110px) {

        .navigation .menu .btn,
        .navigation .menu>.menu__item:not(.btn)>.menu__link {
            font-size: 1.125rem
        }
    }

    @media screen and (min-width:1024px)and (min-width:1280px) {

        .navigation .menu .btn,
        .navigation .menu>.menu__item:not(.btn)>.menu__link {
            font-size: 1.25rem
        }
    }

    @media screen and (min-width:1024px) {
        .navigation .menu .sub-menu {
            position: absolute;
            left: 0;
            width: 100%;
            background-color: var(--color-00);
            -webkit-box-shadow: var(--shadow--100);
            box-shadow: var(--shadow--100);
            visibility: hidden;
            opacity: 0;
            pointer-events: none;
            border-top: 1px solid var(--border-color);
            top: 100%;
            z-index: -1;
            background-image: -webkit-gradient(linear, left top, right top, from(var(--color-100)), color-stop(50%, var(--color-100)), color-stop(50%, var(--color-00)), to(var(--color-00)));
            background-image: linear-gradient(to right, var(--color-100) 0, var(--color-100) 50%, var(--color-00) 50%, var(--color-00) 100%)
        }

        .navigation .menu .sub-menu .submenu__intro {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -ms-flex-align: start;
            align-items: flex-start;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 30px 30px 30px 0;
            background-color: var(--color-100);
            border-right: 1px solid var(--border-color);
            width: 30%
        }

        .navigation .menu .sub-menu .submenu__intro .title {
            font-weight: 700;
            font-size: 1.125rem;
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-bottom: 0
        }
    }

    @media screen and (min-width:1024px)and (min-width:1280px) {
        .navigation .menu .sub-menu .submenu__intro {
            width: 25%
        }
    }

    @media screen and (min-width:1024px) {
        .navigation .menu .sub-menu .submenu__intro .content {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }

        .navigation .menu .sub-menu .submenu__intro .link {
            -webkit-box-flex: 0;
            -ms-flex-positive: 0;
            flex-grow: 0;
            margin-top: 1rem
        }

        .navigation .menu .sub-menu .container {
            margin: 0 auto !important;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch
        }

        .navigation .menu .sub-menu .submenu__menu {
            width: 70%;
            background-color: var(--color-00)
        }

        .navigation .menu .sub-menu .submenu__menu .submenu__list {
            width: 100%;
            padding: 30px;
            -webkit-columns: 2;
            -moz-columns: 2;
            columns: 2;
            -webkit-column-gap: 50px;
            -moz-column-gap: 50px;
            column-gap: 50px;
            -webkit-column-fill: balance;
            -moz-column-fill: balance;
            column-fill: balance;
            column-break-inside: avoid
        }
    }

    @media screen and (min-width:1024px)and (min-width:1280px) {
        .navigation .menu .sub-menu .submenu__menu {
            width: 75%
        }

        .navigation .menu .sub-menu .submenu__menu .submenu__list {
            -webkit-columns: 3;
            -moz-columns: 3;
            columns: 3
        }
    }

    @media screen and (min-width:1024px)and (pointer:fine) {
        .navigation .menu .sub-menu .submenu__menu .menu__item:not(.btn) .menu__link:hover::after {
            -webkit-transform: translate3d(8px, 0, 0);
            transform: translate3d(8px, 0, 0);
            -webkit-mask-position: 0 100%;
            mask-position: 0 100%
        }
    }

    @media screen and (min-width:1024px) {
        .navigation .menu .sub-menu .submenu__menu .submenu__list.has-descriptions {
            -webkit-columns: none;
            -moz-columns: none;
            columns: none;
            -webkit-column-gap: 0;
            -moz-column-gap: 0;
            column-gap: 0;
            padding: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-align: stretch;
            -ms-flex-align: stretch;
            align-items: stretch;
            height: 100%
        }

        .navigation .menu .sub-menu .submenu__menu .submenu__list.has-descriptions .menu__item:not(.btn).menu__item--has-description {
            border-top: 1px solid var(--border-color);
            border-right: 1px solid var(--border-color);
            margin-top: -1px;
            padding: 0;
            width: 50%
        }

        .navigation .menu .sub-menu .submenu__menu .submenu__list.has-descriptions .menu__item:not(.btn).menu__item--has-description:hover {
            background-color: var(--color-50)
        }

        .navigation .menu .sub-menu .submenu__menu .submenu__list.has-descriptions .menu__item:not(.btn).menu__item--has-description .menu__link {
            display: block;
            padding: 30px
        }

        .navigation .menu .sub-menu .submenu__menu .submenu__list.has-descriptions .menu__item:not(.btn).menu__item--has-description .menu__link::after {
            display: none
        }

        .navigation .menu .sub-menu .submenu__menu .submenu__list.has-descriptions .menu__item:not(.btn).menu__item--has-description .menu__link .content {
            color: var(--color-700)
        }

        .navigation .menu .sub-menu .submenu__menu .menu__item:not(.btn) {
            padding-bottom: 20px;
            display: inline-block;
            width: 100%
        }

        .navigation .menu .sub-menu .submenu__menu .menu__item:not(.btn) .menu__link {
            text-align: left;
            font-weight: 600;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-transition: 150ms;
            transition: 150ms
        }

        .navigation .menu .sub-menu .submenu__menu .menu__item:not(.btn) .menu__link::after {
            content: "";
            margin-left: 1rem;
            width: 12px;
            height: 12px;
            position: relative;
            background-color: currentColor;
            overflow: hidden;
            -webkit-transition: .3s;
            transition: .3s;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24.005'%3E%3Cg id='Designed-Blocks' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cg id='Group-63' fill='currentColor' fill-rule='nonzero'%3E%3Cpath id='Path-Copy' d='M11.1 12c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83L1.535 23.74a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H11.1V12Z'/%3E%3Cpath id='Path-Copy-3' d='M23.1 0c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83l-8.665 8.668a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H23.1V0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24.005'%3E%3Cg id='Designed-Blocks' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cg id='Group-63' fill='currentColor' fill-rule='nonzero'%3E%3Cpath id='Path-Copy' d='M11.1 12c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83L1.535 23.74a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H11.1V12Z'/%3E%3Cpath id='Path-Copy-3' d='M23.1 0c.499 0 .9.401.9.9v9.003c0 .499-.401.9-.9.9a.898.898 0 0 1-.9-.9v-6.83l-8.665 8.668a.9.9 0 0 1-1.272-1.272l8.665-8.665h-6.83a.898.898 0 0 1-.901-.9c0-.499.401-.9.9-.9H23.1V0Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
            -webkit-mask-size: 200%;
            mask-size: 200%;
            -webkit-mask-position: 100% 0;
            mask-position: 100% 0
        }

        .navigation .menu .sub-menu .submenu__menu .menu__item:not(.btn) .menu__link:hover {
            color: var(--color-700)
        }

        .navigation .menu .sub-menu .submenu__menu .menu__item:not(.btn) .menu__link:hover svg path {
            fill: var(--color-700)
        }

        .navigation .hamburger {
            display: none
        }
    }

    .hamburger {
        padding: 0 25px;
        cursor: pointer;
        display: block;
        outline: 0;
        position: relative;
        border-left: 1px solid var(--border-color);
        z-index: 999;
        pointer-events: all
    }

    .hamburger:focus {
        opacity: 1
    }

    .hamburger::after,
    .hamburger::before {
        content: ""
    }

    .hamburger::after,
    .hamburger::before,
    .hamburger__bar--primary,
    .hamburger__bar--secondary {
        background-color: var(--color-700);
        display: block;
        height: 2px;
        left: 50%;
        top: 50%;
        margin-left: -12px;
        margin-top: -1px;
        position: absolute;
        -webkit-transition: .2s ease-in-out;
        transition: .2s ease-in-out;
        width: 24px;
        border-radius: 2px
    }

    .hamburger::before {
        top: calc(50% - 6px)
    }

    .hamburger::after {
        top: calc(50% + 6px)
    }

    @media(pointer:fine) {

        .hamburger:hover::after,
        .hamburger:hover::before {
            -webkit-transform: scale(0);
            transform: scale(0)
        }

        .hamburger:hover .hamburger__bar--secondary {
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }
    }

    .hamburger.active::after,
    .hamburger.active::before {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    .hamburger.active .hamburger__bar--primary {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .hamburger.active .hamburger__bar--secondary {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    @media(pointer:fine) {
        .hamburger.active:hover .hamburger__bar--primary {
            -webkit-transform: rotate(0);
            transform: rotate(0)
        }

        .hamburger.active:hover .hamburger__bar--secondary {
            -webkit-transform: rotate(-180deg);
            transform: rotate(-180deg)
        }
    }

    .footer {
        --border-color: #244a73;
        background-color: var(--color-900);
        color: var(--color-00)
    }

    .footer a {
        text-decoration: none;
        -webkit-transition: opacity 150ms;
        transition: opacity 150ms
    }

    .footer a:hover {
        opacity: .75
    }

    .footer nav ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .footer .footer__intro {
        padding-top: 40px;
        padding-top: clamp(40px, 34.2857142857px + 1.7857142857vw, 60px);
        padding-bottom: 40px;
        padding-bottom: clamp(40px, 34.2857142857px + 1.7857142857vw, 60px);
        border-bottom: 1px solid var(--border-color)
    }

    .footer .footer__intro .intro__logo svg {
        width: 100%;
        max-width: 250px
    }

    .footer .footer__intro .intro__logo svg * {
        fill: var(--color-00)
    }

    .footer .footer__intro .intro__content .content {
        font-weight: 500;
        font-size: 18px;
        font-size: clamp(18px, 13.7142857143px + 1.3392857143vw, 33px)
    }

    .footer .footer__secondary {
        padding-top: 20px;
        padding-top: clamp(20px, 14.2857142857px + 1.7857142857vw, 40px);
        padding-bottom: 20px;
        padding-bottom: clamp(20px, 14.2857142857px + 1.7857142857vw, 40px);
        border-top: 1px solid var(--border-color);
        font-size: .875rem
    }

    @media screen and (min-width:768px) {
        .footer .footer__intro .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .footer .footer__intro .intro__logo {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            padding-right: 40px;
            padding-right: clamp(40px, 25.7142857143px + 4.4642857143vw, 90px)
        }

        .footer .footer__intro .intro__content .content {
            margin-top: -1%
        }

        .footer .footer__intro .intro__content .content p:first-of-type {
            margin-top: 0
        }

        .footer .footer__intro .intro__content .content p:last-of-type {
            margin-bottom: 0
        }

        .footer .footer__secondary .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }
    }

    .footer .footer__secondary .footer--copyright-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    @media screen and (min-width:768px) {
        .footer .footer__secondary .footer--copyright-menu {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row
        }
    }

    .footer .footer__secondary .footer--copyright-menu .footer--secondary-menu {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    @media screen and (min-width:768px) {
        .footer .footer__secondary .footer--copyright-menu .footer--secondary-menu {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }
    }

    .footer .footer__secondary .footer--copyright-menu span {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-bottom: .5rem
    }

    .footer .footer__secondary .footer--copyright-menu .menu {
        margin: 1rem 0
    }

    .footer .footer__secondary .footer--copyright-menu .menu .menu__item {
        margin-bottom: .25rem
    }

    .footer .footer__secondary .credit a {
        font-weight: 500
    }

    .footer__menu {
        max-width: 1110px;
        margin: 0 auto
    }

    @media screen and (min-width:768px) {
        .footer .footer__secondary .footer--copyright-menu span {
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
            margin-bottom: 0
        }

        .footer .footer__secondary .footer--copyright-menu .menu {
            margin: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .footer .footer__secondary .footer--copyright-menu .menu .menu__item {
            margin-bottom: 0;
            margin-right: 16px;
            margin-right: clamp(16px, 9.1428571429px + 2.1428571429vw, 40px)
        }

        .footer__menu .menu {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .footer__menu .menu__item.menu-item-has-children {
            width: 50%
        }

        .footer__menu .menu__item.menu-item-has-children:nth-of-type(odd) {
            border-right: 1px solid var(--border-color)
        }

        .footer__menu .menu__item.menu-item-has-children:nth-last-of-type(-n+2) {
            border-bottom: none
        }
    }

    @media screen and (min-width:1024px) {
        .footer__menu .menu {
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap
        }
    }

    .footer__menu .menu__item {
        font-size: 16px;
        font-size: clamp(16px, 15.4285714286px + .1785714286vw, 18px);
        font-weight: 500;
        margin-bottom: .5rem;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .footer__menu .menu__item.menu-item-has-children {
        padding-top: 20px;
        padding-top: clamp(20px, 17.1428571429px + .8928571429vw, 30px);
        padding-right: 15px;
        padding-right: clamp(15px, 10.7142857143px + 1.3392857143vw, 30px);
        padding-bottom: 20px;
        padding-bottom: clamp(20px, 17.1428571429px + .8928571429vw, 30px);
        padding-left: 15px;
        padding-left: clamp(15px, 10.7142857143px + 1.3392857143vw, 30px);
        border-bottom: 1px solid var(--border-color);
        margin-bottom: 0
    }

    .footer__menu .menu__item.menu-item-has-children:last-of-type {
        border-bottom: none
    }

    .footer__menu .menu__item.menu-item-has-children>.menu__link {
        display: inline-block;
        margin-bottom: 1.5rem;
        color: var(--color-ac--100);
        font-weight: 700
    }

    .footer__menu .menu__item:last-of-type {
        margin-bottom: 0
    }

    .grid {
        width: 100%;
        display: grid;
        grid-gap: 30px
    }

    .grid .grid__item {
        width: 100% !important
    }

    @media screen and (min-width:480px) {
        .grid--cols-2 {
            grid-template-columns: 50% 50%
        }

        .grid--cols-3 {
            grid-template-columns: 100%
        }

        .side-pop .search .search__link .search__label {
            display: inline-block
        }
    }

    @media screen and (min-width:1024px) {
        .footer__menu .menu__item {
            margin-bottom: 1rem
        }

        .footer__menu .menu__item.menu-item-has-children {
            width: auto;
            border-bottom: 0;
            border-right: 1px solid var(--border-color)
        }

        .footer__menu .menu__item.menu-item-has-children:last-of-type {
            border-right: 0
        }
    }

    .side-pop {
        display: none;
        --border-color: #244a73;
        -webkit-box-shadow: var(--shadow--100);
        box-shadow: var(--shadow--100);
        position: fixed;
        top: 50vh;
        width: 40px;
        left: 0;
        -webkit-transform: translate3d(-110%, -50%, 0);
        transform: translate3d(-110%, -50%, 0);
        z-index: 1000;
        -webkit-transition: 150ms;
        transition: 150ms;
        background-color: var(--color-900);
        color: var(--color-00);
        border-radius: 0 4px 4px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    @media screen and (min-width:1280px) {
        .footer__menu .menu__item.menu-item-has-children .sub-menu--multiple ul {
            display: grid;
            grid-template-columns: auto auto;
            grid-column-gap: 30px
        }

        .footer__menu .menu__item.menu-item-has-children:first-of-type {
            padding-left: 0
        }

        .footer__menu .menu__item.menu-item-has-children:last-of-type {
            padding-right: 0
        }

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

    .side-pop.active {
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0)
    }

    .side-pop .search {
        padding: 1rem 0;
        border-bottom: 1px solid var(--border-color)
    }

    .side-pop .search .search__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        text-decoration: none
    }

    .side-pop .search .search__link:hover {
        opacity: .75
    }

    .side-pop .search .search__link svg {
        width: 18px;
        fill: var(--color-00)
    }

    .side-pop .search .search__link .search__label {
        margin: 0 0 0 .5rem
    }

    .side-pop .search form {
        display: none
    }

    .side-pop .ss {
        display: none;
        padding: 1rem 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }

    .side-pop .ss .ns-si {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .side-pop .ss li {
        margin: 0 0 .5rem
    }

    .side-pop .ss li:last-child {
        margin: 0
    }

    .side-pop .ss li a {
        width: 18px
    }

    .side-pop .lang {
        padding: .5rem 0;
        border-bottom: 1px solid var(--border-color);
        width: 100%
    }

    .side-pop .lang .wpml-ls.wpml-ls-legacy-list-horizontal {
        margin: 0;
        padding: 0
    }

    .side-pop .lang .wpml-ls.wpml-ls-legacy-list-horizontal ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: block
    }

    .side-pop .lang .wpml-ls.wpml-ls-legacy-list-horizontal ul li {
        padding: 0;
        margin: 0 auto;
        width: 100%;
        text-align: center
    }

    .side-pop .lang .wpml-ls.wpml-ls-legacy-list-horizontal ul li a {
        display: block;
        text-align: center
    }

    .side-pop .lang .wpml-ls.wpml-ls-legacy-list-horizontal ul li a:hover {
        opacity: .75
    }

    .tabs .tabs__button {
        margin-left: 4px;
        position: relative;
        text-align: center;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        font-weight: 500;
        font-family: Outfit, -ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        font-size: 16px;
        font-size: clamp(16px, 15.4285714286px + .1785714286vw, 18px);
        cursor: pointer;
        padding: .95rem 1.75rem 1rem;
        border-radius: 4px 4px 0 0;
        line-height: 1.1;
        -webkit-transition: 150ms;
        transition: 150ms;
        color: var(--color-text--100);
        background-color: var(--color-bg--100);
        margin-bottom: 0
    }

    .tabs .tabs__button:hover {
        background-color: var(--color-btn-bg--fade);
        background-color: var(--color-btn-bg--fade)
    }

    .tabs .tabs__button.active {
        color: var(--color-text--200);
        background-color: var(--color-btn-bg--100)
    }

    .block.block--content .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .block.block--content .block__column {
        max-width: 600px;
        margin: 0 auto
    }

    @media screen and (min-width:1024px) {
        .block.block--content .container {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

        .block.block--content .block__column {
            max-width: none;
            margin: 0;
            width: calc(50% - 30px)
        }
    }

    @media screen and (min-width:1280px) {
        .block.block--content .block__column {
            width: calc(50% - 40px)
        }
    }

    .block.block--content .block__column--secondary {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        aspect-ratio: 16/9;
        border-radius: 4px;
        overflow: hidden;
        margin: 0 auto
    }

    .block.block--content .block__column--secondary img,
    .block.block--content .block__column--secondary picture {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    @media screen and (min-width:1024px) {
        .block.block--content .block__column--secondary {
            margin: 0
        }

        .block.block--content .block__column--main {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .block--content.block--content-image .block__column--main {
            padding: 1.5rem 0
        }
    }

    .block.block--content .block__column--main {
        margin-bottom: 30px
    }

    .block.block--content .btn {
        margin-top: 25px;
        margin-top: clamp(25px, 23.5714285714px + .4464285714vw, 30px)
    }

    .block.block--cta {
        padding-top: 60px;
        padding-top: clamp(60px, 42.8571428571px + 5.3571428571vw, 120px);
        padding-bottom: 60px;
        padding-bottom: clamp(60px, 42.8571428571px + 5.3571428571vw, 120px)
    }

    .block.block--cta .cta__main .content {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .block.block--cta .cta__button {
        margin-top: 2rem
    }

    .block.block--hero {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: var(--nav-height-mobile)
    }

    @media screen and (min-width:768px) {
        .grid--cols-3 {
            grid-template-columns: 33.3333% 33.3333% 33.3333%
        }

        .block.block--hero {
            margin-top: var(--nav-height-tablet)
        }

        .cards--match-heights .card .card__main {
            aspect-ratio: 2;
        }
    }

    @media screen and (min-width:1024px) {
        .block.block--cta .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .block.block--cta .cta__section-title {
            width: 16.7%
        }

        .block.block--cta .cta__main {
            width: 83.3%
        }

        .block.block--cta .cta__main .content {
            margin-top: -1.5%;
            margin-bottom: 0
        }

        .block.block--hero {
            margin-top: var(--nav-height-desktop)
        }
    }

    @media screen and (min-width:1280px) {
        .block.block--hero {
            margin-top: 0
        }
    }

    .block.block--hero .container {
        position: relative;
        z-index: 2
    }

    .block.block--hero .breadcrumb {
        font-size: .875rem;
        margin-bottom: 1.5rem;
        font-weight: 700;
        text-decoration: none;
        color: var(--color-00);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        text-transform: uppercase;
        letter-spacing: .0625rem
    }

    .block.block--hero .breadcrumb a {
        margin-right: .5rem;
        text-decoration: none
    }

    .block.block--hero .breadcrumb .breadcrumb__separator {
        margin: 0 .5rem 0 0;
        width: 5px;
        height: 8px;
        display: inline-block;
        background-color: currentColor;
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.333 8'%3E%3Cg id='Designed-Blocks' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cg id='Blocks-Medium' fill='%23000' fill-rule='nonzero' transform='translate(-308 -2018)'%3E%3Cg id='Group-26' transform='translate(0 1752)'%3E%3Cg id='Group-24' transform='translate(165 258)'%3E%3Cpath id='Path' d='M147.243 11.783c.12.119.12.315 0 .434l-3.716 3.694a.312.312 0 0 1-.437 0 .307.307 0 0 1 0-.435L146.587 12l-3.497-3.476a.307.307 0 0 1 0-.435c.12-.119.317-.119.437 0l3.716 3.694Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
        mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4.333 8'%3E%3Cg id='Designed-Blocks' fill='none' fill-rule='evenodd' stroke='none' stroke-width='1'%3E%3Cg id='Blocks-Medium' fill='%23000' fill-rule='nonzero' transform='translate(-308 -2018)'%3E%3Cg id='Group-26' transform='translate(0 1752)'%3E%3Cg id='Group-24' transform='translate(165 258)'%3E%3Cpath id='Path' d='M147.243 11.783c.12.119.12.315 0 .434l-3.716 3.694a.312.312 0 0 1-.437 0 .307.307 0 0 1 0-.435L146.587 12l-3.497-3.476a.307.307 0 0 1 0-.435c.12-.119.317-.119.437 0l3.716 3.694Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
    }

    .block.block--hero .breadcrumb .breadcrumb__current {
        opacity: .5
    }

    .block.block--hero .breadcrumb a:hover {
        opacity: .75
    }

    .block.block--hero.block--hero-basic {
        height: 335px;
        height: clamp(335px, 277.8571428571px + 17.8571428571vw, 535px)
    }

    .block.block--hero.block--hero-basic .breadcrumb {
        color: var(--color-text--100)
    }

    .block.block--locations .map__icon {
        width: 16px;
        width: clamp(16px, 9.1428571429px + 2.1428571429vw, 40px);
        height: 16px;
        height: clamp(16px, 9.1428571429px + 2.1428571429vw, 40px);
        position: absolute;
        -webkit-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .block.block--locations .map__icon.active svg .active {
        opacity: 1
    }

    .block.block--locations .map__icon svg {
        width: 100%;
        height: 100%;
        fill: var(--color-text--100) !important;
        cursor: pointer;
        -webkit-transition: fill 150ms;
        transition: fill 150ms
    }

    .block.block--locations .map__icon svg .active {
        -webkit-transition: opacity 150ms;
        transition: opacity 150ms
    }

    .block.block--locations .map__icon svg .active {
        opacity: 0
    }

    .block.block--locations .map__icon svg:hover .active {
        opacity: 1
    }

    .block.block--locations .cards {
        padding-bottom: 40px;
        padding-bottom: clamp(40px, 28.5714285714px + 3.5714285714vw, 80px)
    }

    @media screen and (min-width:480px) {
        .block.block--locations .cards {
            grid-template-columns: 50% 50%
        }

        .top-bar .search .search__link .search__label {
            display: inline-block
        }
    }

    @media screen and (min-width:1024px) {
        .block.block--locations {
            padding-top: 0;
            padding-bottom: 0
        }

        .block.block--locations .container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .block.block--locations .cards {
            grid-template-columns: 25% 25% 25% 25%
        }
    }

    .plyr {
        width: 100%;
        overflow: hidden;
        border-radius: 4px;
        z-index: 2
    }

    .plyr .plyr__poster {
        background-size: cover;
        z-index: 2
    }

    .plyr video {
        width: 100%;
        height: 100%
    }

    .block.block--video .container {
        position: relative;
        z-index: 1
    }

    .block.block--video img,
    .block.block--video picture {
        border-radius: 4px;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center
    }

    .block.block--video.theme--darkest+.block.block--video.theme--darkest,
    .block.block--video.theme--light+.block.block--video.theme--light,
    .block.block--video.theme--standard+.block.block--video.theme--standard,
    .block.block--video.theme--white+.block.block--video.theme--white {
        margin-top: -40px;
        margin-top: clamp(-80px, -28.5714285714px + -3.5714285714vw, -40px);
        padding-top: 30px
    }

    .block {
        padding-top: 40px;
        padding-top: clamp(40px, 28.5714285714px + 3.5714285714vw, 80px);
        padding-bottom: 40px;
        padding-bottom: clamp(40px, 28.5714285714px + 3.5714285714vw, 80px);
        background-color: var(--color-bg--100);
        color: var(--color-text--100);
        overflow: hidden
    }

    .block.theme--darkest+.block.theme--darkest,
    .block.theme--light+.block.theme--light,
    .block.theme--standard+.block.theme--standard,
    .block.theme--white+.block.theme--white {
        padding-top: 20px;
        padding-top: clamp(20px, 20px + 0, 20px)
    }

    .cards--alternate .grid__item:nth-of-type(2n) .card .card__image {
        border-radius: 0 0 4px 4px !important
    }

    @media screen and (min-width:768px) {
        .cards--alternate .grid__item:nth-of-type(2n) .card .card__image {
            -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
            order: 2
        }
    }

    .card {
        border-radius: 4px;
        background-color: var(--color-bg--200);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
        text-decoration: none;
        color: var(--color-text--100);
        -webkit-transition: -webkit-transform 150ms, -webkit-box-shadow 150ms;
        transition: transform 150ms, box-shadow 150ms, -webkit-transform 150ms, -webkit-box-shadow 150ms;
        width: 100%;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .card .card__image {
        aspect-ratio: 2;
        overflow: hidden;
        position: relative;
        border-radius: 4px 4px 0 0
    }

    .card .card__image::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        background-color: var(--color-ovly--100);
        mix-blend-mode: multiply;
        z-index: 1;
        -webkit-transition: opacity 150ms;
        transition: opacity 150ms
    }

    .card .card__image img,
    .card .card__image picture {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        -webkit-transition: -webkit-filter 150ms;
        transition: filter 150ms;
        transition: filter 150ms, -webkit-filter 150ms
    }

    .card .card__main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 15px;
        padding: clamp(15px, 10.7142857143px + 1.3392857143vw, 30px);
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        color: var(--color-text--200)
    }

    .card .card__main .card__content {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .card .card__main .card__link {
        color: currentColor;
        margin-top: 2rem
    }

    .card.card--application .application__header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 15px;
        padding: clamp(15px, 13.5714285714px + .4464285714vw, 20px);
        border-bottom: 1px solid var(--color-bg--100);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .card.card--application .application__header .card__title {
        margin: 0;
        color: var(--color-text--200)
    }

    .card.card--application .application__icon {
        width: 60px;
        height: 60px;
        margin-right: 15px;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .card.card--application .application__icon img,
    .card.card--application .application__icon svg {
        border-radius: 8px;
        overflow: hidden;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }

    .card.card--application .card__main {
        padding: 15px;
        padding: clamp(15px, 13.5714285714px + .4464285714vw, 20px)
    }

    .block__intro {
        padding-bottom: 40px;
        padding-bottom: clamp(40px, 28.5714285714px + 3.5714285714vw, 80px)
    }

    .block__intro .title {
        margin: 0
    }

    .block__intro .title--100 {
        margin-bottom: 1rem
    }

    .block__intro .intro__content {
        margin-top: 1.5rem
    }

    .pagination {
        padding-bottom: 20px;
        padding-bottom: clamp(20px, 14.2857142857px + 1.7857142857vw, 40px);
        text-align: center
    }

    .pagination .container {
        background-color: #ff69b4
    }

    @media screen and (min-width:1024px) {
        .block__intro {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        .block__intro .intro__header {
            width: auto;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding-right: 30px
        }

        .block__intro .intro__content {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            margin-top: 0;
            width: 60%;
            padding-left: 15px
        }

        .pagination {
            width: 66.6666666%;
            border-left: 1px solid var(--color-ac--100);
            margin: 0 0 0 auto;
            text-align: left;
            padding-left: 30px
        }
    }

    .slider {
        padding-bottom: 2.5rem
    }

    .ns-si {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ns-si li {
        margin-right: .5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .ns-si li:last-of-type {
        margin-right: 0
    }

    .ns-si li a {
        -webkit-transition: opacity 150ms;
        transition: opacity 150ms;
        text-decoration: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 1rem;
        font-weight: 500
    }

    @media screen and (min-width:768px) {
        .ns-si li a {
            font-size: 1.125rem
        }
    }

    .ns-si li a svg {
        width: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        fill: currentColor
    }

    @media(pointer:fine) {
        .card:hover {
            -webkit-box-shadow: var(--shadow--100);
            box-shadow: var(--shadow--100);
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0)
        }

        .card:hover .card__image::before {
            opacity: 1
        }

        .card:hover .card__image img,
        .card:hover .card__image picture {
            -webkit-filter: grayscale(100%);
            filter: grayscale(100%)
        }

        .ns-si li a:hover {
            opacity: .75
        }
    }

    .top-bar {
        position: fixed;
        top: 0;
        width: 100%;
        left: 0;
        z-index: 10000;
        --border-color: #244a73;
        background-color: var(--color-900);
        color: var(--color-00)
    }

    @media screen and (min-width:1280px) {
        .ns-si li a {
            font-size: 1.25rem
        }

        .top-bar {
            position: absolute
        }
    }

    .top-bar .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--top-bar-height)
    }

    .top-bar .title--100 {
        display: none;
        margin: 0 1rem 0 0
    }

    @media screen and (min-width:630px) {
        .top-bar .title--100 {
            display: inline-block
        }
    }

    .top-bar .search {
        padding: 0 1rem 0 0;
        border-right: 1px solid var(--border-color)
    }

    @media screen and (min-width:1110px) {
        .top-bar .search {
            padding: 0 2rem;
            border-left: 1px solid var(--border-color)
        }
    }

    .top-bar .search .search__link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        text-decoration: none
    }

    .top-bar .search .search__link:hover {
        opacity: .75
    }

    .top-bar .search .search__link svg {
        width: 18px;
        fill: var(--color-00)
    }

    .top-bar .search .search__link .search__label {
        margin: 0 0 0 .5rem
    }

    .top-bar .search form {
        display: none
    }

    .top-bar .ss {
        height: 100%;
        padding: 0 0 0 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-left: 1px solid var(--border-color)
    }

    @media screen and (min-width:1110px) {
        .top-bar .ss {
            padding: 0 2rem;
            border-right: 1px solid var(--border-color)
        }
    }

    .top-bar .ss li a {
        width: 18px
    }

    .top-bar .lang {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 .5rem 0 1rem;
        border-left: 1px solid var(--border-color)
    }

    @media screen and (min-width:1110px) {
        .top-bar .lang {
            padding: 0 1.5rem 0 2rem
        }
    }

    .top-bar .lang .wpml-ls.wpml-ls-legacy-list-horizontal {
        margin: 0;
        padding: 0
    }

    .top-bar .lang .wpml-ls.wpml-ls-legacy-list-horizontal ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0
    }

    .top-bar .lang .wpml-ls.wpml-ls-legacy-list-horizontal ul li {
        padding: 0;
        margin: 0
    }

    .top-bar .lang .wpml-ls.wpml-ls-legacy-list-horizontal ul li a {
        padding: 0 .5rem 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .top-bar .lang .wpml-ls.wpml-ls-legacy-list-horizontal ul li a:hover {
        opacity: .75
    }

    .top-bar .secondary {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 0 auto
    }

    .trendyol-logo {
        background-color: #F27919;
        color: white;
        padding: 0px 25px;
        border-radius: 50px;
        transition: transform 1s ease;
        /* Geçiş efekti ekliyoruz */
    }

    .trendyol-logo:hover {
        transform: scale(1.1);
    }

    .text-dark {
        color: black;
    }