@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: 0.35em 0.75em 0.625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

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

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

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

/*! Flickity v2.2.2
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0deg, 0%, 100%, 0.75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: white;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19F;
    box-shadow: 0 0 0 5px #19F
}

.flickity-button:active {
    opacity: 0.6
}

.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}

.flickity-enabled.is-fade .flickity-slider>* {
    pointer-events: none;
    z-index: 0
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
    pointer-events: auto;
    z-index: 1
}

/*! @algolia/autocomplete-theme-classic 1.6.2 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
:root {
    --aa-search-input-height: 44px;
    --aa-input-icon-size: 20px;
    --aa-base-unit: 16;
    --aa-spacing-factor: 1;
    --aa-spacing: calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);
    --aa-spacing-half: calc(var(--aa-spacing)/2);
    --aa-panel-max-height: 650px;
    --aa-base-z-index: 9999;
    --aa-font-size: calc(var(--aa-base-unit)*1px);
    --aa-font-family: inherit;
    --aa-font-weight-medium: 500;
    --aa-font-weight-semibold: 600;
    --aa-font-weight-bold: 700;
    --aa-icon-size: 20px;
    --aa-icon-stroke-width: 1.6;
    --aa-icon-color-rgb: 119, 119, 163;
    --aa-icon-color-alpha: 1;
    --aa-action-icon-size: 20px;
    --aa-text-color-rgb: 38, 38, 39;
    --aa-text-color-alpha: 1;
    --aa-primary-color-rgb: 62, 52, 211;
    --aa-primary-color-alpha: 0.2;
    --aa-muted-color-rgb: 128, 126, 163;
    --aa-muted-color-alpha: 0.6;
    --aa-panel-border-color-rgb: 128, 126, 163;
    --aa-panel-border-color-alpha: 0.3;
    --aa-input-border-color-rgb: 128, 126, 163;
    --aa-input-border-color-alpha: 0.8;
    --aa-background-color-rgb: 255, 255, 255;
    --aa-background-color-alpha: 1;
    --aa-input-background-color-rgb: 255, 255, 255;
    --aa-input-background-color-alpha: 1;
    --aa-selected-color-rgb: 179, 173, 214;
    --aa-selected-color-alpha: 0.205;
    --aa-description-highlight-background-color-rgb: 245, 223, 77;
    --aa-description-highlight-background-color-alpha: 0.5;
    --aa-detached-media-query: (max-width:680px);
    --aa-detached-modal-media-query: (min-width:680px);
    --aa-detached-modal-max-width: 680px;
    --aa-detached-modal-max-height: 500px;
    --aa-overlay-color-rgb: 115, 114, 129;
    --aa-overlay-color-alpha: 0.4;
    --aa-panel-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
    --aa-scrollbar-width: 13px;
    --aa-scrollbar-track-background-color-rgb: 234, 234, 234;
    --aa-scrollbar-track-background-color-alpha: 1;
    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
    --aa-scrollbar-thumb-background-color-alpha: 1
}

@media (hover:none) and (pointer:coarse) {
    :root {
        --aa-spacing-factor: 1.2;
        --aa-action-icon-size: 22px
    }
}

body.dark, body[data-theme=dark] {
    --aa-text-color-rgb: 183, 192, 199;
    --aa-primary-color-rgb: 146, 138, 255;
    --aa-muted-color-rgb: 146, 138, 255;
    --aa-input-background-color-rgb: 0, 3, 9;
    --aa-background-color-rgb: 21, 24, 42;
    --aa-selected-color-rgb: 146, 138, 255;
    --aa-selected-color-alpha: 0.25;
    --aa-description-highlight-background-color-rgb: 0 255 255;
    --aa-description-highlight-background-color-alpha: 0.25;
    --aa-icon-color-rgb: 119, 119, 163;
    --aa-panel-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
    --aa-scrollbar-track-background-color-rgb: 44, 46, 64;
    --aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb)
}

.aa-Autocomplete *, .aa-DetachedFormContainer *, .aa-Panel * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.aa-Autocomplete, .aa-DetachedFormContainer, .aa-Panel {
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-family: inherit;
    font-family: var(--aa-font-family);
    font-size: 16px;
    font-size: var(--aa-font-size);
    font-weight: 400;
    line-height: 1em;
    margin: 0;
    padding: 0;
    text-align: left
}

.aa-Form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
    border: 1px solid rgba(128, 126, 163, 0.8);
    border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1em;
    margin: 0;
    position: relative;
    width: 100%
}

.aa-Form[focus-within] {
    border-color: #3e34d3;
    border-color: rgba(var(--aa-primary-color-rgb), 1);
    -webkit-box-shadow: 0 0 0 2px rgba(62, 52, 211, 0.2), inset 0 0 0 2px rgba(62, 52, 211, 0.2);
    box-shadow: 0 0 0 2px rgba(62, 52, 211, 0.2), inset 0 0 0 2px rgba(62, 52, 211, 0.2);
    -webkit-box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
    outline: medium none currentColor
}

.aa-Form:focus-within {
    border-color: #3e34d3;
    border-color: rgba(var(--aa-primary-color-rgb), 1);
    -webkit-box-shadow: 0 0 0 2px rgba(62, 52, 211, 0.2), inset 0 0 0 2px rgba(62, 52, 211, 0.2);
    box-shadow: 0 0 0 2px rgba(62, 52, 211, 0.2), inset 0 0 0 2px rgba(62, 52, 211, 0.2);
    -webkit-box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
    outline: medium none currentColor
}

.aa-InputWrapperPrefix {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 44px;
    height: var(--aa-search-input-height);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.aa-Label, .aa-LoadingIndicator {
    cursor: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    padding: 0;
    text-align: left
}

.aa-Label svg, .aa-LoadingIndicator svg {
    color: #3e34d3;
    color: rgba(var(--aa-primary-color-rgb), 1);
    height: auto;
    max-height: 20px;
    max-height: var(--aa-input-icon-size);
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    width: 20px;
    width: var(--aa-input-icon-size)
}

.aa-LoadingIndicator, .aa-SubmitButton {
    height: 100%;
    padding-left: 11px;
    padding-left: calc(var(--aa-spacing) * 0.75 - 1px);
    padding-right: 8px;
    padding-right: var(--aa-spacing-half);
    width: 47px;
    width: calc(var(--aa-spacing) * 1.75 + var(--aa-icon-size) - 1px)
}

@media (hover:none) and (pointer:coarse) {
    .aa-LoadingIndicator, .aa-SubmitButton {
        padding-left: 3px;
        padding-left: calc(var(--aa-spacing-half) / 2 - 1px);
        width: 39px;
        width: calc(var(--aa-icon-size) + var(--aa-spacing) * 1.25 - 1px)
    }
}

.aa-SubmitButton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    margin: 0
}

.aa-LoadingIndicator {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.aa-LoadingIndicator[hidden] {
    display: none
}

.aa-InputWrapper {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    position: relative;
    width: 100%
}

.aa-Input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font: inherit;
    height: 44px;
    height: var(--aa-search-input-height);
    padding: 0;
    width: 100%
}

.aa-Input::-moz-placeholder {
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}

.aa-Input:-ms-input-placeholder {
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}

.aa-Input::-webkit-input-placeholder {
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}

.aa-Input::-ms-input-placeholder {
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}

.aa-Input::placeholder {
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    opacity: 1
}

.aa-Input:focus {
    border-color: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none
}

.aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration {
    -webkit-appearance: none;
    appearance: none
}

.aa-InputWrapperSuffix {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    height: var(--aa-search-input-height);
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.aa-ClearButton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: 0;
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0 12.8333333333px;
    padding: 0 calc(var(--aa-spacing) * 0.83333 - 0.5px)
}

@media (hover:none) and (pointer:coarse) {
    .aa-ClearButton {
        padding: 0 10.1666666667px;
        padding: 0 calc(var(--aa-spacing) * 0.66667 - 0.5px)
    }
}

.aa-ClearButton:focus, .aa-ClearButton:hover {
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}

.aa-ClearButton[hidden] {
    display: none
}

.aa-ClearButton svg {
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    width: 20px;
    width: var(--aa-icon-size)
}

.aa-Panel {
    background-color: #fff;
    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    border-radius: 4px;
    border-radius: calc(var(--aa-spacing) / 4);
    -webkit-box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
    -webkit-box-shadow: var(--aa-panel-shadow);
    box-shadow: var(--aa-panel-shadow);
    margin: 8px 0 0;
    overflow: hidden;
    position: absolute;
    -webkit-transition: opacity 0.2s ease-in, -webkit-filter 0.2s ease-in;
    transition: opacity 0.2s ease-in, -webkit-filter 0.2s ease-in;
    transition: opacity 0.2s ease-in, filter 0.2s ease-in;
    transition: opacity 0.2s ease-in, filter 0.2s ease-in, -webkit-filter 0.2s ease-in
}

@media screen and (prefers-reduced-motion) {
    .aa-Panel {
        -webkit-transition: none;
        transition: none
    }
}

.aa-Panel button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    margin: 0;
    padding: 0
}

.aa-PanelLayout {
    height: 100%;
    margin: 0;
    max-height: 650px;
    max-height: var(--aa-panel-max-height);
    overflow-y: auto;
    padding: 0;
    position: relative;
    text-align: left
}

.aa-PanelLayoutColumns--twoGolden {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 39.2% auto;
    grid-template-columns: 39.2% auto;
    overflow: hidden;
    padding: 0
}

.aa-PanelLayoutColumns--two {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[2];
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    padding: 0
}

.aa-PanelLayoutColumns--three {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
    overflow: hidden;
    padding: 0
}

.aa-Panel--stalled .aa-Source {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.8
}

.aa-Panel--scrollable {
    margin: 0;
    max-height: 650px;
    max-height: var(--aa-panel-max-height);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px;
    padding: var(--aa-spacing-half);
    scrollbar-color: #fff #eaeaea;
    scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
    scrollbar-width: thin
}

.aa-Panel--scrollable::-webkit-scrollbar {
    width: 13px;
    width: var(--aa-scrollbar-width)
}

.aa-Panel--scrollable::-webkit-scrollbar-track {
    background-color: #eaeaea;
    background-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha))
}

.aa-Panel--scrollable::-webkit-scrollbar-thumb {
    background-color: #fff;
    background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb), var(--aa-scrollbar-thumb-background-color-alpha));
    border-radius: 9999px;
    border: 3px solid #eaeaea;
    border-color: rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha));
    border-right: 2px solid rgba(var(--aa-scrollbar-track-background-color-rgb), var(--aa-scrollbar-track-background-color-alpha))
}

.aa-Source {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

.aa-Source:empty {
    display: none
}

.aa-SourceNoResults {
    font-size: 1em;
    margin: 0;
    padding: 16px;
    padding: var(--aa-spacing)
}

.aa-List {
    list-style: none;
    margin: 0
}

.aa-List, .aa-SourceHeader {
    padding: 0;
    position: relative
}

.aa-SourceHeader {
    margin: 8px 0.5em 8px 0;
    margin: var(--aa-spacing-half) 0.5em var(--aa-spacing-half) 0
}

.aa-SourceHeader:empty {
    display: none
}

.aa-SourceHeaderTitle {
    background: #fff;
    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    color: #3e34d3;
    color: rgba(var(--aa-primary-color-rgb), 1);
    display: inline-block;
    font-size: 0.8em;
    font-weight: 600;
    font-weight: var(--aa-font-weight-semibold);
    margin: 0;
    padding: 0 8px 0 0;
    padding: 0 var(--aa-spacing-half) 0 0;
    position: relative;
    z-index: 9999;
    z-index: var(--aa-base-z-index)
}

.aa-SourceHeaderLine {
    border-bottom: 1px solid #3e34d3;
    border-bottom: 1px solid rgba(var(--aa-primary-color-rgb), 1);
    display: block;
    height: 2px;
    left: 0;
    margin: 0;
    opacity: 0.3;
    padding: 0;
    position: absolute;
    right: 0;
    top: 8px;
    top: var(--aa-spacing-half);
    z-index: 9998;
    z-index: calc(var(--aa-base-z-index) - 1)
}

.aa-SourceFooterSeeAll {
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(128, 126, 163, 0.14)));
    background: linear-gradient(180deg, #fff, rgba(128, 126, 163, 0.14));
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha))), to(rgba(128, 126, 163, 0.14)));
    background: linear-gradient(180deg, rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha)), rgba(128, 126, 163, 0.14));
    border: 1px solid rgba(128, 126, 163, 0.6);
    border: 1px solid rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);
    box-shadow: inset 0 0 2px #fff, 0 2px 2px -1px rgba(76, 69, 88, 0.15);
    color: inherit;
    font-size: 0.95em;
    font-weight: 500;
    font-weight: var(--aa-font-weight-medium);
    padding: 0.475em 1em 0.6em;
    text-decoration: none
}

.aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover {
    border: 1px solid #3e34d3;
    border: 1px solid rgba(var(--aa-primary-color-rgb), 1);
    color: #3e34d3;
    color: rgba(var(--aa-primary-color-rgb), 1)
}

.aa-Item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 3px;
    cursor: pointer;
    display: -ms-grid;
    display: grid;
    min-height: 40px;
    min-height: calc(var(--aa-spacing) * 2.5);
    padding: 4px;
    padding: calc(var(--aa-spacing-half) / 2)
}

.aa-Item[aria-selected=true] {
    background-color: rgba(179, 173, 214, 0.205);
    background-color: rgba(var(--aa-selected-color-rgb), var(--aa-selected-color-alpha))
}

.aa-Item[aria-selected=true] .aa-ActiveOnly, .aa-Item[aria-selected=true] .aa-ItemActionButton {
    visibility: visible
}

.aa-ItemIcon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    color: #7777a3;
    color: rgba(var(--aa-icon-color-rgb), var(--aa-icon-color-alpha));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 0.7em;
    height: 28px;
    height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    text-align: center;
    width: 28px;
    width: calc(var(--aa-icon-size) + var(--aa-spacing-half))
}

.aa-ItemIcon img {
    height: auto;
    max-height: 20px;
    max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
    max-width: 20px;
    max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
    width: auto
}

.aa-ItemIcon svg {
    height: 20px;
    height: var(--aa-icon-size);
    width: 20px;
    width: var(--aa-icon-size)
}

.aa-ItemIcon--alignTop {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.aa-ItemIcon--noBorder {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.aa-ItemIcon--picture {
    height: 96px;
    width: 96px
}

.aa-ItemIcon--picture img {
    max-height: 100%;
    max-width: 100%;
    padding: 8px;
    padding: var(--aa-spacing-half)
}

.aa-ItemContent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -ms-grid;
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-gap: var(--aa-spacing-half);
    gap: var(--aa-spacing-half);
    grid-auto-flow: column;
    line-height: 1.25em;
    overflow: hidden
}

.aa-ItemContent:empty {
    display: none
}

.aa-ItemContent mark {
    background: none;
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-style: normal;
    font-weight: 700;
    font-weight: var(--aa-font-weight-bold)
}

.aa-ItemContent--dual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left
}

.aa-ItemContent--dual .aa-ItemContentSubtitle, .aa-ItemContent--dual .aa-ItemContentTitle {
    display: block
}

.aa-ItemContent--indented {
    padding-left: 36px;
    padding-left: calc(var(--aa-icon-size) + var(--aa-spacing))
}

.aa-ItemContentBody {
    display: -ms-grid;
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    grid-gap: calc(var(--aa-spacing-half) / 2);
    gap: calc(var(--aa-spacing-half) / 2)
}

.aa-ItemContentTitle {
    display: inline-block;
    margin: 0 0.5em 0 0;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    white-space: nowrap
}

.aa-ItemContentSubtitle {
    font-size: 0.92em
}

.aa-ItemContentSubtitleIcon:before {
    border-color: rgba(128, 126, 163, 0.64);
    border-color: rgba(var(--aa-muted-color-rgb), 0.64);
    border-style: solid;
    content: "";
    display: inline-block;
    left: 1px;
    position: relative;
    top: -3px
}

.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before {
    border-width: 0 0 1.5px;
    margin-left: 8px;
    margin-left: var(--aa-spacing-half);
    margin-right: 4px;
    margin-right: calc(var(--aa-spacing-half) / 2);
    width: 10px;
    width: calc(var(--aa-spacing-half) + 2px)
}

.aa-ItemContentSubtitle--standalone {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    display: -ms-grid;
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-gap: var(--aa-spacing-half);
    gap: var(--aa-spacing-half);
    grid-auto-flow: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before {
    border-radius: 0 0 0 3px;
    border-width: 0 0 1.5px 1.5px;
    height: 8px;
    height: var(--aa-spacing-half);
    width: 8px;
    width: var(--aa-spacing-half)
}

.aa-ItemContentSubtitleCategory {
    color: #807ea3;
    color: rgba(var(--aa-muted-color-rgb), 1);
    font-weight: 500
}

.aa-ItemContentDescription {
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-size: 0.85em;
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis
}

.aa-ItemContentDescription:empty {
    display: none
}

.aa-ItemContentDescription mark {
    background: rgba(245, 223, 77, 0.5);
    background: rgba(var(--aa-description-highlight-background-color-rgb), var(--aa-description-highlight-background-color-alpha));
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    font-style: normal;
    font-weight: 500;
    font-weight: var(--aa-font-weight-medium)
}

.aa-ItemContentDash {
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    display: none;
    opacity: 0.4
}

.aa-ItemContentTag {
    background-color: rgba(62, 52, 211, 0.2);
    background-color: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha));
    border-radius: 3px;
    margin: 0 0.4em 0 0;
    padding: 0.08em 0.3em
}

.aa-ItemLink, .aa-ItemWrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: inherit;
    display: -ms-grid;
    display: grid;
    grid-gap: 4px;
    gap: 4px;
    grid-gap: calc(var(--aa-spacing-half) / 2);
    gap: calc(var(--aa-spacing-half) / 2);
    grid-auto-flow: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.aa-ItemLink {
    color: inherit;
    text-decoration: none
}

.aa-ItemActions {
    display: -ms-grid;
    display: grid;
    grid-auto-flow: column;
    height: 100%;
    -ms-grid-column-align: end;
    justify-self: end;
    margin: 0 -5.3333333333px;
    margin: 0 calc(var(--aa-spacing) / -3);
    padding: 0 2px 0 0
}

.aa-ItemActionButton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: none;
    border: 0;
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0
}

.aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg {
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha))
}

@media (hover:none) and (pointer:coarse) {
    .aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg {
        color: inherit
    }
}

.aa-ItemActionButton svg {
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    margin: 5.3333333333px;
    margin: calc(var(--aa-spacing) / 3);
    stroke-width: 1.6;
    stroke-width: var(--aa-icon-stroke-width);
    width: 20px;
    width: var(--aa-action-icon-size)
}

.aa-ActiveOnly {
    visibility: hidden
}

.aa-PanelHeader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #3e34d3;
    background: rgba(var(--aa-primary-color-rgb), 1);
    color: #fff;
    display: -ms-grid;
    display: grid;
    height: var(--aa-modal-header-height);
    margin: 0;
    padding: 8px 16px;
    padding: var(--aa-spacing-half) var(--aa-spacing);
    position: relative
}

.aa-PanelHeader:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0deg, 0%, 100%, 0)));
    background-image: linear-gradient(#fff, hsla(0deg, 0%, 100%, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--aa-background-color-rgb), 1)), to(rgba(var(--aa-background-color-rgb), 0)));
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
    bottom: -8px;
    bottom: calc(var(--aa-spacing-half) * -1);
    content: "";
    height: 8px;
    height: var(--aa-spacing-half);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.aa-PanelFooter, .aa-PanelHeader:after {
    z-index: 9999;
    z-index: var(--aa-base-z-index)
}

.aa-PanelFooter {
    background-color: #fff;
    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    -webkit-box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);
    box-shadow: inset 0 1px 0 rgba(128, 126, 163, 0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    padding: 16px;
    padding: var(--aa-spacing);
    position: relative
}

.aa-PanelFooter:after {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0deg, 0%, 100%, 0)), to(rgba(128, 126, 163, 0.6)));
    background-image: linear-gradient(hsla(0deg, 0%, 100%, 0), rgba(128, 126, 163, 0.6));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--aa-background-color-rgb), 0)), to(rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha))));
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha)));
    content: "";
    height: 16px;
    height: var(--aa-spacing);
    left: 0;
    opacity: 0.12;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -16px;
    top: calc(var(--aa-spacing) * -1);
    z-index: 9998;
    z-index: calc(var(--aa-base-z-index) - 1)
}

.aa-DetachedContainer {
    background: #fff;
    background: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    bottom: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
    box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
    -webkit-box-shadow: var(--aa-panel-shadow);
    box-shadow: var(--aa-panel-shadow);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    left: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
    z-index: var(--aa-base-z-index)
}

.aa-DetachedContainer:after {
    height: 32px
}

.aa-DetachedContainer .aa-SourceHeader {
    margin: 8px 0 8px 2px;
    margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px
}

.aa-DetachedContainer .aa-Panel {
    background-color: #fff;
    background-color: rgba(var(--aa-background-color-rgb), var(--aa-background-color-alpha));
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    position: relative
}

.aa-DetachedContainer .aa-PanelLayout {
    bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 0;
    margin: 0;
    max-height: none;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.aa-DetachedFormContainer {
    border-bottom: 1px solid rgba(128, 126, 163, 0.3);
    border-bottom: 1px solid rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    margin: 0;
    padding: 8px;
    padding: var(--aa-spacing-half)
}

.aa-DetachedCancelButton {
    background: none;
    border: 0;
    border-radius: 3px;
    color: inherit;
    color: #262627;
    color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
    cursor: pointer;
    font: inherit;
    margin: 0 0 0 8px;
    margin: 0 0 0 var(--aa-spacing-half);
    padding: 0 8px;
    padding: 0 var(--aa-spacing-half)
}

.aa-DetachedCancelButton:focus, .aa-DetachedCancelButton:hover {
    -webkit-box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
    box-shadow: inset 0 0 0 1px rgba(128, 126, 163, 0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha));
    box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb), var(--aa-panel-border-color-alpha))
}

.aa-DetachedContainer--modal {
    border-radius: 6px;
    bottom: inherit;
    height: auto;
    margin: 0 auto;
    max-width: 680px;
    max-width: var(--aa-detached-modal-max-width);
    position: absolute;
    top: 3%
}

.aa-DetachedContainer--modal .aa-PanelLayout {
    max-height: 500px;
    max-height: var(--aa-detached-modal-max-height);
    padding-bottom: 8px;
    padding-bottom: var(--aa-spacing-half);
    position: static
}

.aa-DetachedSearchButton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
    border: 1px solid rgba(128, 126, 163, 0.8);
    border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
    border-radius: 3px;
    color: rgba(128, 126, 163, 0.6);
    color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font: inherit;
    font-family: inherit;
    font-family: var(--aa-font-family);
    font-size: 16px;
    font-size: var(--aa-font-size);
    height: 44px;
    height: var(--aa-search-input-height);
    margin: 0;
    padding: 0 5.5px;
    padding: 0 calc(var(--aa-search-input-height) / 8);
    position: relative;
    text-align: left;
    width: 100%
}

.aa-DetachedSearchButton:focus {
    border-color: #3e34d3;
    border-color: rgba(var(--aa-primary-color-rgb), 1);
    -webkit-box-shadow: 0 0 0 3px rgba(62, 52, 211, 0.2), inset 0 0 0 2px rgba(62, 52, 211, 0.2);
    box-shadow: 0 0 0 3px rgba(62, 52, 211, 0.2), inset 0 0 0 2px rgba(62, 52, 211, 0.2);
    -webkit-box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
    box-shadow: rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 3px, inset rgba(var(--aa-primary-color-rgb), var(--aa-primary-color-alpha)) 0 0 0 2px;
    outline: medium none currentColor
}

.aa-DetachedSearchButtonIcon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3e34d3;
    color: rgba(var(--aa-primary-color-rgb), 1);
    cursor: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 36px;
    width: calc(var(--aa-icon-size) + var(--aa-spacing))
}

.aa-Detached {
    height: 100vh;
    overflow: hidden
}

.aa-DetachedOverlay {
    background-color: rgba(115, 114, 129, 0.4);
    background-color: rgba(var(--aa-overlay-color-rgb), var(--aa-overlay-color-alpha));
    height: 100vh;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9998;
    z-index: calc(var(--aa-base-z-index) - 1)
}

.aa-GradientBottom, .aa-GradientTop {
    height: 8px;
    height: var(--aa-spacing-half);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 9999;
    z-index: var(--aa-base-z-index)
}

.aa-GradientTop {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(hsla(0deg, 0%, 100%, 0)));
    background-image: linear-gradient(#fff, hsla(0deg, 0%, 100%, 0));
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--aa-background-color-rgb), 1)), to(rgba(var(--aa-background-color-rgb), 0)));
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 1), rgba(var(--aa-background-color-rgb), 0));
    top: 0
}

.aa-GradientBottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0deg, 0%, 100%, 0)), to(#fff));
    background-image: linear-gradient(hsla(0deg, 0%, 100%, 0), #fff);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(var(--aa-background-color-rgb), 0)), to(rgba(var(--aa-background-color-rgb), 1)));
    background-image: linear-gradient(rgba(var(--aa-background-color-rgb), 0), rgba(var(--aa-background-color-rgb), 1));
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: calc(var(--aa-spacing) / 4);
    border-bottom-right-radius: 4px;
    border-bottom-right-radius: calc(var(--aa-spacing) / 4);
    bottom: 0
}

@media (hover:none) and (pointer:coarse) {
    .aa-DesktopOnly {
        display: none
    }
}

@media (hover:hover) {
    .aa-TouchOnly {
        display: none
    }
}

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

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

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

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

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

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

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

    to {
        opacity: 1
    }
}

@keyframes plyr-fade-in {
    0% {
        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: inherit;
    font-family: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: 1.7;
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    z-index: 0
}

.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: #4a5464;
    background: var(--plyr-badge-background, #4a5464);
    border-radius: 2px;
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: #fff;
    color: var(--plyr-badge-text-color, #fff);
    font-size: 9px;
    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: plyr-fade-in 0.3s ease;
    animation: plyr-fade-in 0.3s ease;
    bottom: 0;
    display: none;
    font-size: 13px;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    width: 100%
}

.plyr__captions span:empty {
    display: none
}

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

@media (min-width:768px) {
    .plyr__captions {
        font-size: 18px;
        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(-40px);
    transform: translateY(-40px);
    -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4))
}

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

.plyr__caption div {
    display: inline
}

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

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

.plyr__control:focus {
    outline: 0
}

.plyr__control.plyr__tab-focus {
    outline: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) 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: 2.5px;
    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: 2.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px) / 4)
}

.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 5px;
    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 [data-plyr=airplay], .plyr [data-plyr=captions], .plyr [data-plyr=fullscreen], .plyr [data-plyr=pip], .plyr__controls:empty {
    display: none
}

.plyr--airplay-supported [data-plyr=airplay], .plyr--captions-enabled [data-plyr=captions], .plyr--fullscreen-enabled [data-plyr=fullscreen], .plyr--pip-supported [data-plyr=pip] {
    display: inline-block
}

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

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

.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: plyr-popup 0.2s ease;
    animation: plyr-popup 0.2s ease;
    background: hsla(0deg, 0%, 100%, 0.9);
    background: var(--plyr-menu-background, hsla(0deg, 0%, 100%, 0.9));
    border-radius: 4px;
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    box-shadow: var(--plyr-menu-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    color: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    font-size: 15px;
    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 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1), width 0.35s cubic-bezier(0.4, 0, 0.2, 1)
}

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

.plyr__menu__container [role=menu] {
    padding: 7px;
    padding: calc(var(--plyr-control-spacing, 10px) * 0.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: #4a5464;
    color: var(--plyr-menu-color, #4a5464);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: 4.66667px 10.5px;
    padding: calc(var(--plyr-control-spacing, 10px) * 0.7 / 1.5) calc(var(--plyr-control-spacing, 10px) * 0.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: 4px solid transparent;
    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--forward {
    padding-right: 28px;
    padding-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4)
}

.plyr__menu__container .plyr__control--forward:after {
    border-left-color: #728197;
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: 6.5px;
    right: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor
}

.plyr__menu__container .plyr__control--back {
    font-weight: 400;
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: 7px;
    margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
    margin-bottom: 3.5px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
    padding-left: 28px;
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
    position: relative;
    width: calc(100% - 14px);
    width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2)
}

.plyr__menu__container .plyr__control--back:after {
    border-right-color: #728197;
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    left: 6.5px;
    left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 1.5 - var(--plyr-menu-item-arrow-size, 4px))
}

.plyr__menu__container .plyr__control--back:before {
    background: #dcdfe5;
    background: var(--plyr-menu-back-border-color, #dcdfe5);
    -webkit-box-shadow: 0 1px 0 #fff;
    box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
    content: "";
    height: 1px;
    left: 0;
    margin-top: 3.5px;
    margin-top: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor
}

.plyr__menu__container .plyr__control[role=menuitemradio] {
    padding-left: 7px;
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.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, 0.1);
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 16px;
    margin-right: 10px;
    margin-right: var(--plyr-control-spacing, 10px);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    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 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
    width: 6px
}

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

.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, 0.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: -5px;
    margin-right: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 + 2);
    overflow: hidden;
    padding-left: 24.5px;
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 3.5);
    pointer-events: none
}

.plyr--full-ui input[type=range] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 26px;
    border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: #00b2ff;
    color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    display: block;
    height: 19px;
    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 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    width: 100%
}

.plyr--full-ui input[type=range]::-webkit-slider-runnable-track {
    background: transparent;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), color-stop(0, transparent));
    background-image: linear-gradient(90deg, currentColor 0, transparent 0);
    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));
    border: 0;
    border-radius: 2.5px;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: box-shadow 0.3s ease;
    -webkit-transition: -webkit-box-shadow 0.3s ease;
    transition: -webkit-box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;
    -webkit-user-select: none;
    user-select: none
}

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

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

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

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

.plyr--full-ui input[type=range]::-ms-track {
    color: transparent
}

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

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

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

.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: 3px dotted #00b2ff;
    outline: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b2ff))) dotted 3px;
    outline-offset: 2px
}

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

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

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

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

.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster {
    display: none
}

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

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

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

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

.plyr__tooltip:before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid hsla(0deg, 0%, 100%, 0.9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0deg, 0%, 100%, 0.9));
    bottom: -4px;
    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, .plyr__tooltip--visible {
    opacity: 1;
    -webkit-transform: translate(-50%) scale(1);
    transform: translate(-50%) 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: translateY(10px) scale(0.8);
    transform: translateY(10px) scale(0.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: 16px;
    left: calc(var(--plyr-control-icon-size, 18px) / 2 + var(--plyr-control-spacing, 10px) * 0.7)
}

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

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

.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible, .plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible, .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__tooltip--visible, .plyr__controls>.plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls>.plyr__control:last-child:hover .plyr__tooltip {
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1)
}

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

.plyr__progress input[type=range], .plyr__progress__buffer {
    margin-left: -6.5px;
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    margin-right: -6.5px;
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    width: calc(100% + 13px);
    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;
    white-space: normal
}

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

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

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

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

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

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

.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: hsla(0deg, 0%, 100%, 0.25);
    background-color: var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25))
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr__progress__marker {
    background-color: #fff;
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: 5px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3px;
    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: 5px;
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
    margin-right: 5px;
    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--audio {
    display: block
}

.plyr--audio .plyr__controls {
    background: #fff;
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: #4a5464;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px)
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-audio-control-color-hover, #fff)
}

.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]::-ms-track {
    background-color: rgba(193, 200, 209, 0.6);
    background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6)))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1));
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px rgba(35, 40, 47, 0.1);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, rgba(35, 40, 47, 0.1))
}

.plyr--audio .plyr__progress__buffer {
    color: rgba(193, 200, 209, 0.6);
    color: var(--plyr-audio-progress-buffered-background, rgba(193, 200, 209, 0.6))
}

.plyr--video {
    background: #000;
    background: var(--plyr-video-background, var(--plyr-video-background, #000));
    overflow: hidden
}

.plyr--video.plyr--menu-open {
    overflow: visible
}

.plyr__video-wrapper {
    background: #000;
    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--video .plyr__controls {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
    bottom: 0;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: 5px;
    padding: calc(var(--plyr-control-spacing, 10px) / 2);
    padding-top: 20px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
    position: absolute;
    right: 0;
    -webkit-transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out;
    z-index: 3
}

@media (min-width:480px) {
    .plyr--video .plyr__controls {
        padding: 10px;
        padding: var(--plyr-control-spacing, 10px);
        padding-top: 35px;
        padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5)
    }
}

.plyr--video.plyr--hide-controls .plyr__controls {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    color: #fff;
    color: var(--plyr-video-control-color-hover, #fff)
}

.plyr__control--overlaid {
    background: #00b2ff;
    background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b2ff)));
    border: 0;
    border-radius: 100%;
    color: #fff;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: 0.9;
    padding: 15px;
    padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 2
}

.plyr__control--overlaid svg {
    left: 2px;
    position: relative
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
    opacity: 1
}

.plyr--playing .plyr__control--overlaid {
    opacity: 0;
    visibility: hidden
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block
}

.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track {
    background-color: hsla(0deg, 0%, 100%, 0.25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-moz-range-track {
    background-color: hsla(0deg, 0%, 100%, 0.25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]::-ms-track {
    background-color: hsla(0deg, 0%, 100%, 0.25);
    background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25)))
}

.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb {
    -webkit-box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0deg, 0%, 100%, 0.5);
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0deg, 0%, 100%, 0.5);
    -webkit-box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0deg, 0%, 100%, 0.5));
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0deg, 0%, 100%, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0deg, 0%, 100%, 0.5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0deg, 0%, 100%, 0.5))
}

.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb {
    box-shadow: 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2), 0 0 0 3px hsla(0deg, 0%, 100%, 0.5);
    box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px rgba(35, 40, 47, 0.15), 0 0 0 1px rgba(35, 40, 47, 0.2)), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, hsla(0deg, 0%, 100%, 0.5))
}

.plyr--video .plyr__progress__buffer {
    color: hsla(0deg, 0%, 100%, 0.25);
    color: var(--plyr-video-progress-buffered-background, hsla(0deg, 0%, 100%, 0.25))
}

.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__control .icon--exit-fullscreen {
    display: block
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

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

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

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

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

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

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

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

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

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
    display: block
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg {
    display: none
}

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

@media (min-width:1024px) {
    .plyr--fullscreen-fallback .plyr__captions {
        font-size: 21px;
        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: 10px;
    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: 10px;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3
}

.plyr__ads:empty:after {
    display: none
}

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

.plyr__preview-thumb {
    background-color: hsla(0deg, 0%, 100%, 0.9);
    background-color: var(--plyr-tooltip-background, hsla(0deg, 0%, 100%, 0.9));
    border-radius: 5px;
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px rgba(0, 0, 0, 0.15));
    margin-bottom: 10px;
    margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateY(10px) scale(0.8);
    transform: translateY(10px) scale(0.8);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    transition: opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s;
    transition: transform 0.2s ease 0.1s, opacity 0.2s ease 0.1s, -webkit-transform 0.2s ease 0.1s;
    z-index: 2
}

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

.plyr__preview-thumb:before {
    border-left: 4px solid transparent;
    border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: 4px solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: 4px solid hsla(0deg, 0%, 100%, 0.9);
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, hsla(0deg, 0%, 100%, 0.9));
    bottom: -4px;
    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: 4px;
    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, 0.15);
    box-shadow: inset 0 0 0 1px rgba(0, 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: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.75)));
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));
    background: var(--plyr-video-controls-background, linear-gradient(transparent, rgba(0, 0, 0, 0.75)));
    border-bottom-left-radius: 4px;
    border-bottom-left-radius: calc(var(--plyr-tooltip-radius, 5px) - 1px);
    border-bottom-right-radius: 4px;
    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: 13px;
    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 0.3s ease;
    transition: opacity 0.3s ease;
    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: cover;
    object-fit: cover;
    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);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

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

.grid {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 0 60px
}

.grid--1 {
    -ms-grid-columns: (1fr)[1];
    grid-template-columns: repeat(1, 1fr)
}

.grid--2 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.grid--3 {
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.grid--4 {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr)
}

.grid--6 {
    -ms-grid-columns: (1fr)[6];
    grid-template-columns: repeat(6, 1fr)
}

.grid--8 {
    -ms-grid-columns: (1fr)[8];
    grid-template-columns: repeat(8, 1fr)
}

.grid--12 {
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr)
}

html {
    font-size: 62.5%
}

body {
    font-family: "DM Sans", sans-serif
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0
}

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

.hidden {
    display: none
}

.o-hidden {
    overflow: hidden;
    height: 100vh
}

.dark-mode img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    opacity: 0.5
}

.img-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.lazy {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}

.lazy.loaded {
    -webkit-filter: none;
    filter: none
}

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

.btn {
    display: inline-block;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.btn:after {
    display: none !important
}

.dark-mode .btn {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.btn--neg {
    border: 1px solid #FFF
}

.btn--neg:hover {
    background-color: #FFF;
    color: #000000
}

.btn--regular {
    font-size: 2.5rem;
    padding: 0.5em 1em
}

.btn--blue {
    color: #FFF;
    background-color: #0066FF
}

.btn--blue:hover {
    color: #0066FF;
    background-color: rgba(0, 102, 255, 0.4)
}

.btn--light-blue {
    color: #0066FF;
    background-color: rgba(0, 102, 255, 0.4)
}

.btn--light-blue:hover {
    color: white;
    background-color: #0066ff
}

.btn--green {
    color: #37CD7B;
    background-color: rgba(55, 205, 123, 0.4)
}

.btn--green:hover {
    color: white;
    background-color: #37cd7b
}

.btn--rounded {
    border-radius: 15px
}

.btn--small {
    font-size: 2rem;
    padding: 0.25em 1em;
    border-radius: 1em
}

.ais-ClearRefinements-button--disabled {
    visibility: hidden;
    opacity: 0
}

.scroll-down {
    display: 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;
    position: fixed;
    bottom: 40px;
    right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: white;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
    overflow: hidden;
    z-index: 1000
}

.scroll-down svg {
    width: 50%;
    -webkit-animation: wheel 2s infinite;
    animation: wheel 2s infinite
}

.scroll-down path {
    fill: #0066FF
}

.dark-mode .scroll-down {
    background-color: #000000;
    border: 1px solid #FFF
}

.dark-mode .scroll-down path {
    fill: #FFF
}

@media (max-width:768px) {
    .scroll-down {
        bottom: 90px;
        display: none
    }
}

@media (max-width:576px) {
    .scroll-down {
        left: 20px;
        width: 42px;
        height: 42px
    }
}

.scroll-top {
    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;
    position: fixed;
    bottom: 120px;
    right: 20px;
    z-index: 5000;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: white;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    border: none;
    cursor: pointer;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    -webkit-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out
}

.scroll-top svg {
    width: 50%;
    -webkit-animation: wheel-up 2s infinite;
    animation: wheel-up 2s infinite
}

.scroll-top path {
    fill: #0066FF
}

.dark-mode .scroll-top {
    background-color: #000000;
    border: 1px solid #FFF
}

.dark-mode .scroll-top path {
    fill: #FFF
}

.scroll-top.scroll-top--is-visible {
    opacity: 1;
    visibility: visible
}

@media (max-width:768px) {
    .scroll-top {
        bottom: 90px;
        display: none
    }
}

@media (max-width:576px) {
    .scroll-top {
        right: 20px;
        width: 42px;
        height: 42px
    }
}

.tool-nl {
    position: relative;
    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: 40px;
    height: 40px;
    border-radius: 40px;
    border: none;
    cursor: pointer;
    background-color: #0066FF;
    margin-top: 10px;
    margin-left: -10px
}

.tool-nl svg {
    width: 25px;
    height: 25px
}

.tool-nl:after {
    content: attr(data-more-info);
    position: absolute;
    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;
    top: 0;
    right: calc(100% + 5px);
    background-color: rgb(204, 224, 255);
    white-space: nowrap;
    height: 100%;
    padding: 0 2em;
    border-radius: 50px;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate3d(-1em, 0, 0);
    transform: translate3d(-1em, 0, 0);
    font-weight: 500;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.tool-nl:hover:after {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes wheel {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0) scale(0.7);
        transform: translate3d(0, -30px, 0) scale(0.7);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }

    70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0) scale(0.7);
        transform: translate3d(0, 30px, 0) scale(0.7);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
}

@keyframes wheel {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0) scale(0.7);
        transform: translate3d(0, -30px, 0) scale(0.7);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }

    70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0) scale(0.7);
        transform: translate3d(0, 30px, 0) scale(0.7);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
}

@-webkit-keyframes wheel-up {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0) scale(0.7) rotate(180deg);
        transform: translate3d(0, 30px, 0) scale(0.7) rotate(180deg);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        transform: translate3d(0, 0, 0) rotate(180deg);
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }

    70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        transform: translate3d(0, 0, 0) rotate(180deg);
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0) scale(0.7) rotate(180deg);
        transform: translate3d(0, -30px, 0) scale(0.7) rotate(180deg);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
}

@keyframes wheel-up {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0) scale(0.7) rotate(180deg);
        transform: translate3d(0, 30px, 0) scale(0.7) rotate(180deg);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }

    30% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        transform: translate3d(0, 0, 0) rotate(180deg);
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }

    70% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0) rotate(180deg);
        transform: translate3d(0, 0, 0) rotate(180deg);
        -webkit-filter: blur(0px);
        filter: blur(0px)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -30px, 0) scale(0.7) rotate(180deg);
        transform: translate3d(0, -30px, 0) scale(0.7) rotate(180deg);
        -webkit-filter: blur(3px);
        filter: blur(3px)
    }
}

.dark-mode ul {
    color: #FFF
}

p {
    font-family: "DM Sans", sans-serif;
    line-height: 1.333333333
}

p:last-child, p:only-child {
    margin: 0
}

.dark-mode p {
    color: #FFF
}

.big-text {
    font-size: 6rem;
    font-weight: 500;
    line-height: 1.06;
    color: #0066FF
}

.dark-mode .big-text {
    color: #FFF
}

figure {
    margin: 0
}

figcaption {
    margin-top: 1em;
    font-size: 2rem
}

.sticky-nl {
    position: fixed;
    position: absolute;
    left: -5px;
    top: 63px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);

}

.sticky-nl img {
    width: 25px;
    height: 25px;
}

.top-bar--small .sticky-nl img {
    width: 20px;
    height: 20px;
}

.sticky-nl .sticky-nl__trigger {
    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;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #0066FF;
    cursor: pointer;
}

.sticky-search {
    position: fixed;
    position: absolute;
    left: -63px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);


}

.sticky-search__trigger {
    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;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #0066FF
}

.sticky-search:hover .sticky-search__trigger {
    opacity: 0;
    visibility: hidden
}

.solutions-cta {
    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 12px;
    border-radius: 15px;
    width: fit-content;
    min-width: 100px;
    background-color: #0066FF;
    color: #fff;
    margin-right: 16px;
}

.solutions-cta:last-of-type {
    margin-right: 0;
}


.solutions-cta:hover {
    background-color: #37CD7B;
    cursor: pointer;
}

.solutions-cta svg {
    width: 18px;
    height: 18px;
    position: relative;
    top: 2px;
    margin-right: 4px;
}

.solutions-cta path {
    fill: #fff;
}

.top-bar--small .sticky-search {
    opacity: 1;
    visibility: visible;
}

.top-bar--small .sticky-search__trigger {
    width: 42px;
    height: 42px
}

.top-bar--small .sticky-nl {
    opacity: 1;
    visibility: visible;
    top: 57px
}

.top-bar--small .sticky-nl__trigger {
    width: 42px;
    height: 42px
}

@media (max-width:992px) {
    .sticky-search__trigger {
        width: 42px;
        height: 42px
    }

    .sticky-nl .sticky-nl__trigger {
        width: 42px;
        height: 42px;
        top: -55px
    }

    .top-bar--small .sticky-nl {
        top: 55px;
    }
}

.sticky-search__input {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 55px;
    border-radius: 60px;
    background-color: #0066FF;
    background-color: #9cbbf9;
    border: none;
    padding: 0 30px 0 30px;
    color: #000000;
    font-size: 2.5rem;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.sticky-search__input:focus {
    outline: none
}

.sticky-search:hover .sticky-search__input {
    width: 250px;
    padding: 0 55px 0 30px
}

.top-bar--small .sticky-search__input {
    width: 42px;
    height: 42px
}

@media (max-width:992px) {
    .sticky-search__input {
        width: 42px;
        height: 42px
    }
}

.sticky-search__submit {
    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;
    position: relative;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #0066FF;
    cursor: pointer
}

.top-bar--small .sticky-search__submit {
    width: 42px;
    height: 42px
}

@media (max-width:992px) {
    .sticky-search__submit {
        width: 42px;
        height: 42px
    }
}

.sticky-search__submit svg, .sticky-search__trigger svg {
    width: 20px
}

.top-bar--small .sticky-search__submit svg, .top-bar--small .sticky-search__trigger svg {
    width: 15px
}

@media (max-width:992px) {
    .sticky-search__submit svg, .sticky-search__trigger svg {
        width: 15px
    }
}

.sticky-search__submit path, .sticky-search__trigger path {
    fill: #FFF
}

.sticky-search__search {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.1s ease-in-out 0.3s;
    transition: all 0.1s ease-in-out 0.3s
}

.sticky-search:hover .sticky-search__search {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0s ease-in-out 0s;
    transition: all 0s ease-in-out 0s
}

.top-bar {
    position: fixed;
    top: 0px;
    left: 0;
    width: 100%;
    padding: 0 60px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 10000;
    background-color: #fff;
}

@media (max-width:992px) {
    .top-bar {
        top: 20px;
        background-color: none;
    }



    .dark-mode .top-bar .top-bar__tools {
        background-color: #000000;
        border: 1px solid #FFF
    }
}

@media (max-width:768px) {
    .top-bar {
        padding: 0 40px;
        background-color: transparent;
    }

    .sticky-cta {
        display: none;
    }

    .sticky-search {
        display: none;
    }
}

@media (max-width:576px) {
    .top-bar {
        padding: 0 20px;
        background-color: transparent;
    }
}

.top-bar--white .top-bar__tools {
    background-color: #FFF
}

.dark-mode .top-bar--white .top-bar__tools {
    background-color: #000000
}

.top-bar--grey .top-bar__tools {
    /* background-color: transparent */
}

.dark-mode .top-bar--grey .top-bar__tools {
    background-color: #000000
}

.top-bar--small {
    /* top: 20px;
    background-color: transparent; */
}

.top-bar--small .top-bar__tools {
    /* background-color: #F5F5F5 */
}

.dark-mode .top-bar--small .top-bar__tools {
    background-color: #000000;
    border: 1px solid #FFF
}

.top-bar__main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 0px;
    border-radius: 100px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

@media (max-width:992px) {
    .top-bar__main {
        padding: 0;
        z-index: unset
    }
}

.top-bar__logo {
    position: absolute;
    display: block;
    left: 0;
    height: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-bar--small .top-bar__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    width: 150px;
    max-width: 150px
}

.top-bar--small .top-bar__logo .main-logo__text {
    opacity: 0;
    visibility: hidden
}

@media (max-width:992px) {
    .top-bar__logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 150px;
        flex: 0 0 150px;
        width: 150px;
        max-width: 150px
    }
}

.main-logo {
    height: 100%;
    /* padding: 30px; */
    max-width: 200px;
}

.main-logo__target circle {
    fill: white
}



.main-logo__target path {
    fill: #37CD7B;
}

.main-logo--dark .main-logo__text path {
    /* fill: #000000 */
    fill: black;
}

.dark-mode .main-logo--dark .main-logo__text path {
    fill: black
}

.main-logo--light .main-logo__text path {
    fill: black
}

.main-logo__text {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-bar__tools {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 25px 15px 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.dark-mode .top-bar__tools {
    border: 1px solid #FFF
}





.sticky-cta .cta-btn {
    font-size: 20px;
    background-color: #ff0707;
    padding: 10px 16px;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
}

@media (max-width:992px) {
    .top-bar__tools {
        padding: 10px 20px 10px 20px;
        background-color: #f5f5f5;
        border-radius: 50px;
    }


    .sticky-cta {
        position: relative;
        right: 14px;
    }


    .sticky-cta .cta-btn {
        font-size: 16px;
        padding: 6px 10px;

    }
}

.top-bar__sub {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 2rem;
    border-radius: 50px;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    opacity: 0;
    margin-top: 1px;
    visibility: hidden;
    z-index: -1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-bar__sub--is-visible {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.dark-mode .top-bar__sub {
    color: #FFF;
    background-color: black;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
    margin-top: -1px
}

@media (max-width:992px) {
    .top-bar__sub {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.top-bar__share {
    position: absolute;
    top: 15px;
    left: -65px;
    background-color: #F5F5F5;
    padding: 14px 20px;
    border-radius: 50px;
    text-align: center;
    -webkit-transform: translate3d(-100%, -50%, 0);
    transform: translate3d(-100%, -50%, 0);
    font-size: 2rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-bar--small .top-bar__share {
    padding: 8px 20px;
    left: -145px
}

.top-bar__share--is-visible {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 1;
    visibility: visible
}

.top-bar__share__btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
    padding: 14px 20px;
    border-radius: 50px;
    background-color: #F5F5F5;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.top-bar__share:hover .top-bar__share__btn {
    visibility: hidden;
    opacity: 0
}

.dark-mode .top-bar__share__btn {
    color: #FFF;
    background-color: #000000
}

.top-bar--small .top-bar__share__btn {
    padding: 8px 20px
}

.top-bar__share__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-bar__share__list li {
    font-weight: 700;
    margin-left: 1em
}

.top-bar__share__list li:first-child {
    margin-left: 0
}

.top-bar__share__list a {
    color: #000000;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.top-bar__share__list a:hover {
    color: #0066FF
}

.dark-mode .top-bar__share__list a {
    color: #FFF
}

.top-bar__breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media (max-width:992px) {
    .top-bar__breadcrumb {
        display: none
    }
}

.switches {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.color-mode {
    margin-top: 10px;
    margin-left: -10px
}

.color-mode__button {
    position: relative;
    border: none;
    background-color: #E5E5E5;
    border: 1px solid #E5E5E5;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    cursor: pointer
}

.color-mode__button span {
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 26px;
    height: 26px;
    padding: 3px;
    border-radius: 26px;
    background-color: white;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.color-mode__button svg {
    width: 20px;
    height: 20px;
    -webkit-transition: inherit;
    transition: inherit
}

.color-mode__button rect {
    -webkit-transition: inherit;
    transition: inherit
}

.color-mode__button line {
    -webkit-transition: inherit;
    transition: inherit
}

.color-mode__button--light span {
    -webkit-transform: translate3d(calc(100% + 4px), 0, 0) rotate(90deg);
    transform: translate3d(calc(100% + 4px), 0, 0) rotate(90deg)
}

.color-mode__button--dark {
    border: 1px solid #FFF;
    background-color: #000000
}

.color-mode__button--dark svg {
    width: 18px;
    height: 18px
}

.color-mode__button--dark span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background-color: #000000;
    border: 1px solid #FFF
}

.color-mode__button--dark rect {
    fill: #000000;
    stroke: #FFF
}

.color-mode__button--dark line {
    stroke: #FFF
}

.nav--top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    margin-right: 16px;
}

/* .top-bar--small .nav--top-bar {
    display: none
} */

@media (max-width:992px) {
    .nav--top-bar {
        display: none
    }
}

.menu-communaute-navigation-container>ul>li:last-child, .menu-community-navigation-container>ul>li:last-child {
    margin-right: 0;
    border-right: none;
}

.nav-box {
    --sub-box-w: calc(318.16px - 30px);
    --x-pos: 127px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.nav-box:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #bcbcbc
}

.dark-mode .nav-box:after {
    background-color: white
}

.nav__title {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 2em
}

.dark-mode .nav__title {
    color: #FFF
}

.nav .menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}

.nav .menu>li {
    font-size: 1.8rem;
    white-space: nowrap;
    padding: 10px;
    border-right: 1px solid #000;
}



.nav--top-bar .sub-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 1.5rem;
    font-weight: 500;
    background-color: #F5F5F5;
    border-radius: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.nav--top-bar .sub-menu li {
    margin-bottom: 1px
}

.nav--top-bar .sub-menu li:last-child {
    margin-bottom: 0
}

.nav--top-bar .sub-menu a {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.nav--top-bar .sub-menu li:hover>a {
    background-color: #FFF
}

.dark-mode .nav--top-bar .sub-menu {
    background-color: #000000;
    border: 1px solid #FFF
}

.dark-mode .nav--top-bar .sub-menu a:hover {
    color: #000000;
    background-color: #FFF
}

.nav--top-bar .menu-item-has-children {
    position: relative
}

.nav--top-bar .menu-item-has-children .sub-menu {
    position: absolute;
    top: calc(100% + 25px);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
    z-index: 1
}

.nav--top-bar .menu-item-has-children .sub-menu:before {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: -21px;
    width: 100%;
    height: 100%;
    z-index: -1
}

.top-bar--small .nav--top-bar .menu-item-has-children .sub-menu {
    top: calc(100% + 22px)
}

.nav--top-bar .menu-item-has-children .sub-menu .sub-menu {
    font-size: 1.5rem;
    top: -10px;
    left: calc(100% + 11px)
}

.nav--top-bar .menu-item-has-children .sub-menu .sub-menu:before {
    left: -20px
}

.nav--top-bar .menu-item-has-children .sub-menu .sub-menu a {
    white-space: normal;
    white-space: nowrap;
    padding: 5px 20px
}

.nav--top-bar .menu-item-has-children:hover>.sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.nav-box--left .menu-item-has-children .sub-menu {
    left: -30px
}

.nav-box--right .menu-item-has-children .sub-menu {
    right: -30px
}

.nav-box--right .menu-item-has-children .sub-menu .sub-menu {
    left: calc(-100% - 15px);
    right: unset;
    top: 0
}

.lang-switch {
    max-width: 50px;
    margin: 0 1em 0 0.5em;
    font-size: 1.5rem
}

.lang-switch ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.lang-switch .wpml-ls-legacy-dropdown a, .lang-switch a {
    border: none
}

.mobile-nav .lang-switch {
    position: absolute;
    top: 30px;
    left: 30px
}

@media (max-width:768px) {
    .mobile-nav .lang-switch {
        left: 15px
    }
}

.burger {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 30px;
    height: 20px;
    padding: 0;
    font-size: 1.5rem;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    cursor: pointer
}

@media (max-width:992px) {
    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.top-bar--small .burger {
    /* display: -webkit-box;
    display: -ms-flexbox; */
    display: none;
}

.burger__bar {
    width: 100%;
    height: 2px;
    background-color: #000000;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.dark-mode .burger__bar {
    background-color: #FFF
}

.burger--x .burger__bar--top {
    -webkit-transform: translate3d(0, 9px, 0) rotate(45deg);
    transform: translate3d(0, 9px, 0) rotate(45deg)
}

.burger--x .burger__bar--bottom {
    -webkit-transform: translate3d(0, -9px, 0) rotate(-45deg);
    transform: translate3d(0, -9px, 0) rotate(-45deg)
}

.burger--x .burger__bar--middle {
    opacity: 0
}

.close-main-nav {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    position: absolute;
    right: calc(var(--main-nav-tool) + 12px);
    top: calc(var(--top-bar-h) + 26px);
    z-index: 999;
}



.top-bar--small .close-main-nav {
    top: calc(var(--top-bar-h) + 32px);
}

.news-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    flex-flow: column wrap;
    align-items: flex-start;
    color: #fff;
    font-size: 2rem;
    width: 100%;
    min-block-size: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    /* background: rgba(0, 102, 255, 0.8); */

    /* border-radius: 0 20px 20px 20px; */
}

/* .dark-mode .news-bar {
    background-color: #000000;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF
} */

@media (max-width:768px) {
    .news-bar {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-block-size: fit-content;
    }
}

.news-bar__label {
    display: inline;
    /* position: absolute;
    top: -2em; */
    padding: 0.5em 0.75em;
    width: auto;
    white-space: nowrap;
    /* background: rgba(200, 200, 200, 0.9); */
    background: rgba(0, 102, 255, 0.8);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 20px;
}

.news-bar__last-news {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 0 0;
    width: 95%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    /* overflow: hidden; */
    align-items: flex-end;
    height: 100%;
}

/* .news-bar__last-news:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    width: 40px;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.news-bar__last-news:after {
    right: 0;

    background: rgb(0, 102, 255);
    background: -moz-linear-gradient(90deg, rgba(0, 102, 255, 0.8) 0%, rgba(0, 102, 255, 0.028448879551820738) 5%);
    background: -webkit-linear-gradient(90deg, rgba(0, 102, 255, 0.8) 0%, rgba(0, 102, 255, 0.028448879551820738) 5%);
    background: linear-gradient(90deg, rgba(0, 102, 255, 0.8) 0%, rgba(0, 102, 255, 0.028448879551820738) 5%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0066ff", endColorstr="#0066ff", GradientType=1);
} */

/* .dark-mode .news-bar__last-news:after {
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%)
} */

@media (max-width:768px) {
    .news-bar__last-news {
        border-right: none
    }
}

.news-bar__marquee {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    align-items: flex-start;
    z-index: 5 !important;

}

.news-bar__marquee span {

    padding: 0.75em;

    background: rgba(0, 102, 255, 0.8);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    border-radius: 20px 20px 0 0;
    margin: 0 20px 0 0;
    height: 130px;
    width: 300px;
    display: flex;
    align-items: center;
}

.dark-mode .news-bar__marquee span {
    /* background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(black));
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, black 100%); */
    background-color: #000000;
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
}

.news-bar__marquee span:hover {
    transform: translate(0, -5%);
    border-radius: 20px;
    background: rgba(0, 102, 255, 0.9);
}

.dark-mode .news-bar__marquee span:hover {
    background-color: #000000;
    border: 1px solid #FFF;
}

.dark-mode .news-bar__label {
    background-color: #000000;
    border: 1px solid #FFF;
}

/* .news-bar__marquee span:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 100%;
    background-color: currentColor
} */

.news-bar__marquee span:last-child:after {
    display: none
}

.news-bar__marquee>div {
    /* white-space: break-spaces */
}

.news-bar__marquee a {
    text-decoration: none;
}

.nl-sub {
    position: relative;
    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;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    padding: 10px 40px;
    border: none;
    background-color: #0066FF;
    color: #FFF;
    border-left: 1px solid #FFF;
    cursor: pointer
}

.dark-mode .nl-sub {
    background-color: #000000
}

.nl-sub span {
    white-space: nowrap
}

@media (max-width:768px) {
    .nl-sub {
        border-top: 1px solid #FFF;
        border-left: none
    }
}

@media (max-width:576px) {
    .nl-sub {
        padding: 10px 20px
    }
}

.nl-sub__back, .nl-sub__front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0066FF
}

.dark-mode .nl-sub__back, .dark-mode .nl-sub__front {
    background-color: #000000
}

.nl-sub__front {
    z-index: 2;
    padding: 10px 40px;
    -webkit-transition: opacity 0.2s, visibility 0.2s;
    transition: opacity 0.2s, visibility 0.2s;
    cursor: pointer
}

.nl-sub:hover .nl-sub__front {
    opacity: 0;
    visibility: hidden
}

.nl-sub__back {
    padding: 10px 40px;
    z-index: 1
}

.mobile-nav {
    position: fixed;
    top: 20px;
    left: 20px;
    width: calc(100% - 40px);
    height: calc(100vh - 40px);
    border-radius: 20px;
    background-color: #F5F5F5;
    font-size: 2.5rem;
    opacity: 0;
    visibility: hidden;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

@media (max-width:992px) {
    .mobile-nav--is-open {
        opacity: 1;
        visibility: visible
    }
}



.mobile-nav .sub-menu {
    font-size: 2rem;
    margin-bottom: 0.5em;
    display: none
}

.mobile-nav .sub-menu .menu-item {
    margin-top: 0.33em
}

.mobile-nav__item[data-menu="about"] {
    background-color: rgba(190, 205, 255, 0.8);
    padding: 15px 24px;
    border-radius: 30px;
    margin-bottom: 16px;
}

.mobile-nav__item[data-menu="programmes"] {
    background-color: rgba(250, 130, 105, 0.75);
    padding: 15px 24px;
    border-radius: 30px;
    margin-bottom: 16px;
}

.mobile-nav__item[data-menu="solutions"] {
    background-color: rgba(220, 255, 215, 0.8);
    padding: 15px 24px;
    border-radius: 30px;
    margin-bottom: 16px;
}

.mobile-nav__item[data-menu="resources"] {
    background-color: rgba(240, 232, 249, 1);
    padding: 15px 24px;
    border-radius: 30px;
    margin-bottom: 16px;
}

.mobile-nav__item[data-menu="community"] {
    background-color: rgba(198, 209, 195, 1);
    padding: 15px 24px;
    border-radius: 30px;
}



.mobile-nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-weight: 500;

}

.mobile-nav ul ul {
    padding-left: 0px
}

.mobile-nav a {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: block;
    width: 100%
}

.mobile-nav a[href="#"]:not(.wpml-ls-item-toggle) {
    pointer-events: none;
    display: inline;
    width: auto
}

.mobile-nav a:hover {
    color: #0066FF
}

.dark-mode .mobile-nav {
    background-color: #000000;
    border: 1px solid #FFF;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.mobile-nav .menu>li {
    margin-bottom: 10px
}

.mobile-nav .menu-item-has-children {
    position: relative
}

.mobile-nav .menu-item-has-children:after {
    position: absolute;
    right: 0;
    top: 0;
    content: ">";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.1em;
    height: 1.1em;
    color: #0066FF;
    background-color: #fff;
    border-radius: 50%;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0) rotate(90deg);
    transform: translate3d(0, 0, 0) rotate(90deg)
}

.mobile-nav .menu-item-has-children.is-open:after {
    content: ">";
    -webkit-transform: translate3d(0, 0, 0) rotate(-90deg);
    transform: translate3d(0, 0, 0) rotate(-90deg)
}

.mobile-nav .menu-item-has-children>a {
    display: inline;
    width: auto
}

.mobile-nav__wrapper {
    padding: calc(40px + 50px) 40px 40px 40px;
    max-height: 100%;
    overflow: auto
}

@media (max-width:768px) {
    .mobile-nav__wrapper {
        padding: calc(40px + 50px) 20px 20px 20px
    }
}

.mobile-nav__title {
    display: block;
    font-size: 2rem;
    color: #a4a4a4;
    margin-bottom: 0.5em
}

.close-mobile-nav {
    position: absolute;
    top: 40px;
    right: 40px
}


.main-nav {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color: #F5F5F5;
    top: 0;
    left: 0;
    padding-top: calc(var(--top-bar-h));
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}


@media (min-width:993px) {
    .main-nav.main-nav--is-open {
        visibility: visible;
        opacity: 1
    }
}

.dark-mode .main-nav {
    background-color: #000000
}

/* .top-bar--small .main-nav {
    padding-top: calc(var(--top-bar-h) + 18px)
} */

.main-nav__wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(190, 205, 255, 0.8);
    overflow: auto;
    padding: 16px;
    display: none;

}

.main-nav__wrapper .main-nav__header {
    padding: 8px 32px;
    font-size: 18px;
    font-weight: 500;
    max-width: 80%;
    display: flex;
}

.main-nav__wrapper[data-menu="about"] {
    background-color: rgba(190, 205, 255, 0.8);
}

.main-nav__wrapper[data-menu="programmes"] {
    background-color: rgba(250, 130, 105, 0.75)
}

.main-nav__wrapper[data-menu="solutions"] {
    background-color: rgba(220, 255, 215, 0.8);
}

.main-nav__wrapper[data-menu="resources"] {
    background-color: rgba(240, 232, 249, 1);
}

.main-nav__wrapper[data-menu="community"] {
    background-color: rgba(198, 209, 195, 1);
}

.main-nav_wrapper.active {
    display: block;

}

.main-nav__item {
    display: flex;
    flex-flow: column wrap;
    padding: 10px;
    column-gap: 75px;
    row-gap: 75px;
}

.main-nav__item+li~a {
    display: none !important;
}

.main-nav__item>li>ul {
    display: grid;
    flex-wrap: wrap;
    /* justify-content: space-between; */
    /* align-content: space-between; */
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2% 3%;
    padding: 0;
    list-style: none;
    white-space: normal;
}

.main-nav__wrapper[data-menu="solutions"] .main-nav__item>li>ul {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 3% 1%;
}

.main-nav__item ul, .main-nav__item li {
    padding: 0;
    list-style: none;

}

.main-nav__wrapper .main-nav__item>.menu-item>a:first-of-type {
    display: none !important;

}



.main-nav__item ul.sub-menu>li {
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    list-style: none;
    padding: 12px 16px;
    max-width: 325px;
    word-wrap: break-word;
}

.main-nav__wrapper[data-menu="solutions"] .main-nav__item ul.sub-menu>li {
    font-size: 18px;
    padding: 6px 0px;
}

.main-nav__item ul.sub-menu>li.menu-item-has-children>a:hover {
    color: #0066FF;
}

.main-nav__item ul.sub-menu>li>ul>li {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    list-style: none;
    padding: 5px 0;
    margin-top: 6px;
}

.main-nav__item ul.sub-menu>li>ul>li.special-link {
    font-size: 18px;
    padding: 0.5em 1em;
    white-space: nowrap;
    border: 1px solid currentColor;
    border-radius: 50px;
    width: fit-content;
}

.main-nav__item ul.sub-menu>li>ul>li.special-link:hover {
    padding: 0.5em 1em;
    background-color: #0066FF;
    border: 1px solid #0066FF;
    color: #fff;

}

.main-nav__wrapper[data-menu="solutions"] .main-nav__item ul.sub-menu>li>ul>li {
    font-size: 14px;
    margin-top: 0px;
}


.main-nav__item ul.sub-menu>li>ul>li>a:hover {
    background-color: #0066FF;
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.main-nav__item ul.sub-menu>li>ul>li:first-of-type {
    margin-top: 12px;
}

/* .main-nav__wrapper[data-menu="solutions"] .main-nav__item ul.sub-menu>li>ul>li:first-of-type {
    margin-top: 6px;
} */


.main-nav__tool {
    position: absolute;
    top: calc(var(--top-bar-h) + 32px);
    right: 0;
    width: 60px;
    height: calc(100% - (var(--top-bar-h)));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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: justify;
    -ms-flex-pack: justify;
}


.main-nav__tool:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: calc(100% - 10px);
    height: 100%;
    background-color: #FFF;
    border-radius: 30px;
    z-index: -1
}

.dark-mode .main-nav__tool:after {
    background-color: transparent;
    border: 1px solid #FFF
}

.main-nav__tool>div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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
}

.main-nav__fake-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    width: 100%;
    height: 100%
}

.main-nav__fake-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 10px);
    flex: 0 0 calc(25% - 10px);
    height: calc(100% - 10px);
    background-color: #FFF;
    border-radius: 30px
}

.main-nav__fake-col:first-child {
    background-color: rgba(0, 102, 255, 0.2)
}

.dark-mode .main-nav__fake-col {
    background-color: transparent;
    border: 1px solid #FFF
}

ul.tool__social-list.tool__social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    padding: 0;
    list-style: none;
    margin-top: 24px;
    margin-left: -10px;
}

.tool__social-item {
    margin-bottom: 10px
}

.tool__social-item:last-child {
    margin-bottom: 0
}

a.tool__social-link.tool__social-link {
    display: block;
    width: 30px;
    padding: 0
}

.tool__social-icon {
    width: 100%
}

.tool__social-icon--dark {
    display: block
}

.dark-mode .tool__social-icon--dark {
    display: none
}

.tool__social-icon--light {
    display: none
}

.dark-mode .tool__social-icon--light {
    display: block;
    opacity: 1;
    -webkit-filter: none;
    filter: none
}

.popup {
    position: fixed;
    display: none;
    -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;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 90px 40px 40px 40px;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
    visibility: hidden;
    z-index: 20000
}

.popup__in {
    position: relative;
    min-height: 0;
    max-height: 100%;
    background-color: #FFF;
    max-width: 750px
}

.popup__in>div {
    overflow: auto;
    border-radius: 20px;
    height: 100%
}

.popup--newsletter iframe {
    width: 100%;
    height: 100%
}

.close-mobile-nav, .close-popup {
    position: absolute;
    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: 50px;
    max-width: 50px;
    min-width: 50px;
    height: 50px;
    max-height: 50px;
    max-height: 50px;
    padding: 0;
    background-color: #0066FF;
    color: #FFF;
    border-radius: 50%;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.close-mobile-nav:active, .close-popup:active {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

.dark-mode .close-mobile-nav, .dark-mode .close-popup {
    border: 1px solid #FFF;
    background-color: #000000
}

.close-popup {
    top: -45px;
    right: -45px
}

.close-mobile-nav {
    top: 15px;
    right: 15px
}

.close-mobile-nav__label, .close-popup__label {
    display: none
}

.close-mobile-nav__x, .close-popup__x {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
    transform: rotate(45deg) translate3d(0, 0, 0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.close-mobile-nav__x:after, .close-mobile-nav__x:before, .close-popup__x:after, .close-popup__x:before {
    content: "";
    position: absolute;
    display: block;
    top: calc(50% - 1px);
    left: 10px;
    height: 2px;
    width: calc(100% - 20px);
    background-color: #FFF;
    border-radius: 2px
}

.close-mobile-nav__x:after, .close-popup__x:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.close-mobile-nav:hover .close-mobile-nav__x, .close-mobile-nav:hover .close-popup__x, .close-popup:hover .close-mobile-nav__x, .close-popup:hover .close-popup__x {
    -webkit-transform: rotate(135deg) translate3d(0, 0, 0);
    transform: rotate(135deg) translate3d(0, 0, 0)
}

.card {
    container: inline-size;
    position: relative;
    width: 100%;
    padding-top: 160%;
    overflow: hidden;
    background-color: #F5F5F5;
    font-family: "DM Sans", sans-serif;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out
}

@supports (aspect-ratio:1/1.6) {
    .card {
        padding-top: unset;
        aspect-ratio: 1/1.6
    }
}

.dark-mode .card {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF;
    border-width: 1px !important
}

.card--hover {
    -webkit-transform: scale(1.05) translate3d(0, 0, 0);
    transform: scale(1.05) translate3d(0, 0, 0)
}

.slider .card--hover {
    -webkit-transform: none;
    transform: none
}

.card--rounded {
    border-radius: 20px
}

.card--light-grey {
    background-color: #F5F5F5
}

.card--light-grey .card__number {
    color: #F5F5F5
}

.card--white {
    background-color: #FFF
}

.card--beige {
    background-color: #d3c0a2
}

.card--grey {
    background-color: #c8c8c8
}

.card--teal {
    background-color: #558e7b
}

.card--yellow {
    background-color: #ecf67f
}

.card--yellow .card__number {
    color: #ecf67f
}

.card--green {
    background-color: #dcfdd4
}

.card--green .card__number {
    color: #dcfdd4
}

.card--orange {
    background-color: #fc8363
}

.card--orange .card__number {
    color: #fc8363
}

.card--purple {
    background-color: #b78ae4
}

.card--purple .card__number {
    color: #b78ae4
}

.card--digital-blue {
    background-color: #6865fa
}

.card--digital-blue .card__number {
    color: #6865fa
}

.card--light-blue {
    background-color: #bfcdff
}

.card--light-blue .card__number {
    color: #bfcdff
}

.card--pink {
    background-color: #f4b3e5
}

.card--pink .card__number {
    color: #f4b3e5
}

.card--pale-blue {
    background-color: #9ECDD3
}

.card--pale-blue .card__number {
    color: #9ECDD3
}

.card--pale-green {
    background-color: #dcffd7
}

.card--pale-green .card__number {
    color: #dcffd7
}

.card--team-member {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.card--team-member.card--hover {
    background-color: #bfcdff
}

.dark-mode .card--team-member.card--hover {
    background-color: #000000
}

.card-in {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 7.5%
}

.card__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.card__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.25rem;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid currentColor
}

@container (max-width: 300px) {
    .card__type {
        font-size: 1.2rem
    }
}

.card__type__icon {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.25em;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}

.card__type__icon svg {
    height: 100%
}

.card--solution .card__type__icon {
    background-image: url(../img/picto-solution-black.svg)
}

.dark-mode .card--solution .card__type__icon {
    background-image: url(../img/picto-solution-white.svg)
}

.card--field .card__type__icon {
    background-image: url(../img/picto-solution-black.svg)
}

.dark-mode .card--field .card__type__icon {
    background-image: url(../img/picto-solution-white.svg)
}

.card--news .card__type__icon {
    background-image: url(../img/picto-actu-black.svg)
}

.dark-mode .card--news .card__type__icon {
    background-image: url(../img/picto-actu-white.svg)
}

.card--event .card__type__icon {
    background-image: url(../img/picto-event-black.svg)
}

.dark-mode .card--event .card__type__icon {
    background-image: url(../img/picto-event-white.svg)
}

.card--news .card__type__icon {
    background-image: url(../img/picto-actu-black.svg)
}

.dark-mode .card--news .card__type__icon {
    background-image: url(../img/picto-actu-white.svg)
}

.card--partner .card__type__icon {
    background-image: url(../img/picto-partner-black.svg)
}

.dark-mode .card--partner .card__type__icon {
    background-image: url(../img/picto-partner-white.svg)
}

.card--expert .card__type__icon {
    background-image: url(../img/picto-expert-black.svg)
}

.dark-mode .card--expert .card__type__icon {
    background-image: url(../img/picto-expert-white.svg)
}

.card--experience .card__type__icon {
    background-image: url(../img/picto-experience-black.svg)
}

.dark-mode .card--experience .card__type__icon {
    background-image: url(../img/picto-experience-white.svg)
}

.card--resource .card__type__icon {
    background-image: url(../img/picto-resources-black.svg)
}

.dark-mode .card--resource .card__type__icon {
    background-image: url(../img/picto-resources-white.svg)
}

.card__type__name {
    font-family: "Roboto Mono", monospace
}

.card__time {
    font-family: "Roboto Mono", monospace;
    font-size: 1.5rem;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #000000
}

.dark-mode .card__time {
    border-color: #FFF
}

@container (max-width: 300px) {
    .card__time {
        font-size: 1.2rem
    }
}

.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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.card__title {
    font-size: 1.5rem;
    font-weight: 500;
    margin-top: 1em;
    margin-bottom: 0.25em;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@container (max-width: 300px) {
    .card__title {
        font-size: 2rem;
        margin-top: 0.5em
    }
}

.card__number {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0.15em;
    font-size: 0.7em;
    -webkit-transform: translatey(-0.1em);
    transform: translatey(-0.1em);
    margin-right: 0.25em;
    border-radius: 0.2em;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    background-color: black;
    color: white
}

.card__sub-title {
    font-size: 2rem;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.card--partner .card__sub-title {
    font-size: 1.2rem
}

.card__read-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
    font-weight: 700;
    color: #0066FF;
    margin-top: 0.5em
}

.card__read-more:after {
    content: ">";
    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: 0.9em;
    height: 1em;
    margin-left: 0.25em;
    padding-left: 0.1em;
    font-size: 0.8em;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    background-color: #0066FF;
    color: white;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.card__link:hover+.card-in .card__read-more:after {
    -webkit-transform: translateX(0.5em);
    transform: translateX(0.5em)
}

.card--partner__logo {
    margin-bottom: 20px
}

.card--partner__logo img {
    display: block;
    width: 40%;
    max-height: 125px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: left bottom;
    object-position: left bottom
}

.card__main__top {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.card__media {
    container-type: inline-size;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 15px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

@container (max-width: 400px) {
    .card__media {
        margin: 15px 0
    }
}

.card__img {
    position: relative
}

.card__img img {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    height: 100%
}

.card--event .card__img, .card--experience .card__img, .card--expert .card__img, .card--field .card__img, .card--news .card__img, .card--partner .card__img, .card--resource .card__img, .card--solution .card__img {
    width: 100%;
    aspect-ratio: 1/0.6
}

.card--event .card__img img, .card--experience .card__img img, .card--expert .card__img img, .card--field .card__img img, .card--news .card__img img, .card--partner .card__img img, .card--resource .card__img img, .card--solution .card__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@supports not ((-o-object-fit:contain) or (object-fit:contain)) {
    .card--event .card__img img, .card--experience .card__img img, .card--expert .card__img img, .card--field .card__img img, .card--news .card__img img, .card--partner .card__img img, .card--resource .card__img img, .card--solution .card__img img {
        display: none
    }
}

.card--event .card__img .img-cover, .card--experience .card__img .img-cover, .card--expert .card__img .img-cover, .card--field .card__img .img-cover, .card--news .card__img .img-cover, .card--partner .card__img .img-cover, .card--resource .card__img .img-cover, .card--solution .card__img .img-cover {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

@supports ((-o-object-fit:contain) or (object-fit:contain)) {
    .card--event .card__img .img-cover, .card--experience .card__img .img-cover, .card--expert .card__img .img-cover, .card--field .card__img .img-cover, .card--news .card__img .img-cover, .card--partner .card__img .img-cover, .card--resource .card__img .img-cover, .card--solution .card__img .img-cover {
        display: none
    }
}

@supports not ((-o-object-fit:contain) or (object-fit:contain)) {
    .card--event .card__img .img-cover, .card--experience .card__img .img-cover, .card--expert .card__img .img-cover, .card--field .card__img .img-cover, .card--news .card__img .img-cover, .card--partner .card__img .img-cover, .card--resource .card__img .img-cover, .card--solution .card__img .img-cover {
        display: block
    }
}

@container (max-height: 200px) {
    .card--event .card__img .img-cover, .card--experience .card__img .img-cover, .card--expert .card__img .img-cover, .card--field .card__img .img-cover, .card--news .card__img .img-cover, .card--partner .card__img .img-cover, .card--resource .card__img .img-cover, .card--solution .card__img .img-cover {
        display: none
    }
}

.card__footer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.card__tags {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card__tag-item {
    font-family: "Roboto Mono", monospace;
    font-size: 1.15rem;
    margin-right: 0.25em;
    margin-top: 0.25em;
    padding: 0.25em 0.5em;
    border: 1px solid currentColor;
    border-radius: 5px
}

.card__tag-item:last-child {
    margin-right: 0
}

@container (max-width: 400px) {
    .card__tag-item {
        font-size: 1.2rem
    }
}

.card__link {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.card__link span {
    display: none
}

.card-grid {
    width: 100%;
    padding: 60px;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px
}

@media (max-width:2200px) {
    .card-grid {
        -ms-grid-columns: (1fr)[4];
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:1350px) {
    .card-grid {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:992px) {
    .card-grid {
        padding: 40px;
        -ms-grid-columns: 1fr 40px 1fr;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 40px;
        grid-row-gap: 40px
    }
}

@media (max-width:576px) {
    .card-grid {
        padding: 26.6666666667px;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        grid-column-gap: 26.6666666667px;
        grid-row-gap: 26.6666666667px
    }
}

.block--text p:first-child {
    margin-top: 0
}

.block--text p:last-child, .block--text p:only-child {
    margin-bottom: 0
}

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

.side-nav {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 3;
    grid-column-end: 4
}

.side-nav__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    position: relative;
    font-size: 1.5rem;
    position: sticky;
    top: calc(var(--top-bar-h) + 40px)
}

.side-nav__list:after, .side-nav__list:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2px
}

.side-nav__list:before {
    height: 100%;
    background-color: #d3d3d3
}

.dark-mode .side-nav__list:before {
    background-color: #a4a4a4
}

.side-nav__list:after {
    height: var(--h);
    background-color: #000000
}

.dark-mode .side-nav__list:after {
    background-color: #FFF
}

@media (max-width:1350px) {
    .side-nav__list {
        display: none
    }
}

.side-nav__item {
    padding-left: 0.4em
}

.side-nav__link {
    position: relative;
    color: #d3d3d3;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.side-nav__link--is-active, .side-nav__link:hover {
    color: #000000
}

.dark-mode .side-nav__link {
    color: #a4a4a4
}

.dark-mode .side-nav__link--is-active, .dark-mode .side-nav__link:hover {
    color: #FFF
}

.side-nav__partner-info {
    margin-bottom: 40px
}

.side-nav__partner-info a {
    display: inline-block
}

.side-nav__partner-info img {
    display: block;
    width: 100%;
    max-width: 175px
}

.article {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 5;
    -ms-grid-column-span: 8;
    grid-area: 1/5/2/13;
    grid-area: 1/4/2/13;
    display: -ms-grid;
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(8, 1fr);
    grid-row-gap: unset
}

@media screen and (max-width:1350px) {
    .article {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.card-drop-list {
    position: relative;
    width: calc(100% + 80px);
    min-height: 28vw;
    margin-left: -40px
}

.card-drop-list .card {
    width: 17.5vw;
    position: absolute;
    -webkit-transition: none;
    transition: none
}

@media (max-width:992px) {
    .card-drop-list {
        display: none
    }
}

.slider .flickity-page-dots, .stats-slider .flickity-page-dots {
    bottom: -60px
}

.slider .dot, .stats-slider .dot {
    width: 4%;
    height: 4px;
    border-radius: 4px
}

@media screen and (max-width:768px) {
    .slider .flickity-page-dots, .stats-slider .flickity-page-dots {
        bottom: -15px
    }
}

.slider--4-card .slide {
    width: 25%;
    padding: 20px
}

@media screen and (max-width:1700px) {
    .slider--4-card .slide {
        width: 33.3333333333%
    }
}

@media screen and (max-width:992px) {
    .slider--4-card .slide {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .slider--4-card .slide {
        width: 50%
    }
}

@media screen and (max-width:576px) {
    .slider--4-card .slide {
        width: 100%;
        padding: 0;
        margin-right: 20px
    }
}

.slider--5-card .slide {
    width: 20%;
    padding: 20px
}

@media screen and (max-width:1700px) {
    .slider--5-card .slide {
        width: 25%
    }
}

@media screen and (max-width:1350px) {
    .slider--5-card .slide {
        width: 33.3333333333%
    }
}

@media screen and (max-width:992px) {
    .slider--5-card .slide {
        width: 50%
    }
}

@media screen and (max-width:768px) {
    .slider--5-card .slide {
        width: 50%
    }
}

@media screen and (max-width:576px) {
    .slider--5-card .slide {
        width: 100%;
        padding: 0;
        margin-right: 20px
    }
}

.slider--card-drop {
    width: 100%;
    display: none;
    margin-bottom: 40px
}

@media screen and (max-width:992px) {
    .slider--card-drop {
        display: block
    }
}

.article-data-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 2rem;
    grid-column: 1/-1;
    line-height: 1.5;
    margin-top: 90px
}

.block--super-quote {
    container-type: inline-size
}

.quote {
    position: relative;
    margin-top: 40px
}

.quote:before {
    content: "";
    position: absolute;
    display: block;
    top: -20px;
    left: -40px;
    width: calc(100% + 80px);
    height: calc(100% + 40px);
    background-color: rgba(0, 102, 255, 0.2);
    border-radius: 20px
}

.quote+.quote {
    margin-top: 80px
}

@media (max-width:1350px) {
    .quote+.quote {
        margin-top: 60px
    }
}

.dark-mode .quote {
    color: #FFF
}

.dark-mode .quote:before {
    border: 1px solid #FFF;
    background-color: transparent
}

.quote__blockquote {
    margin: 0;
    font-weight: 700;
    color: #0066FF
}

.quote__caption, .super-quote__caption {
    font-weight: 400;
    color: #000000;
    display: block;
    /* margin-top: 1em */
}



.dark-mode .quote__caption, .dark-mode .super-quote__caption {
    color: #FFF
}

.super-quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-color: rgba(0, 102, 255, 0.2);
    border-radius: 20px;
    margin-bottom: 40px;
    overflow: hidden
}


.super-quote--light-grey {
    background-color: #F5F5F5
}


.super-quote--white {
    background-color: #FFF
}

.super-quote--beige {
    background-color: #d3c0a2
}

.super-quote--grey {
    background-color: #c8c8c8
}

.super-quote--teal {
    background-color: #558e7b
}

.super-quote--yellow {
    background-color: #ecf67f
}


.super-quote--green {
    background-color: #dcfdd4
}

.super-quote--orange {
    background-color: #fc8363
}



.super-quote--purple {
    background-color: #b78ae4
}


.super-quote--digital-blue {
    background-color: #6865fa
}


.super-quote--light-blue {
    background-color: #bfcdff
}

.super-quote--pink {
    background-color: #f4b3e5
}

.super-quote--pale-blue {
    background-color: #9ECDD3
}


.super-quote--pale-green {
    background-color: #dcffd7
}



.super-quote:last-child {
    margin-bottom: 0
}

@container (max-width: 600px) {
    .super-quote {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.dark-mode .super-quote {
    background-color: #000000;
    border: 1px solid #FFF
}

.super-quote__img {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 300px;
    flex: 1 0 300px;
    width: 300px;
    max-width: 300px;
    min-height: 300px;
    /* -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out */
}

.super-quote:hover .super-quote__img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.super-quote__img img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.super-quote__img .bg-img {
    display: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.dark-mode .super-quote__img {
    border-right: 1px solid #FFF
}

@container (max-width: 600px) {
    .super-quote__img {
        width: 100%;
        max-width: 100%
    }

    .dark-mode .super-quote__img {
        border-right: none;
        border-bottom: 1px solid #FFF
    }
}

@supports not ((-o-object-fit:contain) or (object-fit:contain)) {
    .super-quote__img .bg-img {
        display: block
    }

    .super-quote__img img {
        display: none
    }
}

.super-quote__blockquote {
    font-weight: 700;
    /* color: #0066FF; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column wrap;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    justify-content: center;
    margin: 40px
}


.super-quote__blockquote .quote__tag-item {
    font-family: "Roboto Mono", monospace;
    font-size: 1.25rem;
    margin-right: 0.25em;
    margin-top: 0.25em;
    padding: 0.25em 0.5em;
    border: 1px solid currentColor;
    border-radius: 5px
}


.super-quote__blockquote .quote__tag-item:hover {
    cursor: pointer;
    transform: translateY(-3px);
}



.super-quote__blockquote .quote__tag-item a {
    color: #000000 !important;
}

.super-quote__blockquote .quote__tag-item a:hover {
    cursor: pointer;
    color: #0066FF;
}

.super-quote__blockquote .quote__tag-item a::after {
    display: none;
}



.super-quote__blockquote .quote__tag-item:last-child {
    margin-right: 0
}

@container (max-width: 600px) {
    .super-quote__blockquote {
        margin: 20px
    }
}

.ressources-top-search {
    padding: 0 60px
}

@media (max-width:992px) {
    .ressources-top-search {
        padding: 40px
    }
}

@media (max-width:576px) {
    .ressources-top-search {
        padding: 26.6666666667px
    }
}

.current-filters {
    margin: 13.3333333333px 0 0 0;
    min-height: 53.3333333333px
}

.ressources-search-bar form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    border-radius: 60px;
    overflow: hidden;
    border: 1px solid #000000
}

.dark-mode .ressources-search-bar form {
    border-color: #FFF
}

.ressources-search-bar input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    padding: 0 0 0 13.3333333333px;
    font-size: 2.5rem;
    color: #0066FF;
    border-top-left-radius: 60px;
    border-bottom-left-radius: 60px;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.ressources-search-bar input:focus {
    background-color: rgba(0, 102, 255, 0.2);
    outline: none
}

.ressources-search-bar input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.ressources-search-bar input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.ressources-search-bar input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.ressources-search-bar input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.ressources-search-bar input::placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.dark-mode .ressources-search-bar input {
    background-color: #000000;
    color: #FFF
}

.dark-mode .ressources-search-bar input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.dark-mode .ressources-search-bar input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.dark-mode .ressources-search-bar input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.dark-mode .ressources-search-bar input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.dark-mode .ressources-search-bar input::placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.ressources-search-bar .ais-SearchBox-submit {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    border: none;
    border-left: 1px solid #000000;
    background: #FFF;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.ressources-search-bar .ais-SearchBox-submit svg {
    width: 25px;
    height: 25px;
    margin-left: -4px
}

.ressources-search-bar .ais-SearchBox-submit path {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.ressources-search-bar .ais-SearchBox-submit:hover {
    background-color: #0066FF
}

.ressources-search-bar .ais-SearchBox-submit:hover path {
    fill: #FFF
}

.ressources-search-bar .ais-SearchBox-reset {
    position: absolute;
    top: 0;
    right: 80px;
    width: 80px;
    height: 100%;
    border: none;
    border-left: 1px solid #000000;
    background: #FFF;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.ressources-search-bar .ais-SearchBox-reset svg {
    width: 20px;
    height: 20px
}

.ressources-search-bar .ais-SearchBox-reset path {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.ressources-search-bar .ais-SearchBox-reset:hover {
    background-color: #0066FF
}

.ressources-search-bar .ais-SearchBox-reset:hover path {
    fill: #FFF
}

.dark-mode .ressources-search-bar .ais-SearchBox-reset {
    background-color: #000000;
    border-left: 1px solid #FFF
}

.dark-mode .ressources-search-bar .ais-SearchBox-reset path {
    fill: #FFF
}

.ressources-results__show-more {
    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-bottom: 40px
}

.ressources-filters {
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ressources-filters ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.ressources-filters__filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dark-mode .ressources-filters__filters h2 {
    color: #FFF
}

@media (max-width:768px) {
    .ressources-filters__filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.ref-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 200px;
    height: 35px;
    margin-left: 13.3333333333px;
    background-color: #F5F5F5;
    border-radius: 35px;
    padding: 0 40px 0 15px;
    font-family: "Roboto Mono", monospace
}

.dark-mode .ref-list {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

@media (max-width:768px) {
    .ref-list {
        margin-left: 0;
        margin-top: 13.3333333333px
    }

    .ref-list:last-child {
        margin-bottom: 13.3333333333px
    }
}

.ref-list__title {
    font-size: 1.5rem;
    font-family: "Roboto Mono", monospace
}

.ref-list__list {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: auto;
    padding: 30px;
    background-color: #F5F5F5;
    border-radius: 20px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0);
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.ref-list__list:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 15px
}

.ref-list:hover .ref-list__list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1)
}

.dark-mode .ref-list__list {
    border: 1px solid #FFF;
    background-color: #000000
}

.ais-RefinementList-item {
    font-size: 2rem;
    margin-bottom: 0.3em;
    cursor: pointer
}

.ais-RefinementList-item:last-child {
    margin-bottom: 0
}

.ais-RefinementList-count {
    display: none
}

.ais-RefinementList-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.ais-RefinementList-labelText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-transform: capitalize
}

.ais-RefinementList-labelText:before {
    content: "";
    display: block;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1em;
    flex: 0 0 1em;
    width: 1em;
    height: 1em;
    margin-right: 10px;
    border-radius: 50%;
    background-color: #FFF;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.dark-mode .ais-RefinementList-labelText:before {
    border: 1px solid #FFF;
    background-color: #000000
}

.ais-RefinementList-checkbox {
    display: none
}

.ais-RefinementList-checkbox:checked+.ais-RefinementList-labelText:before {
    background-color: #37CD7B
}

.dark-mode .ais-RefinementList-checkbox:checked+.ais-RefinementList-labelText:before {
    background-color: #FFF
}

.ais-CurrentRefinements-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.ais-CurrentRefinements-item {
    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
}

.ais-CurrentRefinements-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0 20px;
    border-radius: 40px;
    font-size: 1.5rem;
    line-height: 40px;
    color: white;
    background-color: #37CD7B;
    margin-right: 13.3333333333px;
    margin-bottom: 13.3333333333px
}

.ais-CurrentRefinements-category button {
    border: none;
    background-color: transparent;
    color: #FFF;
    cursor: pointer;
    -webkit-transform: translate3d(0.75em, 0, 0);
    transform: translate3d(0.75em, 0, 0)
}

.dark-mode .ais-CurrentRefinements-category {
    background-color: #000000;
    border: 1px solid #FFF
}

.ais-CurrentRefinements-label {
    display: none
}

.grid-mode__button {
    position: relative;
    border: none;
    background-color: #E5E5E5;
    width: 60px;
    height: 30px;
    border-radius: 30px;
    cursor: pointer
}

.grid-mode__button span {
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    padding: 3px;
    border-radius: 26px;
    background-color: white;
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.grid-mode__button svg {
    width: 20px;
    height: 20px
}

.grid-mode__button--light span {
    -webkit-transform: translate3d(calc(100% + 4px), 0, 0);
    transform: translate3d(calc(100% + 4px), 0, 0)
}

.grid-mode__button--dark span {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.block {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 7;
    grid-column-end: 8;
    margin-top: 90px;
    font-size: 2.5rem
}

.block:last-child {
    margin-bottom: 90px
}

.block--ctas, .block--featured, .block--hotspot, .block--picture, .block--stats-slider, .block--timeline, .block--video {
    -ms-grid-column-span: 9;
    grid-column-end: 7;

}

.block--ctas img, .block--featured img, .block--hotspot img, .block--picture img, .block--stats-slider img, .block--timeline img, .block--video img {
    display: block;
    width: 100%
}

.block--picture {
    -ms-grid-column-span: 8;
    grid-column-end: 8
}

.block a {
    position: relative;
    display: inline-block
}

.block a:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor
}

.block a.btn:after, .block a.card__link:after, .block a.stat-slide__link:after {
    display: none
}

.block:not(.block--ctas) a:not(.btn) {
    color: #0066FF
}

.block:first-child {
    margin-top: 0
}

.block p {
    font-size: inherit
}

.block em {
    font-style: normal;
    color: #0066FF
}

.dark-mode .block em {
    color: #FFF
}

@media (max-width:2200px) {
    .block {
        font-size: 2rem
    }
}

@media (max-width:1700px) {
    .block {
        -ms-grid-column-span: 9;
        grid-column-end: 9;
        font-size: 2rem
    }
}

.block__title {
    position: relative;
    display: inline-block;
    width: auto;
    font-size: 4rem;
    font-weight: 700;
    color: #0066FF;
    color: #FFF;
    padding: 0.25em;
    margin-bottom: calc(0.75em + 10px)
}

.block__title:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0066FF;
    border-radius: 0.25em;
    z-index: -1
}

.dark-mode .block__title {
    color: #FFF
}

.dark-mode .block__title:before {
    background-color: #000000;
    border: 1px solid #FFF
}

@media (max-width:2200px) {
    .block__title {
        font-size: 3rem
    }
}

.block__title.hidden {
    display: none
}

.block__sub-title {
    color: #0066FF;
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: calc(0.75em + 10px)
}

@media (max-width:2200px) {
    .block__sub-title {
        font-size: 3rem
    }
}

.block--text p:first-child {
    margin-top: 0
}

.block--text p:last-child, .block--text p:only-child {
    margin-bottom: 0
}

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

.block--table-solution .container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.block--table-solution .column {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center
}

.block--table-solution .hidden {
    display: none;
}

.block--table-solution h3 {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
}

@media (max-width:576px) {
    .block--table-solution h3 {
        font-size: 1rem;
    }
}

.block--table-solution button {
    border-radius: 1.25rem;
    background: #F5F5F5;
    box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.20);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 125px;
    height: auto;
    padding: 5px 5px;
    margin-top: 20px;
    border: none;
    font-size: 14px;
}

.block--table-solution button:hover {
    border-radius: 1.25rem;
    background: var(--greencaa, #37CD7B);
    color: #fff;
}


.block--table-solution .active {
    border-radius: 1.25rem;
    background: var(--greencaa, #37CD7B);
    color: #fff;
}

@media (max-width:576px) {
    .block--table-solution button {
        width: 100px;
        height: 50px;
        font-size: 1.25rem;
    }
}

.block--table-solution .column:last-of-type button {
    border-radius: 1.25rem;
    background: rgba(0, 102, 255, 0.40);
    box-shadow: 0px 2px 5px 5px rgba(0, 0, 0, 0.20);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 125px;
    height: auto;
    padding: 5px 5px;
    margin-top: 20px;
    font-size: 14px;
}

.block--table-solution .column:last-of-type button:hover {
    color: inherit;
}

@media (max-width:576px) {
    .block--table-solution button {
        width: 100px;
        height: auto;
        font-size: 1.25rem;
    }

    .block--table-solution .column:last-of-type button {
        width: 100px;
        height: auto;
        font-size: 1.25rem;
    }
}

.hotspot {
    position: relative
}

.hotspot__spot {
    --x-pos: 50%;
    --y-pos: 50%;
    width: 64px;
    height: 64px;
    position: absolute;
    top: calc(var(--y-pos) - 32px);
    left: calc(var(--x-pos) - 32px)
}

@media (max-width:1350px) {
    .hotspot__spot {
        width: 50px;
        height: 50px;
        top: calc(var(--y-pos) - 25px);
        left: calc(var(--x-pos) - 25px)
    }
}

@media (max-width:576px) {
    .hotspot__spot {
        width: 30px;
        height: 30px;
        top: calc(var(--y-pos) - 15px);
        left: calc(var(--x-pos) - 15px)
    }
}

.hotspot__btn {
    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%;
    height: 100%;
    background-color: #FFF;
    border: none;
    border-radius: 20%;
    font-size: 7.8rem;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.hotspot__btn:after {
    content: "+";
    display: block;
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.hotspot__btn:hover:after {
    color: #0066FF
}

.dark-mode .hotspot__btn {
    background-color: #000000;
    border: 1px solid #FFF
}

.dark-mode .hotspot__btn:after {
    color: #FFF
}

@media (max-width:1350px) {
    .hotspot__btn {
        font-size: 5.5rem
    }
}

@media (max-width:576px) {
    .hotspot__btn {
        font-size: 3rem
    }
}

.hotspot__content {
    position: absolute;
    width: 600px;
    padding: 2rem;
    font-weight: 500;
    background-color: #FFF;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.hotspot__spot:hover .hotspot__content {
    -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.05);
    opacity: 1;
    visibility: visible
}

.hotspot__content--center {
    top: 50%;
    left: calc(50% - 300px);
    -webkit-transform: translate3d(0, -40%, 0);
    transform: translate3d(0, -40%, 0)
}

.hotspot__spot:hover .hotspot__content--center {
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.hotspot__content--top-left {
    top: 0;
    left: -20px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hotspot__spot:hover .hotspot__content--top-left {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.hotspot__content--top-right {
    top: 0;
    right: -20px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hotspot__spot:hover .hotspot__content--top-right {
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0)
}

.hotspot__content--bottom-left {
    bottom: 0;
    left: -20px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hotspot__spot:hover .hotspot__content--bottom-left {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.hotspot__content--bottom-right {
    bottom: 0;
    right: -20px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.hotspot__spot:hover .hotspot__content--bottom-right {
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0)
}

.hotspot__content p {
    margin: 0;
    font-size: 2rem
}

.dark-mode .hotspot__content {
    border: 1px solid #FFF;
    background-color: #000000
}

.block--grid-list {
    container-type: inline-size
}

.block--grid-list+.block {
    margin-top: 50px
}

.grid-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.grid-list__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(50% - 20px);
    flex: 1 0 calc(50% - 20px);
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    margin-bottom: 40px
}

.block--grid-list--with-bg .grid-list__item {
    color: #FFF;
    padding: 40px
}

.block--grid-list--with-bg .grid-list__item--blue {
    background-color: #0066FF;
    color: #FFF
}

.block--grid-list--with-bg .grid-list__item--light-blue {
    background-color: #bfcdff;
    color: #000000 !important
}

.block--grid-list--with-bg .grid-list__item--green {
    background-color: #37CD7B;
    color: #FFF
}

.block--grid-list--with-bg .grid-list__item--grey {
    background-color: #F5F5F5;
    color: #000000 !important
}

.dark-mode .block--grid-list--with-bg .grid-list__item {
    background-color: #000000;
    border: 1px solid #FFF
}

@container (max-width: 800px) {
    .block--grid-list--with-bg .grid-list__item {
        padding: 20px
    }
}

.block--grid-list--half .grid-list__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(50% - 20px);
    flex: 1 0 calc(50% - 20px);
    width: calc(50% - 20px);
    max-width: calc(50% - 20px)
}

@container (max-width: 800px) {
    .block--grid-list--half .grid-list__item {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px
    }
}

.block--grid-list--full .grid-list__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%;
    max-width: 100%;
    padding: 40px
}

@container (max-width: 800px) {
    .block--grid-list--full .grid-list__item {
        padding: 20px;
        margin-bottom: 20px
    }
}

.grid-list__title {
    color: #0066FF;
    font-size: 3rem;
    font-weight: 500;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em
}

.grid-list--type-1 .grid-list__title {
    padding: 0.3em;
    background-color: rgba(0, 102, 255, 0.2);
    border-radius: 10px;
    margin-left: -0.3em
}

.dark-mode .grid-list--type-1 .grid-list__title {
    background-color: transparent;
    border: 1px solid #FFF
}

.grid-list--type-2 .grid-list__title {
    border-bottom: 1px solid currentColor
}

.block--grid-list--with-bg .grid-list__title {
    color: #FFF;
    font-weight: 700;
    border: none;
    padding-bottom: 0;
    margin-bottom: 1em
}

.dark-mode .grid-list__title {
    color: #FFF
}

@media (max-width:2200px) {
    .grid-list__title {
        font-size: 3rem
    }
}

.block--ctas {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px
}

.dark-mode .block--ctas {
    padding-top: 0;
    padding-bottom: 0
}

.block--ctas:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: -60px;
    width: 100vw;
    height: 100%;
    z-index: -1
}

.block--ctas--blue {
    background-color: #0066FF
}

.block--ctas--blue:after {
    background-color: #0066FF
}

.block--ctas--blue .cta-item__link, .block--ctas--blue .cta-item__title {
    color: #0066FF
}

.block--ctas--green {
    background-color: #37CD7B
}

.block--ctas--green:after {
    background-color: #37CD7B
}

.block--ctas--green .cta-item__link, .block--ctas--green .cta-item__title {
    color: #37CD7B
}

.block--ctas+.block--ctas {
    margin-top: 1px
}

.dark-mode .block--ctas+.block--ctas {
    margin-top: 40px
}

.dark-mode .block--ctas {
    background-color: #000000
}

.dark-mode .block--ctas:after {
    background-color: #000000
}

.block--ctas:last-child {
    margin-bottom: 0
}

@media (max-width:576px) {
    .block--ctas:after {
        right: -20px
    }
}

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

.cta-item {
    background-color: #FFF;
    margin-bottom: 40px;
    padding: 40px;
    border-radius: 40px;
    font-size: 2.5rem
}

.cta-item:last-child {
    margin-bottom: 0
}

.dark-mode .cta-item {
    background-color: #000000;
    border: 1px solid #FFF
}

@media (max-width:1350px) {
    .cta-item {
        font-size: 2rem
    }
}

@media (max-width:992px) {
    .cta-item {
        padding: 26.6666666667px;
        border-radius: 20px
    }
}

@media (max-width:576px) {
    .cta-item {
        padding: 20px;
        border-radius: 10px
    }
}

.cta-item__title {
    font-size: 3rem;
    font-weight: 700
}

.dark-mode .cta-item__title {
    color: #FFF
}

.cta-item__link {
    font-weight: 700
}

.dark-mode .cta-item__link {
    color: #FFF
}

.stats-slider {
    width: calc(100% + 60px)
}

@media (max-width:768px) {
    .stats-slider {
        width: calc(100% + 20px)
    }
}

.stat-slide {
    width: 25vw;
    font-size: 7.8rem;
    font-weight: 700;
    padding-right: 40px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.stat-slide em {
    font-style: normal
}

.stat-slide a {
    color: inherit !important
}

.stat-slide:last-child {
    width: calc(25vw + 20px);
    padding-right: 60px
}

@media (max-width:2200px) {
    .stat-slide {
        font-size: 6rem
    }
}

@media (max-width:1700px) {
    .stat-slide {
        font-size: 5.5rem
    }
}

@media (max-width:1350px) {
    .stat-slide {
        width: 33vw
    }

    .stat-slide:last-child {
        width: calc(33vw + 20px)
    }
}

@media (max-width:992px) {
    .stat-slide {
        width: 55vw
    }

    .stat-slide:last-child {
        width: calc(55vw + 20px)
    }
}

@media (max-width:768px) {
    .stat-slide {
        width: 70vw
    }

    .stat-slide:last-child {
        width: calc(70vw + 20px)
    }
}

@media (max-width:576px) {
    .stat-slide {
        padding-right: 20px
    }

    .stat-slide:last-child {
        width: calc(70vw + 40px)
    }
}

.stat-slide__in {
    width: 100%;
    height: 100%;
    padding: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:992px) {
    .stat-slide__in {
        padding: 20px
    }
}

.dark-mode .stat-slide__in {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.stat-slide--bg-blue.stat-slide--text-black em, .stat-slide--bg-green.stat-slide--text-black em {
    color: #FFF
}

.stat-slide--bg-blue.stat-slide--text-white em, .stat-slide--bg-green.stat-slide--text-white em {
    color: #000000
}

.stat-slide--bg-green .stat-slide__in {
    background-color: #37CD7B
}

.dark-mode .stat-slide--bg-green .stat-slide__in {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.stat-slide--bg-blue .stat-slide__in {
    background-color: #0066FF
}

.dark-mode .stat-slide--bg-blue .stat-slide__in {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.stat-slide--bg-grey a {
    color: #0066FF !important
}

.stat-slide--bg-grey .stat-slide__in {
    background-color: #F5F5F5
}

.dark-mode .stat-slide--bg-grey .stat-slide__in {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.stat-slide--bg-grey.stat-slide--text-black em {
    color: #0066FF
}

.stat-slide--bg-grey.stat-slide--text-blue em, .stat-slide--bg-grey.stat-slide--text-green em {
    color: #000000
}

.stat-slide--text-black {
    color: black
}

.stat-slide--text-white {
    color: #FFF
}

.stat-slide--text-green {
    color: #FFF
}

.stat-slide--text-blue {
    color: #0066FF
}

.stat-slide__title {
    font-size: 3rem
}

@media (max-width:2200px) {
    .stat-slide__title {
        font-size: 2.5rem
    }
}

@media (max-width:1700px) {
    .stat-slide__title {
        font-size: 2rem
    }
}

.stat-slide__stat {
    display: block;
    margin: 0.333333em 0
}

.stat-slide__stat.stat-slide__stat--sm {
    font-size: 3rem;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    word-break: normal
}

.stat-slide__stat:first-child, .stat-slide__stat:only-child {
    margin-top: 0
}

.stat-slide__detail {
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width:2200px) {
    .stat-slide__detail {
        font-size: 2rem
    }
}

@media (max-width:1700px) {
    .stat-slide__detail {
        font-size: 1.5rem
    }
}

.stat-slide a.stat-slide__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3rem
}

.stat-slide a.stat-slide__link:after {
    content: ">";
    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: 0.9em;
    height: 1em;
    margin-left: 0.25em;
    padding-left: 0.1em;
    font-size: 0.8em;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    background-color: #0066FF;
    color: white;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.stat-slide a.stat-slide__link:hover:after {
    -webkit-transform: translateX(0.5em);
    transform: translateX(0.5em)
}

.stat-slide--bg-green a.stat-slide__link {
    color: #FFF !important
}

.stat-slide--bg-green a.stat-slide__link:after {
    background-color: #FFF;
    color: #37CD7B
}

.stat-slide--bg-blue a.stat-slide__link {
    color: #FFF !important
}

.stat-slide--bg-blue a.stat-slide__link:after {
    background-color: #FFF;
    color: #0066FF
}

.img-slider {
    width: calc(100% + 60px)
}

.img-slide {
    height: 50vh;
    font-size: 7.8rem;
    font-weight: 700;
    padding-right: 40px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    word-break: break-word
}

.img-slide em {
    font-style: normal
}

.img-slide a {
    color: inherit !important
}

.img-slide img {
    display: block;
    height: 100%;
    width: auto
}

.img-slide__in {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 20px;
    overflow: hidden
}

@media (max-width:992px) {
    .img-slide__in {
        padding: 20px
    }
}

.dark-mode .img-slide__in {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.img-slide--bg-blue.img-slide--text-black em, .img-slide--bg-green.img-slide--text-black em {
    color: #FFF
}

.img-slide--bg-blue.img-slide--text-white em, .img-slide--bg-green.img-slide--text-white em {
    color: #000000
}

.img-slide--bg-green .img-slide__in {
    background-color: #37CD7B
}

.dark-mode .img-slide--bg-green .img-slide__in {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.img-slide--bg-blue .img-slide__in {
    background-color: #0066FF
}

.dark-mode .img-slide--bg-blue .img-slide__in {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.img-slide--bg-grey a {
    color: #0066FF !important
}

.img-slide--bg-grey .img-slide__in {
    background-color: #F5F5F5
}

.dark-mode .img-slide--bg-grey .img-slide__in {
    background-color: #000000;
    color: #FFF;
    border: 1px solid #FFF
}

.img-slide--bg-grey.img-slide--text-black em {
    color: #0066FF
}

.img-slide--bg-grey.img-slide--text-blue em, .img-slide--bg-grey.img-slide--text-green em {
    color: #000000
}

.img-slide--text-black {
    color: black
}

.img-slide--text-white {
    color: #FFF
}

.img-slide--text-green {
    color: #FFF
}

.img-slide--text-blue {
    color: #0066FF
}

.img-slide__title {
    font-size: 3rem
}

@media (max-width:2200px) {
    .img-slide__title {
        font-size: 2.5rem
    }
}

@media (max-width:1700px) {
    .img-slide__title {
        font-size: 2rem
    }
}

.img-slide__img {
    display: block;
    margin: 0.333333em 0
}

.img-slide__img.img-slide__img--sm {
    font-size: 4rem
}

.img-slide__img:first-child, .img-slide__img:only-child {
    margin-top: 0
}

.img-slide__detail {
    font-size: 2.5rem;
    font-weight: 500
}

@media (max-width:2200px) {
    .img-slide__detail {
        font-size: 2rem
    }
}

@media (max-width:1700px) {
    .img-slide__detail {
        font-size: 1.5rem
    }
}

.img-slide a.img-slide__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 3rem
}

.img-slide a.img-slide__link:after {
    content: ">";
    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: 0.9em;
    height: 1em;
    margin-left: 0.25em;
    padding-left: 0.1em;
    font-size: 0.8em;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    background-color: #0066FF;
    color: white;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.img-slide a.img-slide__link:hover:after {
    -webkit-transform: translateX(0.5em);
    transform: translateX(0.5em)
}

.img-slide--bg-green a.img-slide__link {
    color: #FFF !important
}

.img-slide--bg-green a.img-slide__link:after {
    background-color: #FFF;
    color: #37CD7B
}

.img-slide--bg-blue a.img-slide__link {
    color: #FFF !important
}

.img-slide--bg-blue a.img-slide__link:after {
    background-color: #FFF;
    color: #0066FF
}

.timeline-slider {
    --position: 0%;
    width: 100%
}

.timeline-slider:before {
    content: "";
    position: absolute;
    top: -26px;
    left: calc(var(--position));
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 20px solid #0066FF
}

.timeline-slider:after {
    content: "";
    position: absolute;
    display: block;
    left: 0;
    top: -20px;
    width: calc(var(--position));
    height: 3px;
    background-color: #0066FF
}

.dark-mode .timeline-slider:after {
    background-color: #FFF
}

.timeline-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 25vw;
    padding-right: 40px
}

.timeline-slide em {
    font-style: normal
}

@media (max-width:1350px) {
    .timeline-slide {
        width: 33vw
    }
}

@media (max-width:992px) {
    .timeline-slide {
        width: 55vw
    }
}

@media (max-width:768px) {
    .timeline-slide {
        width: 75vw
    }
}

.timeline-slide--up .timeline-slide__in {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.timeline-slide--down .timeline-slide__in {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.timeline-slide__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    height: 100%
}

.timeline-slide__date {
    color: #0066FF;
    font-size: 5.5rem;
    font-weight: 700
}

.dark-mode .timeline-slide__date {
    color: #FFF
}

.timeline-slide__text {
    font-size: 2rem;
    line-height: 1.35
}

.timeline-slide__title {
    font-size: inherit;
    text-transform: uppercase
}

.dark-mode .timeline-slide__title {
    color: #FFF
}

.dropdowns-faq {
    font-size: 2rem;
    padding: 0 90px 0 20px
}


.dropdown__title-faq {
    font-size: 2.2rem;
    line-height: 1;
    padding: 0.8em 0;
    -webkit-transition: inherit;
    transition: inherit;
    font-weight: 700;
}

@media (max-width: 992px) {
    .dropdowns-faq {
        padding: 0;
    }

    .dropdown__title-faq {
        font-size: 2rem;

        padding: 0.2em 0;

    }
}


.dropdowns p {
    font-size: 2rem
}

.dropdown {
    border-bottom: 1px solid #0066FF
}

.dark-mode .dropdown {
    border-bottom: 1px solid #FFF;
    color: #FFF
}

.dropdown__top {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.dropdown__top:after {
    content: ">";
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    right: 0;
    height: 100%;
    color: currentColor;
    -webkit-transition: inherit;
    transition: inherit
}

.dropdown--is-open .dropdown__top:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.dropdown__title {
    line-height: 1;
    padding: 0.2em 0;
    -webkit-transition: inherit;
    transition: inherit;
    font-weight: 700;
    font-size: 2rem;

}

.dropdown__trigger {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    cursor: pointer;
    z-index: 10
}

.dropdown--is-open .dropdown__trigger+.dropdown__title, .dropdown__trigger:hover+.dropdown__title {
    color: #0066FF
}

.dark-mode .dropdown--is-open .dropdown__trigger+.dropdown__title, .dark-mode .dropdown__trigger:hover+.dropdown__title {
    color: #FFF
}

.dropdown--is-open .dropdown__trigger+.dropdown__title-faq, .dropdown__trigger:hover+.dropdown__title-faq {
    color: #0066FF
}

.dark-mode .dropdown--is-open .dropdown__trigger+.dropdown__title, .dark-mode .dropdown__trigger:hover+.dropdown__title {
    color: #FFF
}

.dropdown__content {
    height: 0;
    overflow: hidden
}

.dropdown__content>div {
    padding: 20px 0
}

.dropdown__content a {
    color: #0066FF;
}





.block--featured .card {
    width: 30%;
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    -webkit-transition: none;
    transition: none
}

@media (max-width:992px) {
    .block--featured .card {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.featured-grid {
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 3vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.block--video__video {
    width: 100%;
    aspect-ratio: 16/9;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.block--video__video--youtube {
    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
}

.block--video__video--youtube button {
    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;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--plyr-color-main);
    color: white;
    border: none;
    opacity: 0.9
}

.block--video__video--youtube button:hover {
    opacity: 1
}

.block--video__video--youtube svg {
    width: 18px;
    height: 18px;
    margin-right: -3px
}

.block--video__video--youtube svg path {
    fill: currentColor
}

.block--video__iframe {
    width: 100%;
    height: 100%
}

.block--team {
    container-type: inline-size;
    position: relative
}

.team-list {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-bottom: 80px
}

@container (max-width: 800px) {
    .team-list {
        -ms-grid-columns: (1fr)[3];
        grid-template-columns: repeat(3, 1fr)
    }
}

@container (max-width: 600px) {
    .team-list {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }
}

@container (max-width: 500px) {
    .team-list {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr
    }
}

.team-filters {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

.team-filters li {
    margin-right: 13.3333333333px;
    margin-bottom: 13.3333333333px
}

.team-filters li:last-child {
    margin-right: 0
}

.team-filter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    background-color: #F5F5F5;
    border-radius: 35px;
    padding: 0 40px 0 15px;
    font-family: "Roboto Mono", monospace;
    font-size: 1.5rem;
    cursor: pointer
}

.team-filter:before {
    content: "";
    width: 1em;
    height: 1em;
    border-radius: 50%;
    background-color: #FFF;
    margin-right: 0.5em
}

.team-filter--is-active:before {
    background-color: #0066FF
}

.dark-mode .team-filter {
    background-color: #000000;
    border: 1px solid #FFF;
    color: #FFF
}

.dark-mode .team-filter:before {
    border: 1px solid #FFF;
    background-color: #000000
}

.dark-mode .team-filter--is-active:before {
    background-color: #FFF
}

.team-member {
    width: 100%
}

.team-member img {
    max-width: 100%
}

.team-member .card__link {
    position: absolute;
    display: block
}

.team-member .card__link:after {
    display: none !important
}

.team-member__description {
    display: none
}

.team-list--is-filtered .team-member:not(.team-member--is-filtered) {
    display: none
}

.team-member__name {
    font-size: 2.5rem;
    font-weight: 500
}

.team-member__sub-title {
    font-size: 1.5rem
}

.team-member__img {
    position: relative;
    width: 100%;
    padding-top: 125%;
    overflow: hidden
}

.team-member__img img {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@supports not ((-o-object-fit:cover) or (object-fit:cover)) {
    .team-member__img img {
        display: none
    }
}

.team-member__img .img-cover {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

@supports not ((-o-object-fit:cover) or (object-fit:cover)) {
    .team-member__img .img-cover {
        display: block
    }
}

.popup--team-member {
    font-size: 2rem
}

.popup--team-member .popup__in {
    background-color: transparent
}

.team-list__popup__content {
    overflow: auto;
    border-radius: 20px;
    height: 100%;
    background-color: #bfcdff
}

.team-list__popup__content>div {
    padding: 20px
}

.dark-mode .team-list__popup__content {
    background-color: #000000;
    border: 1px solid #FFF
}

.team-member__description__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 40px
}

.dark-mode .team-member__description__header {
    color: #FFF
}

.team-member__description__name {
    font-size: 3rem;
    font-weight: 500
}

.team-member__description__link {
    display: inline-block;
    margin-top: 1em;
    text-decoration: underline
}

.section--how {
    position: relative;
    z-index: -1;
    background-color: #0066FF;
    color: #FFF
}

@media (orientation:landscape) {
    .section--how {
        height: 55vw
    }
}

@media (orientation:portrait) {
    .section--how {
        height: 75vh
    }
}

@media (max-width:1350px) {
    .section--how {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto !important
    }
}

.dark-mode .section--how {
    background-color: #000000
}

.how-list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-columns: repeat(5, 1fr);
    -ms-grid-rows: 1fr 0px 1fr 0px 1fr 0px 1fr;
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    padding: 127px 50px 50px 50px
}

.how-list>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.how-list>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.how-list>:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

.how-list>:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7
}

.how-list>:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9
}

.how-list>:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 1
}

.how-list>:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 3
}

.how-list>:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 5
}

.how-list>:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 7
}

.how-list>:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 9
}

.how-list>:nth-child(11) {
    -ms-grid-row: 5;
    -ms-grid-column: 1
}

.how-list>:nth-child(12) {
    -ms-grid-row: 5;
    -ms-grid-column: 3
}

.how-list>:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 5
}

.how-list>:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 7
}

.how-list>:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 9
}

.how-list>:nth-child(16) {
    -ms-grid-row: 7;
    -ms-grid-column: 1
}

.how-list>:nth-child(17) {
    -ms-grid-row: 7;
    -ms-grid-column: 3
}

.how-list>:nth-child(18) {
    -ms-grid-row: 7;
    -ms-grid-column: 5
}

.how-list>:nth-child(19) {
    -ms-grid-row: 7;
    -ms-grid-column: 7
}

.how-list>:nth-child(20) {
    -ms-grid-row: 7;
    -ms-grid-column: 9
}

@media (max-width:1350px) {
    .how-list {
        position: unset;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: 0
    }
}

.how-list__item {
    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: 1.5vw;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 20px);
    flex: 0 0 calc(50% - 20px);
    z-index: 10
}

.how-list__item p {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    background-color: #0066FF
}

@media (max-width:576px) {
    .how-list__item p {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.dark-mode .how-list__item p {
    background-color: #000000
}

@media (max-width:1350px) {
    .how-list__item {
        font-size: 2.5rem;
        margin-bottom: 40px
    }
}

@media (max-width:768px) {
    .how-list__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        font-size: 2rem;
        margin-bottom: 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.how-list__item--1 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 4/1/5/3
}

.how-list__item--2 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 3/2/4/4
}

.how-list__item--3 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: 2/3/3/5
}

.how-list__item--4 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 2;
    grid-area: 1/4/2/6
}

.how-list__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.how-list__arrow svg {
    width: 50%
}

.how-list__arrow path {
    --offset: 0;
    stroke: #FFF;
    stroke-linecap: round;
    stroke-miterlimit: 10;
    stroke-width: 5px;
    fill: none;
    stroke-dasharray: 813;
    stroke-dashoffset: var(--offset)
}

@media (max-width:1350px) {
    .how-list__arrow {
        display: none
    }
}

.how-list__arrow--1 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 3/1/5/3
}

.how-list__arrow--2 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 2/2/4/4
}

.how-list__arrow--3 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: 1/3/3/5
}

.home-slider {
    width: 100%;
    height: 40vh;
    background-color: #F5F5F5
}

.home-slider em {
    color: #0066FF
}

.home-slider * {
    line-height: 1.2
}

.home-slider .flickity-page-dots {
    position: absolute;
    width: calc(100% - 50px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    bottom: 40px;
    left: 40px
}


/* no circle */
.home-slider .flickity-button {
    background: transparent;
}

/* big previous & next buttons */
.home-slider .flickity-prev-next-button {
    width: 75px;
    height: 75px;
}

/* icon color */
.home-slider .flickity-button-icon {
    fill: #000;
}

/* hide disabled button */
.home-slider .flickity-button:disabled {
    display: none;
}

.home-slider .flickity-prev-next-button.previous {
    left: -15px;
}

.home-slider .flickity-prev-next-button.next {
    right: -10px;
}

.home-slider .dot {
    width: 4%;
    height: 4px;
    border-radius: 4px;
    cursor: pointer
}

.dark-mode .home-slider {
    background-color: #000000;
    border-bottom: 1px solid #FFF;
    color: #FFF
}

.dark-mode .home-slider .dot {
    background: #FFF
}

@media (max-width:992px) {
    .home-slider {
        height: 80vh
    }
}

.home-slider__item {
    width: 100%;
    height: 100%
}

.home-slider__item--text-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 4rem;
    font-weight: 500
}

@media (max-width:992px) {
    .home-slider__item--text-img {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        font-size: 2.5rem
    }
}

.home-slider__item--text-img__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    padding: 40px
}

.dark-mode .home-slider__item--text-img__text+.home-slider__item--text-img__img {
    border-left: 1px solid #FFF
}

@media (max-width:992px) {
    .dark-mode .home-slider__item--text-img__text+.home-slider__item--text-img__img {
        border-left: unset;
        border-bottom: 1px solid #FFF
    }
}

@media (max-width:992px) {
    .home-slider__item--text-img__text {
        padding: 20px
    }
}

.home-slider__item--text-img__img {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.home-slider__item--text-img__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.home-slider__item--quote {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 40px;
    font-size: 3rem
}

@media (max-width:992px) {
    .home-slider__item--quote {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        font-size: 2.5rem
    }
}

@media (max-width:576px) {
    .home-slider__item--quote {
        padding: 20px
    }
}

.home-slider__item--quote__img {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    margin-right: 40px;
    height: 100%
}

.home-slider__item--quote__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (max-width:992px) {
    .home-slider__item--quote__img {
        margin-right: 0;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.home-slider__item--quote__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    height: 100%
}

@media (max-width:1700px) {
    .home-slider__item--quote__text {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media (max-width:992px) {
    .home-slider__item--quote__text {
        margin-bottom: 20px
    }
}

.screen-404 {
    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%;
    min-height: 100vh
}

.screen-404 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    width: 100%;
    height: 100vh
}

.screen-404__messsage {
    background-color: #000000;
    color: #FFF;
    padding: 0.5em;
    font-size: 4rem;
    margin-bottom: 40px
}

.screen-404__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 40px
}

:root {
    --top-bar-h: 152px;
    --top-bar-big-h: 152px;
    --top-bar-small-h: 152px;
    --plyr-color-main: #0066FF;
    --main-nav-tool: 80px;
}

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

body.no-transition :not(.color-mode__button *) {
    -webkit-transition: none !important;
    transition: none !important
}

body.dark-mode {
    background-color: #000000
}

.header {
    overflow: hidden
}

.dark-mode .header:not(.header--home) {
    color: #FFF;
    border-bottom: 1px solid currentColor
}

.header--home {
    position: relative;
    width: 100%;
    height: 100vh;
    background-color: black
}

.header--home h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    color: white;
    font-size: clamp(1.5rem, 6.5vw, 6rem);
    font-weight: 500;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0.5em;
    margin-right: 2rem;
    width: 100%;
    height: calc(50vh - 87px);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header--home h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: right;
    color: white;
    margin-right: 2rem;
    font-size: clamp(1.1rem, 3.5vw, 4rem);
    font-weight: 500;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0.5em;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header--home h1 div {
    margin-bottom: -1.5em
}

@media (max-width:992px) {
    .header--home h1 {
        padding-top: 30px;
        height: calc(50vh - 87px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 0
    }

    .header--home h1 div {
        margin-bottom: 0
    }
}

@media (max-width:992px) and (orientation:landscape) {
    .header--home h1 {
        font-size: 7.2vh;
        padding-top: 50px;
        margin-bottom: 30px
    }
}

.header--home ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style-type: none;
    height: 1.2em;
    height: 2em;
    overflow: hidden
}

.header--home li {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.header--home .header__media {
    position: relative;
    width: 100%;
    height: 100%
}

.header__front {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -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;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 40px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px
}

.home-search-bar {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 700px;
    border-radius: 60px;
    overflow: hidden
}

.dark-mode .home-search-bar {
    border: 1px solid #FFF
}

.home-search-bar .aa-InputWrapperPrefix {
    display: none
}

.home-search-bar .aa-Form {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.home-search-bar .aa-Form :focus-within {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none
}

.home-search-bar .aa-ClearButton {
    position: absolute;
    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;
    top: 0;
    right: 78px;
    width: 80px;
    height: 100%;
    border: none;
    border-left: 1px solid #000000;
    background: #FFF;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-search-bar .aa-ClearButton[hidden] {
    display: none
}

.home-search-bar .aa-ClearButton svg {
    width: 34.5px;
    height: 34.5px
}

.home-search-bar .aa-ClearButton path {
    fill: #000000;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-search-bar .aa-ClearButton:hover {
    background-color: #0066FF
}

.home-search-bar .aa-ClearButton:hover path {
    fill: #FFF
}

.dark-mode .home-search-bar .aa-ClearButton {
    border-left: 1px solid #FFF;
    background: #000000
}

.dark-mode .home-search-bar .aa-ClearButton path {
    fill: #FFF
}

.dark-mode .home-search-bar .aa-ClearButton:hover {
    background: #FFF
}

.dark-mode .home-search-bar .aa-ClearButton:hover path {
    fill: #000000
}

.home-search-bar form {
    height: 60px
}

.home-search-bar__input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%
}

.home-search-bar__input input {
    height: 60px;
    padding: 0 0 0 20px;
    font-size: 2rem;
    color: #0066FF;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-search-bar__input input:focus {
    background-color: rgba(0, 102, 255, 0.2);
    outline: none
}

.home-search-bar__input input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.home-search-bar__input input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.home-search-bar__input input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.home-search-bar__input input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.home-search-bar__input input::placeholder {
    color: rgba(0, 0, 0, 0.9)
}

.dark-mode .home-search-bar__input input {
    background-color: #000000;
    color: #FFF
}

.dark-mode .home-search-bar__input input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.dark-mode .home-search-bar__input input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.dark-mode .home-search-bar__input input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.dark-mode .home-search-bar__input input::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.dark-mode .home-search-bar__input input::placeholder {
    color: rgba(255, 255, 255, 0.9)
}

.home-search-bar__submit {
    position: absolute;
    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;
    top: 0;
    right: 0;
    width: 80px;
    height: 100%;
    border: none;
    border-left: 1px solid #000000;
    background: #FFF;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-search-bar__submit svg {
    width: 25px;
    height: 25px;
    margin-left: -4px
}

.home-search-bar__submit svg path {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.home-search-bar__submit:hover {
    background-color: #0066FF
}

.home-search-bar__submit:hover path {
    fill: #FFF
}

.dark-mode .home-search-bar__submit {
    background-color: #000000;
    border-left: 1px solid #FFF
}

.dark-mode .home-search-bar__submit path {
    fill: #FFF
}

.dark-mode .home-search-bar__submit:hover {
    background-color: #FFF
}

.dark-mode .home-search-bar__submit:hover path {
    fill: #000000
}

.header--internal {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(12, 1fr);
    background-color: #F5F5F5;
    min-height: 100vh;
    padding: var(--top-bar-big-h) 60px 60px 60px
}

@media (max-width:1350px) {
    .header--internal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:576px) {
    .header--internal {
        padding: calc(var(--top-bar-h) + 20px) 20px 40px 20px;
        min-height: unset
    }
}

.dark-mode .header--internal {
    background-color: #000000
}

.header--internal .header__media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* align-items: center; */
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
    flex-wrap: wrap;
}

@media (max-width:1350px) {
    .header--internal .header__media {
        width: 50%
    }
}

@media (max-width:576px) {
    .header--internal .header__media {
        display: none
    }
}

.header .header__img {
    position: relative;
    width: 100%;
    height: 100%
}

.header .header__img .bg-cover, .header .header__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.header .header__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: 50% 82%
}

.header .header__img .bg-cover {
    display: none;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.header .header__media .header__caption {
    position: relative;
    top: 5px;
    font-size: 1.25rem;
    margin-block-end: 20px;
}

@supports not ((-o-object-fit:contain) or (object-fit:contain)) {
    .header .header__img img {
        display: none
    }

    .header .header__img .bg-cover {
        display: block
    }
}

@media (max-width:1350px) {
    @supports (aspect-ratio:1.5/1) {
        .header .header__img {
            padding-top: unset;
            aspect-ratio: 1.5/1
        }
    }

    @supports not (aspect-ratio:1/1.5) {
        .header .header__img {
            padding-top: 75%
        }
    }
}

.header--internal .header__text {
    -ms-grid-column: 6;
    grid-column-start: 6;
    -ms-grid-column-span: 6;
    grid-column-end: 12;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header--internal .header__head {
    font-size: 4rem;
    margin: 1.5em 0
}



.header--internal .header__title {
    color: #0066FF;
    font-size: inherit;
    font-weight: 700;
    margin-bottom: 0.5em
}

.header--internal .header__subtitle {
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 0.75em
}

@media (max-width:1350px) {
    .header--internal .header__head {
        font-size: 3rem;
        margin: 1.25em 0
    }

    .header--internal .header__subtitle {
        font-size: 2rem;
    }
}

.dark-mode .header--internal .header__title, .dark-mode .header--internal .header__subtitle {
    color: #FFF
}

.header--internal .header__intro {
    color: inherit;
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.43
}

.header--internal .header__intro strong {
    font-weight: 700
}

@media (max-width:1350px) {
    .header--internal .header__intro {
        font-size: 2.5rem
    }
}

@media (max-width:768px) {
    .header--internal .header__intro {
        font-size: 2rem
    }
}

.header--internal .header__img {
    aspect-ratio: 1/1.25;
    height: unset
}

.header--white {
    color: #000000;
    background-color: #FFF
}

.header--beige {
    color: #000000;
    background-color: #d3c0a2
}

.header--grey {
    color: #000000;
    background-color: #c8c8c8
}

.header--teal {
    color: #FFF;
    background-color: #558e7b
}

.header--yellow {
    color: #000000;
    background-color: #ecf67f
}

.header--green {
    color: #000000;
    background-color: #dcfdd4
}

.header--orange {
    color: #FFF;
    background-color: #fc8363
}

.header--purple {
    color: #FFF;
    background-color: #b78ae4
}

.header--digital-blue {
    color: #FFF;
    background-color: #6865fa
}

.header--light-blue {
    color: #000000;
    background-color: #bfcdff
}

.header--pale-blue {
    color: #000000;
    background-color: #9ECDD3
}

.header--pink {
    color: #000000;
    background-color: #f4b3e5
}

.header--pale-green {
    color: #000000;
    background-color: #dcffd7
}

.header--solution .header__title {
    color: inherit
}

.header--solution .header__subtitle {
    color: inherit;
}

.breadcrumbs {
    font-size: 2rem
}

@media (max-width:1350px) {
    .breadcrumbs {
        font-size: 1.5rem
    }
}

.header__tags {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header__tag-item {
    font-family: "Roboto Mono", monospace;
    font-size: 2rem;
    margin: 0 0.5em 0.5em 0;
    padding: 0.5em 1em;
    white-space: nowrap;
    border: 1px solid currentColor;
    border-radius: 50px
}

@media (max-width:1350px) {
    .header__tag-item {
        font-size: 1.5rem
    }
}

.header--partners {
    width: 100%;
    height: 66.6666666667vh
}

.header--partners .header__media {
    position: relative;
    width: 100%;
    height: 100%
}

.main {
    padding-top: 90px
}

@media (max-width:576px) {
    .main {
        padding-top: 40px
    }
}

.page-content {
    display: -ms-grid;
    display: grid;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(12, 1fr);
    padding: 0 60px
}

@media (max-width:1350px) {
    .page-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:576px) {
    .page-content {
        padding: 0 20px
    }
}

.section--drop-cards, .section--how, .section--last-news, .section--partners, .section--faq {
    padding: 90px 40px
}

@media (max-width:576px) {
    .section--drop-cards, .section--how, .section--last-news, .section--partners .section--faq {
        padding: 20px
    }
}

.dark-mode .section--drop-cards, .dark-mode .section--how, .dark-mode .section--last-news, .dark-mode .section--partners .section--faq {
    border-bottom: 1px solid #FFF
}

.section__header {
    font-size: 5.5rem;
    padding-left: 20px;
    margin-bottom: 1em
}

.section__header a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.5rem;
    margin-top: 1em
}

.section__header a:after {
    content: ">";
    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: 0.9em;
    height: 1em;
    margin-left: 0.25em;
    padding-left: 0.1em;
    font-size: 0.8em;
    font-family: "Roboto Mono", monospace;
    font-weight: 400;
    background-color: #37CD7B;
    color: #FFF;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.section__header a:hover:after {
    -webkit-transform: translateX(0.5em);
    transform: translateX(0.5em)
}

.dark-mode .section__header {
    color: #FFF
}

.footer .section__header {
    padding-left: 0
}

.footer .section__header .section__title {
    width: 100%;
    max-width: 100%;
    color: #0066FF
}

.dark-mode .footer .section__header .section__title {
    color: #FFF
}

@media (max-width:1700px) {
    .section__header {
        font-size: 4rem
    }
}

@media (max-width:992px) {
    .section__header {
        font-size: 3rem
    }

    .section__header a {
        font-size: 2rem
    }
}

@media (max-width:768px) {
    .section__header {
        font-size: 2.5rem
    }

    .section__header a {
        font-size: 0.8em
    }
}

@media (max-width:576px) {
    .section__header {
        font-size: 2rem;
        padding-left: 0
    }

    .section__header a {
        font-size: 0.8em
    }
}

.section__title {
    font-size: inherit;
    font-weight: 500;
    line-height: 1;
    max-width: 50%
}

@media (max-width:992px) {
    .section__title {
        max-width: 100%
    }
}

.footer {
    background-color: #FFF
}

.dark-mode .footer {
    background-color: #000000
}

.footer__title {
    color: black;
    text-decoration: underline;
    margin-bottom: 0.5em
}

.dark-mode .footer__title {
    color: #FFF
}

footer ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}

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

.footer__social-list li {
    margin-right: 10px
}

.footer__social-list li:last-child {
    margin-right: 0
}

.footer__nav {
    background-color: transparent;
    position: relative;
    font-size: 1.5rem;
    z-index: 1
}

.footer__nav .footer__wrapper {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: 1fr;
    grid-template-rows: 1fr;
    grid-gap: 40px;
    background: #F5F5F5;
    border-radius: 50px 50px 0 0;
    padding: 60px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}

.footer__nav .footer__wrapper>:first-child {
    -ms-grid-row: 1;
    -ms-grid-column: 1
}

.footer__nav .footer__wrapper>:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3
}

.footer__nav .footer__wrapper>:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5
}

.footer__nav .footer__wrapper>:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7
}

.dark-mode .footer__nav .footer__wrapper {
    background: #000000;
    border: 1px solid #FFF;
    border-bottom: none
}

@media (max-width:576px) {
    .footer__nav .footer__wrapper {
        padding: 40px 20px
    }
}

.footer__contact {
    position: relative;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    padding: 60px;
    background-color: #FFF;
    border-radius: 50px 50px 0 0;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2)
}

.dark-mode .footer__contact {
    background-color: #000000;
    border: 1px solid #FFF
}

@media (max-width:992px) {
    .footer__contact {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:576px) {
    .footer__contact {
        padding: 40px 20px
    }
}

.footer-form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer-form-wrapper input, .footer-form-wrapper textarea {
    font-size: 2rem;
    font-weight: 400;
    border: 1px solid #bcbcbc;
    border-radius: 10px;
    padding: 10px 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 102, 255, 0);
    box-shadow: 0 0 2px 2px rgba(0, 102, 255, 0);
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out
}

.footer-form-wrapper input:focus, .footer-form-wrapper textarea:focus {
    outline: none;
    border: 1px solid rgba(0, 102, 255, 0.5);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 102, 255, 0.2);
    box-shadow: 0px 0px 15px 0px rgba(0, 102, 255, 0.2)
}

.footer-form-wrapper input:first-child, .footer-form-wrapper textarea:first-child {
    margin-right: 20px
}

.footer-form-wrapper input::-webkit-input-placeholder, .footer-form-wrapper textarea::-webkit-input-placeholder {
    color: #000000
}

.footer-form-wrapper input::-moz-placeholder, .footer-form-wrapper textarea::-moz-placeholder {
    color: #000000
}

.footer-form-wrapper input:-ms-input-placeholder, .footer-form-wrapper textarea:-ms-input-placeholder {
    color: #000000
}

.footer-form-wrapper input::-ms-input-placeholder, .footer-form-wrapper textarea::-ms-input-placeholder {
    color: #000000
}

.footer-form-wrapper input::placeholder, .footer-form-wrapper textarea::placeholder {
    color: #000000
}

.dark-mode .footer-form-wrapper input, .dark-mode .footer-form-wrapper textarea {
    background-color: #000000;
    border: 1px solid #FFF;
    color: #FFF
}

.dark-mode .footer-form-wrapper input::-webkit-input-placeholder, .dark-mode .footer-form-wrapper textarea::-webkit-input-placeholder {
    color: #FFF;
    opacity: 0.75
}

.dark-mode .footer-form-wrapper input::-moz-placeholder, .dark-mode .footer-form-wrapper textarea::-moz-placeholder {
    color: #FFF;
    opacity: 0.75
}

.dark-mode .footer-form-wrapper input:-ms-input-placeholder, .dark-mode .footer-form-wrapper textarea:-ms-input-placeholder {
    color: #FFF;
    opacity: 0.75
}

.dark-mode .footer-form-wrapper input::-ms-input-placeholder, .dark-mode .footer-form-wrapper textarea::-ms-input-placeholder {
    color: #FFF;
    opacity: 0.75
}

.dark-mode .footer-form-wrapper input::placeholder, .dark-mode .footer-form-wrapper textarea::placeholder {
    color: #FFF;
    opacity: 0.75
}

.footer-form-wrapper textarea {
    resize: none
}

.footer-form-wrapper [type=submit] {
    text-align: left;
    background-color: #0066FF;
    color: #FFF;
    border: none;
    margin: 0 !important;
    cursor: pointer
}

.wpcf7-not-valid-tip {
    margin-top: -15px;
    margin-bottom: 15px
}

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

.form-line--full>* {
    width: 100%
}

.form-line--full>* input, .form-line--full>* textarea {
    width: 100%
}

.form-line--half {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.form-line--half>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc((100% / 2) - 10px);
    flex: 0 1 calc((100% / 2) - 10px)
}

.form-line--half>* input {
    width: 100%
}

.wpcf7-response-output {
    border: none !important;
    padding: 0 !important;
    margin: 20px 0 0 0 !important
}

.wpcf7-spinner {
    display: none !important
}

.footer__nav__row {
    -ms-grid-column-span: 1;
    grid-column: span 1
}

.footer__nav__row>div {
    margin-bottom: 40px
}

.footer__nav__row>div:last-child {
    margin-bottom: 0
}

.footer__nav__row:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:1350px) {
    .footer__nav__row {
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

@media (max-width:992px) {
    .footer__nav__row {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }
}

.footer__logo svg {
    width: 100px
}

.footer__logo__circle {
    fill: #0066FF
}

.footer__logo__a {
    fill: white
}

.footer__social-item {
    height: 100%;
    max-width: 30px
}

.footer__social-icon {
    max-width: 100%
}

.footer__social-icon--dark {
    display: block
}

.dark-mode .footer__social-icon--dark {
    display: none
}

.footer__social-icon--light {
    display: none
}

.dark-mode .footer__social-icon--light {
    display: block;
    opacity: 1;
    -webkit-filter: none;
    filter: none
}

.footer__address {
    font-size: 2rem
}

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

.footer__partners img {
    display: block;
    max-height: 60px
}

.footer__partner {
    margin-bottom: 20px
}

.footer__partner:last-child {
    margin-bottom: 0
}

.grecaptcha-badge {
    display: none !important
}

.copyright {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    grid-area: 2/2/3/4;
    font-size: 2rem
}

@media (max-width:1350px) {
    .copyright {
        grid-area: unset;
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

@media (max-width:992px) {
    .copyright {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }
}

.footer-nav {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 2/4/3/5;
    font-size: 2rem
}

@media (max-width:1350px) {
    .footer-nav {
        grid-area: unset;
        -ms-grid-column-span: 2;
        grid-column: span 2
    }
}

@media (max-width:992px) {
    .footer-nav {
        -ms-grid-column-span: 4;
        grid-column: span 4
    }
}