@charset "UTF-8";
*,
:after,
:before {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::-ms-backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}
/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/
*,
:after,
:before {
    border: 0 solid #e5e7eb;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:after,
:before {
    --tw-content: "";
}
:host,
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    font-family: ui-sans-serif, system-ui, sans-serif, Apple Color Emoji,
        Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
}
body {
    line-height: inherit;
    margin: 0;
}
hr {
    border-top-width: 1px;
    color: inherit;
    height: 0;
}
abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}
a {
    color: inherit;
    text-decoration: inherit;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
pre,
samp {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
        Liberation Mono, Courier New, monospace;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-size: 1em;
    font-variation-settings: normal;
}
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;
}
table {
    border-collapse: collapse;
    border-color: inherit;
    text-indent: 0;
}
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font-family: inherit;
    -webkit-font-feature-settings: inherit;
    font-feature-settings: inherit;
    font-size: 100%;
    font-variation-settings: inherit;
    font-weight: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}
button,
select {
    text-transform: none;
}
button,
input:where([type="button"]),
input:where([type="reset"]),
input:where([type="submit"]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}
:-moz-focusring {
    outline: auto;
}
:-moz-ui-invalid {
    box-shadow: none;
}
progress {
    vertical-align: baseline;
}
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
summary {
    display: list-item;
}
blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0;
}
fieldset {
    margin: 0;
}
fieldset,
legend {
    padding: 0;
}
menu,
ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
dialog {
    padding: 0;
}
textarea {
    resize: vertical;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9ca3af;
    opacity: 1;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #9ca3af;
    opacity: 1;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #9ca3af;
    opacity: 1;
}
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #9ca3af;
    opacity: 1;
}
input::placeholder,
textarea::placeholder {
    color: #9ca3af;
    opacity: 1;
}
[role="button"],
button {
    cursor: pointer;
}
:disabled {
    cursor: default;
}
audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle;
}
img,
video {
    height: auto;
    max-width: 100%;
}
[hidden]:where(:not([hidden="until-found"])) {
    display: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.25;
    margin-bottom: 0.5rem;
}
dl,
ol,
p,
ul {
    margin-bottom: 1rem;
}
small {
    font-size: 87.5%;
}
.aspect-h-1 {
    --tw-aspect-h: 1;
}
.aspect-h-10 {
    --tw-aspect-h: 10;
}
.aspect-h-12 {
    --tw-aspect-h: 12;
}
.aspect-h-2 {
    --tw-aspect-h: 2;
}
.aspect-h-3 {
    --tw-aspect-h: 3;
}
.aspect-h-4 {
    --tw-aspect-h: 4;
}
.aspect-h-5 {
    --tw-aspect-h: 5;
}
.aspect-h-7 {
    --tw-aspect-h: 7;
}
.aspect-h-8 {
    --tw-aspect-h: 8;
}
.aspect-h-9 {
    --tw-aspect-h: 9;
}
.aspect-h-\[2\.2\] {
    --tw-aspect-h: 2.2;
}
.aspect-h-\[4\.2\] {
    --tw-aspect-h: 4.2;
}
.aspect-h-\[8\.3\] {
    --tw-aspect-h: 8.3;
}
.aspect-w-1 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 1;
}
.aspect-w-1 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-11 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 11;
}
.aspect-w-11 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-12 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 12;
}
.aspect-w-12 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-16 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 16;
}
.aspect-w-16 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-3 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 3;
}
.aspect-w-3 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-4 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 4;
}
.aspect-w-4 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-5 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 5;
}
.aspect-w-5 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-6 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 6;
}
.aspect-w-6 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-7 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 7;
}
.aspect-w-7 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-8 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 8;
}
.aspect-w-8 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.aspect-w-9 {
    padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
    position: relative;
    --tw-aspect-w: 9;
}
.aspect-w-9 > * {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.container {
    max-width: 100%;
}
@media (min-width: 568px) {
    .container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}
.mask-image-b {
    --fade-amount: 20%;
    -webkit-mask-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000),
        color-stop(#000),
        color-stop(#000),
        to(transparent)
    );
    -webkit-mask-image: linear-gradient(
        to bottom,
        #000,
        #000 var(--fade-amount),
        #000 calc(100% - var(--fade-amount)),
        transparent
    );
    mask-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000),
        color-stop(#000),
        color-stop(#000),
        to(transparent)
    );
    mask-image: linear-gradient(
        to bottom,
        #000,
        #000 var(--fade-amount),
        #000 calc(100% - var(--fade-amount)),
        transparent
    );
}
.mask-no-repeat {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.mask-contain {
    -webkit-mask-size: contain;
    mask-size: contain;
}
.bg-img-src {
    background-image: var(--img-src-mobile, none);
}
@media (min-width: 768px) {
    .bg-img-src {
        background-image: var(--img-src, none);
    }
}
.dashed-rounded-ci {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23ee273b' stroke-dasharray='2, 8' stroke-width='4' rx='100' ry='100'/%3E%3C/svg%3E");
}
@-webkit-keyframes bounce-finger {
    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -webkit-transform: translateX(5%) translateY(5%);
        transform: translateX(5%) translateY(5%);
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes bounce-finger {
    0%,
    to {
        -webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
        -webkit-transform: translateX(5%) translateY(5%);
        transform: translateX(5%) translateY(5%);
    }
    50% {
        -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
        -webkit-transform: none;
        transform: none;
    }
}
.animate-bounce-finger {
    -webkit-animation: bounce-finger 0.75s infinite;
    animation: bounce-finger 0.75s infinite;
}
.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
}
@media (min-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    text-align: center;
}
.globe-rounded {
    clip-path: rect(0 100% 100% 0);
}
@media (min-width: 768px) {
    .globe-rounded {
        clip-path: ellipse(50% 50% at 50% 50%);
    }
}
.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    white-space: nowrap;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.invisible {
    visibility: hidden;
}
.collapse {
    visibility: collapse;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.\!absolute {
    position: absolute !important;
}
.absolute {
    position: absolute;
}
.\!relative {
    position: relative !important;
}
.relative {
    position: relative;
}
.\!sticky {
    position: sticky !important;
}
.sticky {
    position: sticky;
}
.inset-0 {
    inset: 0;
}
.inset-x-0 {
    left: 0;
    right: 0;
}
.inset-y-0 {
    bottom: 0;
    top: 0;
}
.\!-top-9 {
    top: -2.25rem !important;
}
.\!bottom-0 {
    bottom: 0 !important;
}
.\!left-0 {
    left: 0 !important;
}
.\!left-12 {
    left: 3rem !important;
}
.\!right-0 {
    right: 0 !important;
}
.\!top-12 {
    top: 3rem !important;
}
.\!top-4 {
    top: 1rem !important;
}
.\!top-auto {
    top: auto !important;
}
.-bottom-0\.5 {
    bottom: -0.125rem;
}
.-bottom-2 {
    bottom: -0.5rem;
}
.-left-8 {
    left: -2rem;
}
.-top-20 {
    top: -5rem;
}
.bottom-0 {
    bottom: 0;
}
.bottom-1 {
    bottom: 0.25rem;
}
.bottom-10 {
    bottom: 2.5rem;
}
.bottom-12 {
    bottom: 3rem;
}
.bottom-16 {
    bottom: 4rem;
}
.bottom-20 {
    bottom: 5rem;
}
.bottom-3 {
    bottom: 0.75rem;
}
.bottom-4 {
    bottom: 1rem;
}
.bottom-5 {
    bottom: 1.25rem;
}
.bottom-6 {
    bottom: 1.5rem;
}
.bottom-7 {
    bottom: 1.75rem;
}
.bottom-8 {
    bottom: 2rem;
}
.bottom-\[--bar-position-y\2c 0\] {
    bottom: var(--bar-position-y, 0);
}
.bottom-\[5\%\] {
    bottom: 5%;
}
.bottom-\[95\%\] {
    bottom: 95%;
}
.bottom-full {
    bottom: 100%;
}
.left-0 {
    left: 0;
}
.left-1\/2 {
    left: 50%;
}
.left-10 {
    left: 2.5rem;
}
.left-12 {
    left: 3rem;
}
.left-2 {
    left: 0.5rem;
}
.left-28 {
    left: 7rem;
}
.left-4 {
    left: 1rem;
}
.left-6 {
    left: 1.5rem;
}
.left-7 {
    left: 1.75rem;
}
.left-8 {
    left: 2rem;
}
.left-full {
    left: 100%;
}
.right-0 {
    right: 0;
}
.right-12 {
    right: 3rem;
}
.right-2 {
    right: 0.5rem;
}
.right-4 {
    right: 1rem;
}
.right-6 {
    right: 1.5rem;
}
.right-7 {
    right: 1.75rem;
}
.right-8 {
    right: 2rem;
}
.right-\[calc\(100\%\+33px\)\] {
    right: calc(100% + 33px);
}
.right-\[calc\(100\%\+48px\)\] {
    right: calc(100% + 48px);
}
.right-\[calc\(7\.5\%\+100px\)\] {
    right: calc(7.5% + 100px);
}
.right-full {
    right: 100%;
}
.top-0 {
    top: 0;
}
.top-1\/2 {
    top: 50%;
}
.top-1\/4 {
    top: 25%;
}
.top-2 {
    top: 0.5rem;
}
.top-2\/3 {
    top: 66.666667%;
}
.top-28 {
    top: 7rem;
}
.top-4 {
    top: 1rem;
}
.top-8 {
    top: 2rem;
}
.top-\[--bar-position-y\2c 0\] {
    top: var(--bar-position-y, 0);
}
.top-\[20\%\] {
    top: 20%;
}
.top-\[23vw\] {
    top: 23vw;
}
.top-\[calc\(100\%\+1rem\)\] {
    top: calc(100% + 1rem);
}
.top-\[calc\(100\%\+3rem\)\] {
    top: calc(100% + 3rem);
}
.top-full {
    top: 100%;
}
.-z-1 {
    z-index: -1;
}
.-z-10 {
    z-index: -10;
}
.-z-\[1\] {
    z-index: -1;
}
.z-1 {
    z-index: 1;
}
.z-10 {
    z-index: 10;
}
.z-2 {
    z-index: 2;
}
.z-20 {
    z-index: 20;
}
.z-50 {
    z-index: 50;
}
.z-\[1\] {
    z-index: 1;
}
.z-\[3\] {
    z-index: 3;
}
.z-\[5\] {
    z-index: 5;
}
.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}
.order-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10;
}
.order-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11;
}
.order-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
}
.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}
.order-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
}
.order-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
}
.order-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
}
.order-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6;
}
.order-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7;
}
.order-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8;
}
.order-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9;
}
.order-first {
    -webkit-box-ordinal-group: -9998;
    -ms-flex-order: -9999;
    order: -9999;
}
.order-last {
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}
.order-none {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}
.col-span-10 {
    grid-column: span 10 / span 10;
}
.col-span-14 {
    grid-column: span 14 / span 14;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-full {
    grid-column: 1/-1;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.col-end-4 {
    grid-column-end: 4;
}
.col-end-5 {
    grid-column-end: 5;
}
.row-span-2 {
    grid-row: span 2 / span 2;
}
.row-span-4 {
    grid-row: span 4 / span 4;
}
.row-start-1 {
    grid-row-start: 1;
}
.row-start-2 {
    grid-row-start: 2;
}
.m-auto {
    margin: auto;
}
.\!-mx-8 {
    margin-left: -2rem !important;
    margin-right: -2rem !important;
}
.\!mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-12 {
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.my-4 {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.my-5 {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}
.my-6 {
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}
.my-8 {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.my-auto {
    margin-bottom: auto;
    margin-top: auto;
}
.\!-mt-20 {
    margin-top: -5rem !important;
}
.\!mr-0 {
    margin-right: 0 !important;
}
.\!mt-0 {
    margin-top: 0 !important;
}
.\!mt-4 {
    margin-top: 1rem !important;
}
.-mb-3 {
    margin-bottom: -0.75rem;
}
.-mb-6 {
    margin-bottom: -1.5rem;
}
.-mb-8 {
    margin-bottom: -2rem;
}
.-ml-1 {
    margin-left: -0.25rem;
}
.-ml-3 {
    margin-left: -0.75rem;
}
.-mr-8 {
    margin-right: -2rem;
}
.-mt-12 {
    margin-top: -3rem;
}
.-mt-\[5vmin\] {
    margin-top: -5vmin;
}
.-mt-\[min\(30vmin\2c 170px\)\] {
    margin-top: calc(min(30vmin, 170px) * -1);
}
.-mt-px {
    margin-top: -1px;
}
.mb-0 {
    margin-bottom: 0;
}
.mb-1 {
    margin-bottom: 0.25rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.mb-16 {
    margin-bottom: 4rem;
}
.mb-2 {
    margin-bottom: 0.5rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.mb-\[-10\%\] {
    margin-bottom: -10%;
}
.ml-0\.5 {
    margin-left: 0.125rem;
}
.ml-1 {
    margin-left: 0.25rem;
}
.ml-16 {
    margin-left: 4rem;
}
.ml-auto {
    margin-left: auto;
}
.mr-16 {
    margin-right: 4rem;
}
.mr-3 {
    margin-right: 0.75rem;
}
.mr-4 {
    margin-right: 1rem;
}
.mr-8 {
    margin-right: 2rem;
}
.mt-1 {
    margin-top: 0.25rem;
}
.mt-10 {
    margin-top: 2.5rem;
}
.mt-12 {
    margin-top: 3rem;
}
.mt-14 {
    margin-top: 3.5rem;
}
.mt-15 {
    margin-top: 3.75rem;
}
.mt-16 {
    margin-top: 4rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.mt-24 {
    margin-top: 6rem;
}
.mt-28 {
    margin-top: 7rem;
}
.mt-3 {
    margin-top: 0.75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mt-5 {
    margin-top: 1.25rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mt-7 {
    margin-top: 1.75rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mt-9 {
    margin-top: 2.25rem;
}
.mt-\[calc\(100vw\*\(2\/7\)\)\] {
    margin-top: 28.57143vw;
}
.mt-\[calc\(var\(--swiper-slide-width\)\/2\.5\)\] {
    margin-top: calc(var(--swiper-slide-width) / 2.5);
}
.mt-\[min\(30vmin\2c 170px\)\] {
    margin-top: min(30vmin, 170px);
}
.mt-auto {
    margin-top: auto;
}
.line-clamp-2 {
    -webkit-line-clamp: 2;
}
.line-clamp-2,
.line-clamp-3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.line-clamp-3 {
    -webkit-line-clamp: 3;
}
.line-clamp-4 {
    -webkit-line-clamp: 4;
}
.line-clamp-4,
.line-clamp-\[10\] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.line-clamp-\[10\] {
    -webkit-line-clamp: 10;
}
.line-clamp-\[8\] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.\!flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}
.table {
    display: table;
}
.grid {
    display: grid;
}
.\!hidden {
    display: none !important;
}
.hidden {
    display: none;
}
.\!size-6 {
    height: 1.5rem !important;
    width: 1.5rem !important;
}
.size-11 {
    height: 2.75rem;
    width: 2.75rem;
}
.size-18 {
    height: 4.5rem;
    width: 4.5rem;
}
.size-20 {
    height: 5rem;
    width: 5rem;
}
.size-46 {
    height: 11.5rem;
    width: 11.5rem;
}
.size-50 {
    height: 12.5rem;
    width: 12.5rem;
}
.size-6 {
    height: 1.5rem;
    width: 1.5rem;
}
.size-7 {
    height: 1.75rem;
    width: 1.75rem;
}
.size-8 {
    height: 2rem;
    width: 2rem;
}
.size-9 {
    height: 2.25rem;
    width: 2.25rem;
}
.size-\[70px\] {
    height: 70px;
    width: 70px;
}
.size-full {
    height: 100%;
    width: 100%;
}
.\!h-1\/2 {
    height: 50% !important;
}
.\!h-auto {
    height: auto !important;
}
.\!h-full {
    height: 100% !important;
}
.\!h-svh {
    height: 100svh !important;
}
.h-1 {
    height: 0.25rem;
}
.h-1\/2 {
    height: 50%;
}
.h-1\/3 {
    height: 33.333333%;
}
.h-10 {
    height: 2.5rem;
}
.h-20 {
    height: 5rem;
}
.h-24 {
    height: 6rem;
}
.h-3\/4 {
    height: 75%;
}
.h-3\/5 {
    height: 60%;
}
.h-5 {
    height: 1.25rem;
}
.h-6 {
    height: 1.5rem;
}
.h-64 {
    height: 16rem;
}
.h-7 {
    height: 1.75rem;
}
.h-8 {
    height: 2rem;
}
.h-9 {
    height: 2.25rem;
}
.h-\[--slide-height\2c 100\%\] {
    height: var(--slide-height, 100%);
}
.h-\[150vh\] {
    height: 150vh;
}
.h-\[200\%\] {
    height: 200%;
}
.h-\[200svh\] {
    height: 200svh;
}
.h-\[400px\] {
    height: 400px;
}
.h-\[50vh\] {
    height: 50vh;
}
.h-\[80lvh\] {
    height: 80lvh;
}
.h-\[88px\] {
    height: 88px;
}
.h-\[calc\(100\%\+1\.5rem\)\] {
    height: calc(100% + 1.5rem);
}
.h-\[calc\(100\%-6px\)\] {
    height: calc(100% - 6px);
}
.h-\[min\(500px\2c 120vw\)\] {
    height: min(500px, 120vw);
}
.h-full {
    height: 100%;
}
.h-lvh {
    height: 100lvh;
}
.h-px {
    height: 1px;
}
.h-screen {
    height: 100vh;
}
.\!max-h-none {
    max-height: none !important;
}
.max-h-\[80px\] {
    max-height: 80px;
}
.max-h-\[90lvh\] {
    max-height: 90lvh;
}
.max-h-\[99\%\] {
    max-height: 99%;
}
.\!min-h-0 {
    min-height: 0 !important;
}
.\!min-h-\[90vh\] {
    min-height: 90vh !important;
}
.min-h-0 {
    min-height: 0;
}
.min-h-44 {
    min-height: 11rem;
}
.min-h-7 {
    min-height: 1.75rem;
}
.min-h-\[10vh\] {
    min-height: 10vh;
}
.min-h-\[130px\] {
    min-height: 130px;
}
.min-h-\[150lvh\] {
    min-height: 150lvh;
}
.min-h-\[200px\] {
    min-height: 200px;
}
.min-h-\[20vh\] {
    min-height: 20vh;
}
.min-h-\[230px\] {
    min-height: 230px;
}
.min-h-\[30\%\] {
    min-height: 30%;
}
.min-h-\[300px\] {
    min-height: 300px;
}
.min-h-\[30svh\] {
    min-height: 30svh;
}
.min-h-\[30vh\] {
    min-height: 30vh;
}
.min-h-\[400px\] {
    min-height: 400px;
}
.min-h-\[40vh\] {
    min-height: 40vh;
}
.min-h-\[450px\] {
    min-height: 450px;
}
.min-h-\[50\%\] {
    min-height: 50%;
}
.min-h-\[50vh\] {
    min-height: 50vh;
}
.min-h-\[70\%\] {
    min-height: 70%;
}
.min-h-\[70vh\] {
    min-height: 70vh;
}
.min-h-\[750px\] {
    min-height: 750px;
}
.min-h-\[80vh\] {
    min-height: 80vh;
}
.min-h-full {
    min-height: 100%;
}
.min-h-lvh {
    min-height: 100lvh;
}
.min-h-screen {
    min-height: 100vh;
}
.min-h-svh {
    min-height: 100svh;
}
.\!w-full {
    width: 100% !important;
}
.w-0\.5 {
    width: 0.125rem;
}
.w-1\/2 {
    width: 50%;
}
.w-1\/3 {
    width: 33.333333%;
}
.w-10 {
    width: 2.5rem;
}
.w-12 {
    width: 3rem;
}
.w-16 {
    width: 4rem;
}
.w-20 {
    width: 5rem;
}
.w-3\/12 {
    width: 25%;
}
.w-36 {
    width: 9rem;
}
.w-48 {
    width: 12rem;
}
.w-5 {
    width: 1.25rem;
}
.w-6 {
    width: 1.5rem;
}
.w-7 {
    width: 1.75rem;
}
.w-8 {
    width: 2rem;
}
.w-9 {
    width: 2.25rem;
}
.w-9\/12 {
    width: 75%;
}
.w-\[--tab-button-bg-width\] {
    width: var(--tab-button-bg-width);
}
.w-\[110\%\] {
    width: 110%;
}
.w-\[60vw\] {
    width: 60vw;
}
.w-\[90\%\] {
    width: 90%;
}
.w-\[95\%\] {
    width: 95%;
}
.w-\[calc\(100\%\+4rem\)\] {
    width: calc(100% + 4rem);
}
.w-\[calc\(100\%-6rem\)\] {
    width: calc(100% - 6rem);
}
.w-\[calc\(80\%-6rem\)\] {
    width: calc(80% - 6rem);
}
.w-\[calc\(var\(--swiper-slide-width\)-3rem\)\] {
    width: calc(var(--swiper-slide-width) - 3rem);
}
.w-auto {
    width: auto;
}
.w-fit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.w-full {
    width: 100%;
}
.w-px {
    width: 1px;
}
.w-svw {
    width: 100svw;
}
.\!min-w-0 {
    min-width: 0 !important;
}
.min-w-24 {
    min-width: 6rem;
}
.min-w-\[132px\] {
    min-width: 132px;
}
.min-w-\[185px\] {
    min-width: 185px;
}
.min-w-\[225px\] {
    min-width: 225px;
}
.min-w-\[60px\] {
    min-width: 60px;
}
.min-w-stretch {
    min-width: -webkit-fill-available;
    min-width: -moz-available;
    min-width: stretch;
}
.max-w-15 {
    max-width: 3.75rem;
}
.max-w-16 {
    max-width: 4rem;
}
.max-w-25 {
    max-width: 6.25rem;
}
.max-w-28 {
    max-width: 7rem;
}
.max-w-5 {
    max-width: 1.25rem;
}
.max-w-80 {
    max-width: 20rem;
}
.max-w-\[170px\] {
    max-width: 170px;
}
.max-w-\[200\%\] {
    max-width: 200%;
}
.max-w-\[37\%\] {
    max-width: 37%;
}
.max-w-\[40\%\] {
    max-width: 40%;
}
.max-w-\[45px\] {
    max-width: 45px;
}
.max-w-\[50\%\] {
    max-width: 50%;
}
.max-w-\[80px\] {
    max-width: 80px;
}
.max-w-\[90\%\] {
    max-width: 90%;
}
.max-w-\[99\%\] {
    max-width: 99%;
}
.max-w-\[calc\(100\%-90px\)\] {
    max-width: calc(100% - 90px);
}
.max-w-\[min\(300px\2c 70\%\)\] {
    max-width: min(300px, 70%);
}
.max-w-\[min\(75\%\2c 45vw\)\] {
    max-width: min(75%, 45vw);
}
.max-w-full {
    max-width: 100%;
}
.max-w-md {
    max-width: 28rem;
}
.max-w-none {
    max-width: none;
}
.flex-\[1\] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.origin-\[52\%\] {
    -webkit-transform-origin: 52%;
    transform-origin: 52%;
}
.origin-bottom {
    -webkit-transform-origin: bottom;
    transform-origin: bottom;
}
.origin-bottom-left {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}
.origin-right {
    -webkit-transform-origin: right;
    transform-origin: right;
}
.origin-top {
    -webkit-transform-origin: top;
    transform-origin: top;
}
.\!-translate-y-1\/2 {
    --tw-translate-y: -50% !important;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.-translate-x-1\/2 {
    --tw-translate-x: -50%;
}
.-translate-x-1\/2,
.-translate-x-4 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-4 {
    --tw-translate-x: -1rem;
}
.-translate-x-7 {
    --tw-translate-x: -1.75rem;
}
.-translate-x-7,
.-translate-x-\[52\%\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-x-\[52\%\] {
    --tw-translate-x: -52%;
}
.-translate-x-full {
    --tw-translate-x: -100%;
}
.-translate-x-full,
.-translate-y-1\/2 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-1\/2 {
    --tw-translate-y: -50%;
}
.-translate-y-\[150\%\] {
    --tw-translate-y: -150%;
}
.-translate-y-\[150\%\],
.-translate-y-full {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.-translate-y-full {
    --tw-translate-y: -100%;
}
.translate-x-4 {
    --tw-translate-x: 1rem;
}
.translate-x-4,
.translate-y-1\/2 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-1\/2 {
    --tw-translate-y: 50%;
}
.translate-y-10 {
    --tw-translate-y: 2.5rem;
}
.translate-y-10,
.translate-y-3 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-3 {
    --tw-translate-y: 0.75rem;
}
.translate-y-6 {
    --tw-translate-y: 1.5rem;
}
.translate-y-6,
.translate-y-full {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.translate-y-full {
    --tw-translate-y: 100%;
}
.-rotate-90 {
    --tw-rotate: -90deg;
}
.-rotate-90,
.scale-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
}
.scale-90 {
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9;
}
.scale-90,
.scale-\[50\] {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.scale-\[50\] {
    --tw-scale-x: 50;
    --tw-scale-y: 50;
}
.scale-y-0 {
    --tw-scale-y: 0;
}
.scale-y-0,
.transform {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@-webkit-keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
@keyframes pulse {
    50% {
        opacity: 0.5;
    }
}
.animate-pulse {
    -webkit-animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
.animate-spin {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
.animate-spin-slow {
    -webkit-animation: spin 40s linear infinite;
    animation: spin 40s linear infinite;
}
.cursor-pointer {
    cursor: pointer;
}
.resize {
    resize: both;
}
.-scroll-mt-12 {
    scroll-margin-top: -3rem;
}
.list-circle {
    list-style-type: circle;
}
.list-disc {
    list-style-type: disc;
}
.list-none {
    list-style-type: none;
}
.\!appearance-auto {
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
}
.grid-flow-col {
    grid-auto-flow: column;
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-\[repeat\(24\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns: repeat(24, minmax(0, 1fr));
}
.grid-cols-\[repeat\(auto-fill\2c minmax\(min\(100\%\2c 250px\)\2c 1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));
}
.grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
}
.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.\!items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}
.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.\!items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}
.items-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.\!gap-3 {
    gap: 0.75rem !important;
}
.\!gap-4 {
    gap: 1rem !important;
}
.gap-1 {
    gap: 0.25rem;
}
.gap-10 {
    gap: 2.5rem;
}
.gap-12 {
    gap: 3rem;
}
.gap-2 {
    gap: 0.5rem;
}
.gap-2\.5 {
    gap: 0.625rem;
}
.gap-24 {
    gap: 6rem;
}
.gap-3 {
    gap: 0.75rem;
}
.gap-32 {
    gap: 8rem;
}
.gap-36 {
    gap: 9rem;
}
.gap-4 {
    gap: 1rem;
}
.gap-6 {
    gap: 1.5rem;
}
.gap-8 {
    gap: 2rem;
}
.gap-\[10px\] {
    gap: 10px;
}
.gap-x-10 {
    -webkit-column-gap: 2.5rem;
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
}
.gap-x-12 {
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem;
}
.gap-x-2 {
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
}
.gap-x-6 {
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}
.gap-x-8 {
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
}
.gap-y-14 {
    row-gap: 3.5rem;
}
.gap-y-4 {
    row-gap: 1rem;
}
.gap-y-6 {
    row-gap: 1.5rem;
}
.gap-y-8 {
    row-gap: 2rem;
}
.space-y-20 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(5rem * var(--tw-space-y-reverse));
    margin-top: calc(5rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    margin-top: calc(1rem * (1 - var(--tw-space-y-reverse)));
}
.space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-y-reverse: 0;
    border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    border-top-width: calc(1px * (1 - var(--tw-divide-y-reverse)));
}
.divide-neutral-300 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-divide-opacity, 1));
}
.divide-zinc-200 > :not([hidden]) ~ :not([hidden]) {
    --tw-divide-opacity: 1;
    border-color: rgb(228 228 231 / var(--tw-divide-opacity, 1));
}
.self-start {
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.\!self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}
.self-end {
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.justify-self-end {
    justify-self: end;
}
.\!overflow-auto {
    overflow: auto !important;
}
.overflow-hidden {
    overflow: hidden;
}
.\!overflow-clip {
    overflow: clip !important;
}
.overflow-clip {
    overflow: clip;
}
.\!overflow-visible {
    overflow: visible !important;
}
.overflow-visible {
    overflow: visible;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.scroll-smooth {
    scroll-behavior: smooth;
}
.whitespace-nowrap {
    white-space: nowrap;
}
.text-balance {
    text-wrap: balance;
}
.text-pretty {
    text-wrap: pretty;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded-2xl {
    border-radius: 1rem;
}
.rounded-3xl {
    border-radius: 1.5rem;
}
.rounded-\[20px\] {
    border-radius: 20px;
}
.rounded-\[calc\(1\.5rem-1px\)\] {
    border-radius: calc(1.5rem - 1px);
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-lg {
    border-radius: 0.5rem;
}
.rounded-md {
    border-radius: 0.375rem;
}
.rounded-xl {
    border-radius: 0.75rem;
}
.rounded-t-2xl {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}
.\!border {
    border-width: 1px !important;
}
.\!border-0 {
    border-width: 0 !important;
}
.border {
    border-width: 1px;
}
.border-2 {
    border-width: 2px;
}
.border-y {
    border-top-width: 1px;
}
.border-b,
.border-y {
    border-bottom-width: 1px;
}
.border-b-2 {
    border-bottom-width: 2px;
}
.border-t {
    border-top-width: 1px;
}
.border-t-2 {
    border-top-width: 2px;
}
.border-\[\#FB6900\] {
    --tw-border-opacity: 1;
    border-color: rgb(251 105 0 / var(--tw-border-opacity, 1));
}
.border-\[\#FFA200\] {
    --tw-border-opacity: 1;
    border-color: rgb(255 162 0 / var(--tw-border-opacity, 1));
}
.border-america {
    --tw-border-opacity: 1;
    border-color: rgb(51 154 122 / var(--tw-border-opacity, 1));
}
.border-black\/10 {
    border-color: rgba(0, 0, 0, 0.1);
}
.border-ci {
    --tw-border-opacity: 1;
    border-color: rgb(238 39 59 / var(--tw-border-opacity, 1));
}
.border-europe {
    --tw-border-opacity: 1;
    border-color: rgb(106 134 214 / var(--tw-border-opacity, 1));
}
.border-middle-east {
    --tw-border-opacity: 1;
    border-color: rgb(237 200 80 / var(--tw-border-opacity, 1));
}
.border-neutral-200 {
    --tw-border-opacity: 1;
    border-color: rgb(229 229 229 / var(--tw-border-opacity, 1));
}
.border-neutral-300 {
    --tw-border-opacity: 1;
    border-color: rgb(212 212 212 / var(--tw-border-opacity, 1));
}
.border-oceania {
    --tw-border-opacity: 1;
    border-color: rgb(43 167 160 / var(--tw-border-opacity, 1));
}
.border-primary {
    --tw-border-opacity: 1;
    border-color: rgb(51 51 51 / var(--tw-border-opacity, 1));
}
.border-primary\/20 {
    border-color: rgba(51, 51, 51, 0.2);
}
.border-primary\/50 {
    border-color: rgba(51, 51, 51, 0.5);
}
.border-sdg-1 {
    --tw-border-opacity: 1;
    border-color: rgb(229 36 59 / var(--tw-border-opacity, 1));
}
.border-sdg-10 {
    --tw-border-opacity: 1;
    border-color: rgb(221 19 103 / var(--tw-border-opacity, 1));
}
.border-sdg-11 {
    --tw-border-opacity: 1;
    border-color: rgb(253 157 36 / var(--tw-border-opacity, 1));
}
.border-sdg-12 {
    --tw-border-opacity: 1;
    border-color: rgb(191 139 46 / var(--tw-border-opacity, 1));
}
.border-sdg-13 {
    --tw-border-opacity: 1;
    border-color: rgb(63 126 68 / var(--tw-border-opacity, 1));
}
.border-sdg-14 {
    --tw-border-opacity: 1;
    border-color: rgb(34 151 217 / var(--tw-border-opacity, 1));
}
.border-sdg-15 {
    --tw-border-opacity: 1;
    border-color: rgb(86 192 43 / var(--tw-border-opacity, 1));
}
.border-sdg-16 {
    --tw-border-opacity: 1;
    border-color: rgb(21 104 157 / var(--tw-border-opacity, 1));
}
.border-sdg-17 {
    --tw-border-opacity: 1;
    border-color: rgb(25 72 106 / var(--tw-border-opacity, 1));
}
.border-sdg-2 {
    --tw-border-opacity: 1;
    border-color: rgb(221 166 58 / var(--tw-border-opacity, 1));
}
.border-sdg-3 {
    --tw-border-opacity: 1;
    border-color: rgb(76 159 56 / var(--tw-border-opacity, 1));
}
.border-sdg-4 {
    --tw-border-opacity: 1;
    border-color: rgb(197 25 45 / var(--tw-border-opacity, 1));
}
.border-sdg-5 {
    --tw-border-opacity: 1;
    border-color: rgb(255 58 33 / var(--tw-border-opacity, 1));
}
.border-sdg-6 {
    --tw-border-opacity: 1;
    border-color: rgb(38 189 226 / var(--tw-border-opacity, 1));
}
.border-sdg-7 {
    --tw-border-opacity: 1;
    border-color: rgb(252 195 11 / var(--tw-border-opacity, 1));
}
.border-sdg-8 {
    --tw-border-opacity: 1;
    border-color: rgb(162 25 66 / var(--tw-border-opacity, 1));
}
.border-sdg-9 {
    --tw-border-opacity: 1;
    border-color: rgb(253 105 37 / var(--tw-border-opacity, 1));
}
.border-transparent {
    border-color: transparent;
}
.border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.border-white\/20 {
    border-color: hsla(0, 0%, 100%, 0.2);
}
.border-white\/30 {
    border-color: hsla(0, 0%, 100%, 0.3);
}
.border-white\/40 {
    border-color: hsla(0, 0%, 100%, 0.4);
}
.border-yale-blue {
    --tw-border-opacity: 1;
    border-color: rgb(11 80 147 / var(--tw-border-opacity, 1));
}
.border-zinc-200 {
    --tw-border-opacity: 1;
    border-color: rgb(228 228 231 / var(--tw-border-opacity, 1));
}
.border-zinc-600 {
    --tw-border-opacity: 1;
    border-color: rgb(82 82 91 / var(--tw-border-opacity, 1));
}
.border-t-neutral-700 {
    --tw-border-opacity: 1;
    border-top-color: rgb(64 64 64 / var(--tw-border-opacity, 1));
}
.\!bg-ci {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1)) !important;
}
.\!bg-neutral-600\/70 {
    background-color: rgba(82, 82, 82, 0.7) !important;
}
.bg-\[\#262626\] {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity, 1));
}
.bg-\[\#99C8E4\] {
    --tw-bg-opacity: 1;
    background-color: rgb(153 200 228 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FB6900\] {
    --tw-bg-opacity: 1;
    background-color: rgb(251 105 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#FFA200\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 162 0 / var(--tw-bg-opacity, 1));
}
.bg-\[\#f6f6f6\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 246 246 / var(--tw-bg-opacity, 1));
}
.bg-america {
    --tw-bg-opacity: 1;
    background-color: rgb(51 154 122 / var(--tw-bg-opacity, 1));
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-black\/20 {
    background-color: rgba(0, 0, 0, 0.2);
}
.bg-black\/40 {
    background-color: rgba(0, 0, 0, 0.4);
}
.bg-ci {
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
}
.bg-europe {
    --tw-bg-opacity: 1;
    background-color: rgb(106 134 214 / var(--tw-bg-opacity, 1));
}
.bg-lightgray {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.bg-middle-east {
    --tw-bg-opacity: 1;
    background-color: rgb(237 200 80 / var(--tw-bg-opacity, 1));
}
.bg-neutral-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
}
.bg-neutral-950 {
    --tw-bg-opacity: 1;
    background-color: rgb(10 10 10 / var(--tw-bg-opacity, 1));
}
.bg-oceania {
    --tw-bg-opacity: 1;
    background-color: rgb(43 167 160 / var(--tw-bg-opacity, 1));
}
.bg-primary {
    --tw-bg-opacity: 1;
    background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
}
.bg-primary\/20 {
    background-color: rgba(51, 51, 51, 0.2);
}
.bg-sdg-1 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 36 59 / var(--tw-bg-opacity, 1));
}
.bg-sdg-10 {
    --tw-bg-opacity: 1;
    background-color: rgb(221 19 103 / var(--tw-bg-opacity, 1));
}
.bg-sdg-11 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 157 36 / var(--tw-bg-opacity, 1));
}
.bg-sdg-12 {
    --tw-bg-opacity: 1;
    background-color: rgb(191 139 46 / var(--tw-bg-opacity, 1));
}
.bg-sdg-13 {
    --tw-bg-opacity: 1;
    background-color: rgb(63 126 68 / var(--tw-bg-opacity, 1));
}
.bg-sdg-14 {
    --tw-bg-opacity: 1;
    background-color: rgb(34 151 217 / var(--tw-bg-opacity, 1));
}
.bg-sdg-15 {
    --tw-bg-opacity: 1;
    background-color: rgb(86 192 43 / var(--tw-bg-opacity, 1));
}
.bg-sdg-16 {
    --tw-bg-opacity: 1;
    background-color: rgb(21 104 157 / var(--tw-bg-opacity, 1));
}
.bg-sdg-17 {
    --tw-bg-opacity: 1;
    background-color: rgb(25 72 106 / var(--tw-bg-opacity, 1));
}
.bg-sdg-2 {
    --tw-bg-opacity: 1;
    background-color: rgb(221 166 58 / var(--tw-bg-opacity, 1));
}
.bg-sdg-3 {
    --tw-bg-opacity: 1;
    background-color: rgb(76 159 56 / var(--tw-bg-opacity, 1));
}
.bg-sdg-4 {
    --tw-bg-opacity: 1;
    background-color: rgb(197 25 45 / var(--tw-bg-opacity, 1));
}
.bg-sdg-5 {
    --tw-bg-opacity: 1;
    background-color: rgb(255 58 33 / var(--tw-bg-opacity, 1));
}
.bg-sdg-6 {
    --tw-bg-opacity: 1;
    background-color: rgb(38 189 226 / var(--tw-bg-opacity, 1));
}
.bg-sdg-7 {
    --tw-bg-opacity: 1;
    background-color: rgb(252 195 11 / var(--tw-bg-opacity, 1));
}
.bg-sdg-8 {
    --tw-bg-opacity: 1;
    background-color: rgb(162 25 66 / var(--tw-bg-opacity, 1));
}
.bg-sdg-9 {
    --tw-bg-opacity: 1;
    background-color: rgb(253 105 37 / var(--tw-bg-opacity, 1));
}
.bg-slate-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));
}
.bg-transparent {
    background-color: transparent;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-white\/20 {
    background-color: hsla(0, 0%, 100%, 0.2);
}
.bg-white\/60 {
    background-color: hsla(0, 0%, 100%, 0.6);
}
.bg-white\/90 {
    background-color: hsla(0, 0%, 100%, 0.9);
}
.bg-zinc-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}
.bg-zinc-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(228 228 231 / var(--tw-bg-opacity, 1));
}
.bg-gradient-to-b {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}
.bg-gradient-to-l {
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to left, var(--tw-gradient-stops));
}
.bg-gradient-to-r {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
}
.bg-gradient-to-t {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to top, var(--tw-gradient-stops));
}
.from-\[\#31B494\] {
    --tw-gradient-from: #31b494 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(49, 180, 148, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#346D86\] {
    --tw-gradient-from: #346d86 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(52, 109, 134, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#358FAB\] {
    --tw-gradient-from: #358fab var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(53, 143, 171, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#377975\] {
    --tw-gradient-from: #377975 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(55, 121, 117, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#3C8779\] {
    --tw-gradient-from: #3c8779 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(60, 135, 121, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#654989\] {
    --tw-gradient-from: #654989 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(101, 73, 137, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FB6900\] {
    --tw-gradient-from: #fb6900 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(251, 105, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#FFA200\] {
    --tw-gradient-from: #ffa200 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 162, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#dfebf4\] {
    --tw-gradient-from: #dfebf4 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(223, 235, 244, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f6f6f6\] {
    --tw-gradient-from: #f6f6f6 var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 96%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-\[\#f9fcfd\] {
    --tw-gradient-from: #f9fcfd var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(249, 252, 253, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/0 {
    --tw-gradient-from: transparent var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-black\/70 {
    --tw-gradient-from: rgba(0, 0, 0, 0.7) var(--tw-gradient-from-position);
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-ci {
    --tw-gradient-from: #ee273b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(238, 39, 59, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-neutral-950 {
    --tw-gradient-from: #0a0a0a var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 4%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-primary\/30 {
    --tw-gradient-from: rgba(51, 51, 51, 0.3) var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(51, 51, 51, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-rose-600 {
    --tw-gradient-from: #e11d48 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(225, 29, 72, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white\/80 {
    --tw-gradient-from: hsla(0, 0%, 100%, 0.8) var(--tw-gradient-from-position);
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-yale-blue {
    --tw-gradient-from: #0b5093 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(11, 80, 147, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-15\% {
    --tw-gradient-from-position: 15%;
}
.from-5\% {
    --tw-gradient-from-position: 5%;
}
.via-\[\#408DCF\] {
    --tw-gradient-to: rgba(64, 141, 207, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        #408dcf var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#43977F\] {
    --tw-gradient-to: rgba(67, 151, 127, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        #43977f var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#53B7BC\] {
    --tw-gradient-to: rgba(83, 183, 188, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        #53b7bc var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#81BE71\] {
    --tw-gradient-to: rgba(129, 190, 113, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        #81be71 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.via-\[\#C2D870\] {
    --tw-gradient-to: hsla(73, 57%, 64%, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from),
        #c2d870 var(--tw-gradient-via-position), var(--tw-gradient-to);
}
.to-\[\#0AD7E0\] {
    --tw-gradient-to: #0ad7e0 var(--tw-gradient-to-position);
}
.to-\[\#3AA4E04D\] {
    --tw-gradient-to: #3aa4e04d var(--tw-gradient-to-position);
}
.to-\[\#3AA4E0\] {
    --tw-gradient-to: #3aa4e0 var(--tw-gradient-to-position);
}
.to-\[\#42DEB1\] {
    --tw-gradient-to: #42deb1 var(--tw-gradient-to-position);
}
.to-\[\#A3ED8F\] {
    --tw-gradient-to: #a3ed8f var(--tw-gradient-to-position);
}
.to-\[\#C7B3DA\] {
    --tw-gradient-to: #c7b3da var(--tw-gradient-to-position);
}
.to-\[\#C8DEF1\] {
    --tw-gradient-to: #c8def1 var(--tw-gradient-to-position);
}
.to-\[\#D7F07B\] {
    --tw-gradient-to: #d7f07b var(--tw-gradient-to-position);
}
.to-\[\#F25665\] {
    --tw-gradient-to: #f25665 var(--tw-gradient-to-position);
}
.to-\[\#F6BE45\] {
    --tw-gradient-to: #f6be45 var(--tw-gradient-to-position);
}
.to-\[\#dfebf4\] {
    --tw-gradient-to: #dfebf4 var(--tw-gradient-to-position);
}
.to-\[\#f35e6c\] {
    --tw-gradient-to: #f35e6c var(--tw-gradient-to-position);
}
.to-\[\#ff964a\] {
    --tw-gradient-to: #ff964a var(--tw-gradient-to-position);
}
.to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position);
}
.to-black\/0 {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-neutral-950\/0 {
    --tw-gradient-to: hsla(0, 0%, 4%, 0) var(--tw-gradient-to-position);
}
.to-transparent {
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
}
.to-white\/0 {
    --tw-gradient-to: hsla(0, 0%, 100%, 0) var(--tw-gradient-to-position);
}
.to-zinc-100 {
    --tw-gradient-to: #f4f4f5 var(--tw-gradient-to-position);
}
.to-80\% {
    --tw-gradient-to-position: 80%;
}
.bg-cover {
    background-size: cover;
}
.bg-clip-text {
    -webkit-background-clip: text;
    background-clip: text;
}
.\!bg-\[70\%_center\] {
    background-position: 70% !important;
}
.\!bg-\[right_15\%_center\] {
    background-position: right 15% center !important;
}
.\!bg-\[right_25\%_center\] {
    background-position: right 25% center !important;
}
.\!bg-img-position {
    background-position: var(--img-position, center) !important;
}
.bg-\[40\%_center\] {
    background-position: 40%;
}
.bg-\[75\%_center\] {
    background-position: 75%;
}
.bg-bottom {
    background-position: bottom;
}
.bg-center {
    background-position: 50%;
}
.bg-no-repeat {
    background-repeat: no-repeat;
}
.fill-none {
    fill: none;
}
.stroke-ci {
    stroke: #ee273b;
}
.stroke-white {
    stroke: #fff;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}
.\!object-\[--video-mobile-position\] {
    -o-object-position: var(--video-mobile-position) !important;
    object-position: var(--video-mobile-position) !important;
}
.object-\[--image-position\] {
    -o-object-position: var(--image-position);
    object-position: var(--image-position);
}
.object-\[11\%_0\%\] {
    -o-object-position: 11% 0;
    object-position: 11% 0;
}
.object-\[15\%\] {
    -o-object-position: 15%;
    object-position: 15%;
}
.object-\[20\%_center\] {
    -o-object-position: 20% center;
    object-position: 20% center;
}
.object-\[25\%_50\%\] {
    -o-object-position: 25% 50%;
    object-position: 25% 50%;
}
.object-\[26\%_center\] {
    -o-object-position: 26% center;
    object-position: 26% center;
}
.object-\[30\%_bottom\] {
    -o-object-position: 30% bottom;
    object-position: 30% bottom;
}
.object-\[30\%_center\] {
    -o-object-position: 30% center;
    object-position: 30% center;
}
.object-\[35\%\] {
    -o-object-position: 35%;
    object-position: 35%;
}
.object-\[44\%\] {
    -o-object-position: 44%;
    object-position: 44%;
}
.object-\[47\%_center\] {
    -o-object-position: 47% center;
    object-position: 47% center;
}
.object-\[50\%_20\%\] {
    -o-object-position: 50% 20%;
    object-position: 50% 20%;
}
.object-\[87\%_30\%\] {
    -o-object-position: 87% 30%;
    object-position: 87% 30%;
}
.object-\[center_20\%\] {
    -o-object-position: center 20%;
    object-position: center 20%;
}
.object-bottom {
    -o-object-position: bottom;
    object-position: bottom;
}
.object-center {
    -o-object-position: center;
    object-position: center;
}
.object-top {
    -o-object-position: top;
    object-position: top;
}
.\!p-0 {
    padding: 0 !important;
}
.\!p-2 {
    padding: 0.5rem !important;
}
.p-1 {
    padding: 0.25rem;
}
.p-12 {
    padding: 3rem;
}
.p-2 {
    padding: 0.5rem;
}
.p-3 {
    padding: 0.75rem;
}
.p-4 {
    padding: 1rem;
}
.p-5 {
    padding: 1.25rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-8 {
    padding: 2rem;
}
.p-px {
    padding: 1px;
}
.\!px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.\!px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
}
.\!py-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}
.\!py-4 {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}
.\!py-6 {
    padding-bottom: 1.5rem !important;
    padding-top: 1.5rem !important;
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.py-0 {
    padding-bottom: 0;
    padding-top: 0;
}
.py-1 {
    padding-bottom: 0.25rem;
    padding-top: 0.25rem;
}
.py-1\.5 {
    padding-bottom: 0.375rem;
    padding-top: 0.375rem;
}
.py-10 {
    padding-bottom: 2.5rem;
    padding-top: 2.5rem;
}
.py-12 {
    padding-bottom: 3rem;
    padding-top: 3rem;
}
.py-2 {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
}
.py-24 {
    padding-bottom: 6rem;
    padding-top: 6rem;
}
.py-3 {
    padding-bottom: 0.75rem;
    padding-top: 0.75rem;
}
.py-4 {
    padding-bottom: 1rem;
    padding-top: 1rem;
}
.py-5 {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}
.py-6 {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
}
.py-7 {
    padding-bottom: 1.75rem;
    padding-top: 1.75rem;
}
.py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.py-\[12px\] {
    padding-bottom: 12px;
    padding-top: 12px;
}
.\!pb-0 {
    padding-bottom: 0 !important;
}
.\!pb-12 {
    padding-bottom: 3rem !important;
}
.\!pb-16 {
    padding-bottom: 4rem !important;
}
.\!pb-28 {
    padding-bottom: 7rem !important;
}
.\!pr-0 {
    padding-right: 0 !important;
}
.\!pt-0 {
    padding-top: 0 !important;
}
.pb-0 {
    padding-bottom: 0;
}
.pb-12 {
    padding-bottom: 3rem;
}
.pb-14 {
    padding-bottom: 3.5rem;
}
.pb-15 {
    padding-bottom: 3.75rem;
}
.pb-16 {
    padding-bottom: 4rem;
}
.pb-18 {
    padding-bottom: 4.5rem;
}
.pb-2 {
    padding-bottom: 0.5rem;
}
.pb-20 {
    padding-bottom: 5rem;
}
.pb-28 {
    padding-bottom: 7rem;
}
.pb-36 {
    padding-bottom: 9rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pb-48 {
    padding-bottom: 12rem;
}
.pb-56 {
    padding-bottom: 14rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pb-\[1\.9rem\] {
    padding-bottom: 1.9rem;
}
.pb-\[10vh\] {
    padding-bottom: 10vh;
}
.pl-0 {
    padding-left: 0;
}
.pl-12 {
    padding-left: 3rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pr-24 {
    padding-right: 6rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pr-9 {
    padding-right: 2.25rem;
}
.pt-1 {
    padding-top: 0.25rem;
}
.pt-10 {
    padding-top: 2.5rem;
}
.pt-12 {
    padding-top: 3rem;
}
.pt-14 {
    padding-top: 3.5rem;
}
.pt-15 {
    padding-top: 3.75rem;
}
.pt-2 {
    padding-top: 0.5rem;
}
.pt-20 {
    padding-top: 5rem;
}
.pt-24 {
    padding-top: 6rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pt-8 {
    padding-top: 2rem;
}
.pt-\[70\%\] {
    padding-top: 70%;
}
.pt-\[90vh\] {
    padding-top: 90vh;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.font-oswald {
    font-family: Oswald, Helvetica Neue, Arial, sans-serif;
}
.font-sunwaysans {
    font-family: SunwaySans, Helvetica Neue, Arial, sans-serif;
}
.\!text-base {
    font-size: 1rem !important;
    line-height: 1.5rem !important;
}
.\!text-sm {
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
}
.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-5xl {
    font-size: 3rem;
    line-height: 1;
}
.text-\[0\.8rem\] {
    font-size: 0.8rem;
}
.text-\[1\.2rem\] {
    font-size: 1.2rem;
}
.text-\[110\%\] {
    font-size: 110%;
}
.text-\[9vw\] {
    font-size: 9vw;
}
.text-\[calc\(var\(--swiper-slide-width\)\/2\.5\)\] {
    font-size: calc(var(--swiper-slide-width) / 2.5);
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-rp-2 {
    font-size: calc(1.325rem + 0.9vw);
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}
.\!font-bold {
    font-weight: 700 !important;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-medium {
    font-weight: 500;
}
.font-normal {
    font-weight: 400;
}
.uppercase {
    text-transform: uppercase;
}
.normal-case {
    text-transform: none;
}
.italic {
    font-style: italic;
}
.lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero)
        var(--tw-numeric-figure) var(--tw-numeric-spacing)
        var(--tw-numeric-fraction);
}
.leading-5 {
    line-height: 1.25rem;
}
.leading-\[1\.1\],
.leading-narrow {
    line-height: 1.1;
}
.leading-none {
    line-height: 1;
}
.leading-tight {
    line-height: 1.25;
}
.tracking-wider {
    letter-spacing: 0.05em;
}
.\!text-transparent {
    color: transparent !important;
}
.\!text-white {
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important;
}
.text-\[\#00BABE\] {
    --tw-text-opacity: 1;
    color: rgb(0 186 190 / var(--tw-text-opacity, 1));
}
.text-\[\#028FD5\] {
    --tw-text-opacity: 1;
    color: rgb(2 143 213 / var(--tw-text-opacity, 1));
}
.text-\[\#04987E\] {
    --tw-text-opacity: 1;
    color: rgb(4 152 126 / var(--tw-text-opacity, 1));
}
.text-\[\#6DC067\] {
    --tw-text-opacity: 1;
    color: rgb(109 192 103 / var(--tw-text-opacity, 1));
}
.text-\[\#BCD85F\] {
    --tw-text-opacity: 1;
    color: rgb(188 216 95 / var(--tw-text-opacity, 1));
}
.text-\[\#FB6900\] {
    --tw-text-opacity: 1;
    color: rgb(251 105 0 / var(--tw-text-opacity, 1));
}
.text-\[\#FFA200\] {
    --tw-text-opacity: 1;
    color: rgb(255 162 0 / var(--tw-text-opacity, 1));
}
.text-\[--theme-color\] {
    color: var(--theme-color);
}
.text-america {
    --tw-text-opacity: 1;
    color: rgb(51 154 122 / var(--tw-text-opacity, 1));
}
.text-ci {
    --tw-text-opacity: 1;
    color: #457da9;
}
.text-europe {
    --tw-text-opacity: 1;
    color: rgb(106 134 214 / var(--tw-text-opacity, 1));
}
.text-middle-east {
    --tw-text-opacity: 1;
    color: rgb(237 200 80 / var(--tw-text-opacity, 1));
}
.text-neutral-800 {
    --tw-text-opacity: 1;
    color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-oceania {
    --tw-text-opacity: 1;
    color: rgb(43 167 160 / var(--tw-text-opacity, 1));
}
.text-primary {
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.text-primary\/20 {
    color: rgba(51, 51, 51, 0.2);
}
.text-primary\/40 {
    color: rgba(51, 51, 51, 0.4);
}
.text-primary\/60 {
    color: rgba(51, 51, 51, 0.6);
}
.text-red-600 {
    --tw-text-opacity: 1;
    color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-sdg-1 {
    --tw-text-opacity: 1;
    color: rgb(229 36 59 / var(--tw-text-opacity, 1));
}
.text-sdg-10 {
    --tw-text-opacity: 1;
    color: rgb(221 19 103 / var(--tw-text-opacity, 1));
}
.text-sdg-11 {
    --tw-text-opacity: 1;
    color: rgb(253 157 36 / var(--tw-text-opacity, 1));
}
.text-sdg-12 {
    --tw-text-opacity: 1;
    color: rgb(191 139 46 / var(--tw-text-opacity, 1));
}
.text-sdg-13 {
    --tw-text-opacity: 1;
    color: rgb(63 126 68 / var(--tw-text-opacity, 1));
}
.text-sdg-14 {
    --tw-text-opacity: 1;
    color: rgb(34 151 217 / var(--tw-text-opacity, 1));
}
.text-sdg-15 {
    --tw-text-opacity: 1;
    color: rgb(86 192 43 / var(--tw-text-opacity, 1));
}
.text-sdg-16 {
    --tw-text-opacity: 1;
    color: rgb(21 104 157 / var(--tw-text-opacity, 1));
}
.text-sdg-17 {
    --tw-text-opacity: 1;
    color: rgb(25 72 106 / var(--tw-text-opacity, 1));
}
.text-sdg-2 {
    --tw-text-opacity: 1;
    color: rgb(221 166 58 / var(--tw-text-opacity, 1));
}
.text-sdg-3 {
    --tw-text-opacity: 1;
    color: rgb(76 159 56 / var(--tw-text-opacity, 1));
}
.text-sdg-4 {
    --tw-text-opacity: 1;
    color: rgb(197 25 45 / var(--tw-text-opacity, 1));
}
.text-sdg-5 {
    --tw-text-opacity: 1;
    color: rgb(255 58 33 / var(--tw-text-opacity, 1));
}
.text-sdg-6 {
    --tw-text-opacity: 1;
    color: rgb(38 189 226 / var(--tw-text-opacity, 1));
}
.text-sdg-7 {
    --tw-text-opacity: 1;
    color: rgb(252 195 11 / var(--tw-text-opacity, 1));
}
.text-sdg-8 {
    --tw-text-opacity: 1;
    color: rgb(162 25 66 / var(--tw-text-opacity, 1));
}
.text-sdg-9 {
    --tw-text-opacity: 1;
    color: rgb(253 105 37 / var(--tw-text-opacity, 1));
}
.text-transparent {
    color: transparent;
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.text-white\/50 {
    color: hsla(0, 0%, 100%, 0.5);
}
.text-zinc-300 {
    --tw-text-opacity: 1;
    color: rgb(212 212 216 / var(--tw-text-opacity, 1));
}
.text-zinc-800 {
    --tw-text-opacity: 1;
    color: rgb(39 39 42 / var(--tw-text-opacity, 1));
}
.underline {
    text-decoration-line: underline;
}
.no-underline {
    text-decoration-line: none;
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.opacity-0 {
    opacity: 0;
}
.opacity-10 {
    opacity: 0.1;
}
.opacity-20 {
    opacity: 0.2;
}
.opacity-25 {
    opacity: 0.25;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-75 {
    opacity: 0.75;
}
.mix-blend-multiply {
    mix-blend-mode: multiply;
}
.mix-blend-overlay {
    mix-blend-mode: overlay;
}
.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1),
        0 1px 2px -1px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color),
        0 1px 2px -1px var(--tw-shadow-color);
}
.shadow,
.shadow-lg {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
        0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color),
        0 4px 6px -4px var(--tw-shadow-color);
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
        0 2px 4px -2px var(--tw-shadow-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-black\/5 {
    --tw-shadow-color: rgba(0, 0, 0, 0.05);
    --tw-shadow: var(--tw-shadow-colored);
}
.ring-2 {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0
        var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0
        calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow),
        var(--tw-shadow, 0 0 #0000);
}
.ring-red-300 {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgb(252 165 165 / var(--tw-ring-opacity, 1));
}
.ring-offset-0 {
    --tw-ring-offset-width: 0px;
}
.filter {
    -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast)
        var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert)
        var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
.backdrop-blur-lg {
    --tw-backdrop-blur: blur(16px);
}
.backdrop-blur-lg,
.backdrop-blur-md {
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.backdrop-blur-md {
    --tw-backdrop-blur: blur(12px);
}
.backdrop-blur-xl {
    --tw-backdrop-blur: blur(24px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.\!transition-all {
    -webkit-transition-duration: 0.15s !important;
    transition-duration: 0.15s !important;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.\!transition-none {
    -webkit-transition-property: none !important;
    transition-property: none !important;
}
.transition {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, backdrop-filter,
        -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, backdrop-filter,
        -webkit-box-shadow, -webkit-transform, -webkit-filter;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, backdrop-filter;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke, opacity, box-shadow, transform,
        filter, backdrop-filter, -webkit-box-shadow, -webkit-transform,
        -webkit-filter;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-\[height\] {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: height;
    transition-property: height;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-\[opacity\2c transform\] {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-all {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-clip-path {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: clip-path;
    transition-property: clip-path;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-colors {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color,
        text-decoration-color, fill, stroke;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-opacity {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-shadow {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-box-shadow;
    transition-property: -webkit-box-shadow;
    transition-property: box-shadow;
    transition-property: box-shadow, -webkit-box-shadow;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.transition-transform {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.delay-100 {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
.delay-150 {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
.\!duration-500 {
    -webkit-transition-duration: 0.5s !important;
    transition-duration: 0.5s !important;
}
.duration-1000 {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
}
.duration-300 {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.duration-500 {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.duration-700 {
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
}
.duration-\[0\.5s\2c 0\.75s\2c 0\.75s\] {
    -webkit-transition-duration: 0.5s, 0.75s, 0.75s;
    transition-duration: 0.5s, 0.75s, 0.75s;
}
.ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ease-in-out-quart {
    -webkit-transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
    transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
}
.ease-out-quart {
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.will-change-transform {
    will-change: transform;
}
.clip-path-rect {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.clip-path-polygon-\[0\%_0\%\2c 0\%_0\%\2c 0\%_100\%\2c 0\%_100\%\] {
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.clip-path-polygon-\[0\%_0\%\2c 100\%_0\%\2c 100\%_100\%\2c 0\%_100\%\] {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.clip-path-polygon-\[0\%_100\%\2c 100\%_100\%\2c 100\%_100\%\2c 0\%_100\%\] {
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}
.clip-path-polygon-\[100\%_0\%\2c 100\%_0\%\2c 100\%_100\%\2c 100\%_100\%\] {
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.clip-path-polygon-\[8\%_8\%\2c _92\%_8\%\2c _92\%_92\%\2c _8\%_92\%\] {
    clip-path: polygon(8% 8%, 92% 8%, 92% 92%, 8% 92%);
}
.text-fill-transparent {
    -webkit-text-fill-color: transparent;
}
.text-fill-white {
    -webkit-text-fill-color: #fff;
}
.text-stroke-transparent {
    -webkit-text-stroke-color: transparent;
}
.text-stroke-2 {
    -webkit-text-stroke-width: 2px;
}
.text-rp-h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}
@media (min-width: 768px) {
    .text-rp-h2 {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 1.25;
    }
}
@media (min-width: 992px) {
    .text-rp-h2 {
        font-size: 3rem;
        line-height: 1;
    }
}
.input-bg-none:-webkit-autofill,
.input-bg-none:-webkit-autofill:focus,
.input-bg-none:-webkit-autofill:hover {
    -webkit-box-shadow: inset 0 0 0 1000px #fff !important;
}
.heading-mt-10 > :is(h1, h2, h3, h4, h5, h6):not(:first-child) {
    margin-top: 2.5rem;
}
.\[--fade-amount\:50\%\] {
    --fade-amount: 50%;
}
.\[text-shadow\:_2px_2px_4px_rgb\(0_0_0_\/_40\%\)\] {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
}
:root {
    --theme-color: #ee273b;
    --split-left-span: 6/12;
    --split-right-span: 6/12;
    --split-padding-inline: 2rem;
    --split-max-width: 540px;
    --color-ci-rgb: 238, 39, 58;
    --color-ci: #ee273b;
    --color-ci-dark: #d21023;
    --color-ci-light: #f25665;
    --color-primary-rgb: 51, 51, 51;
    --color-primary: #333;
    --color-primary-50: #f4f4f4;
    --color-primary-100: #e6e6e6;
    --color-primary-400: #999;
    --color-primary-900: #1a1a1a;
    --color-secondary-rgb: 231, 171, 41;
    --color-secondary: #f69421;
    --color-facebook: #4b90b9;
    --color-instagram: #b54887;
    --color-linkedin: #3076b2;
    --color-youtube: #d55772;
    --color-weibo: #c62824;
    --color-wechat: #04c254;
    --color-tik-tok: #ff0050;
    --color-purple: #6a70b1;
    --color-cyan: #3b99d4;
    --color-meadow: #20ab60;
    --color-orange: #f69421;
    --success: #28a745;
    --danger: #dc3545;
    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
    --swiper-theme-color: #007aff;
}
@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
        format("woff");
}
:host {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}
.swiper {
    display: block;
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: var(
        --swiper-wrapper-transition-timing-function,
        initial
    );
    transition-timing-function: var(
        --swiper-wrapper-transition-timing-function,
        initial
    );
    width: 100%;
    z-index: 1;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}
.swiper-slide {
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
}
.swiper-slide-invisible-blank {
    visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}
.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
    > .swiper-wrapper
    > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
    > .swiper-wrapper
    > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
    height: var(--swiper-centered-offset-after);
    min-width: 1px;
    width: 100%;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(
        linear,
        right top,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(transparent)
    );
    background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(0, 0, 0, 0.5)),
        to(transparent)
    );
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(transparent)
    );
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0.5)),
        to(transparent)
    );
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top: 4px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s linear infinite;
    animation: swiper-preloader-spin 1s linear infinite;
}
.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}
@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@-webkit-keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0;
    }
}
@keyframes plyr-progress {
    to {
        background-position: var(--plyr-progress-loading-size, 25px) 0;
    }
}
@-webkit-keyframes plyr-popup {
    0% {
        opacity: 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: var(--plyr-font-family, inherit);
    font-variant-numeric: tabular-nums;
    font-weight: var(--plyr-font-weight-regular, 400);
    line-height: var(--plyr-line-height, 1.7);
    max-width: 100%;
    min-width: 200px;
    position: relative;
    text-shadow: none;
    -webkit-transition: -webkit-box-shadow 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: var(--plyr-badge-background, #4a5464);
    border-radius: var(--plyr-badge-border-radius, 2px);
    color: var(--plyr-badge-text-color, #fff);
    font-size: var(--plyr-font-size-badge, 9px);
    line-height: 1;
    padding: 3px 4px;
}
.plyr--full-ui ::-webkit-media-text-track-container {
    display: none;
}
.plyr__captions {
    -webkit-animation: plyr-fade-in 0.3s ease;
    animation: plyr-fade-in 0.3s ease;
    bottom: 0;
    display: none;
    font-size: var(--plyr-font-size-small, 13px);
    left: 0;
    padding: var(--plyr-control-spacing, 10px);
    position: absolute;
    text-align: center;
    -webkit-transition: -webkit-transform 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: var(--plyr-font-size-base, 15px);
        padding: calc(var(--plyr-control-spacing, 10px) * 2);
    }
}
@media (min-width: 768px) {
    .plyr__captions {
        font-size: var(--plyr-font-size-large, 18px);
    }
}
.plyr--captions-active .plyr__captions {
    display: block;
}
.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty) ~ .plyr__captions {
    -webkit-transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
    transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}
.plyr__caption {
    background: var(--plyr-captions-background, rgba(0, 0, 0, 0.8));
    border-radius: 2px;
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone;
    color: var(--plyr-captions-text-color, #fff);
    line-height: 185%;
    padding: 0.2em 0.5em;
    white-space: pre-wrap;
}
.plyr__caption div {
    display: inline;
}
.plyr__control {
    background: transparent;
    border: 0;
    border-radius: var(--plyr-control-radius, 4px);
    color: inherit;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: visible;
    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 {
    display: block;
    fill: currentColor;
    height: var(--plyr-control-icon-size, 18px);
    pointer-events: none;
    width: var(--plyr-control-icon-size, 18px);
}
.plyr__control:focus {
    outline: 0;
}
.plyr__control:focus-visible {
    outline: 2px dashed
        var(
            --plyr-focus-visible-color,
            var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
        );
    outline-offset: 2px;
}
a.plyr__control {
    text-decoration: none;
}
.plyr__control.plyr__control--pressed .icon--not-pressed,
.plyr__control.plyr__control--pressed .label--not-pressed,
.plyr__control:not(.plyr__control--pressed) .icon--pressed,
.plyr__control:not(.plyr__control--pressed) .label--pressed,
a.plyr__control:after,
a.plyr__control:before {
    display: none;
}
.plyr--full-ui ::-webkit-media-controls {
    display: none;
}
.plyr__controls {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: center;
}
.plyr__controls .plyr__progress__container {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0;
}
.plyr__controls .plyr__controls__item {
    margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item:first-child {
    margin-left: 0;
    margin-right: auto;
}
.plyr__controls .plyr__controls__item.plyr__progress__container {
    padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}
.plyr__controls .plyr__controls__item.plyr__time {
    padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}
.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,
.plyr__controls .plyr__controls__item.plyr__time + .plyr__time,
.plyr__controls .plyr__controls__item.plyr__time:first-child {
    padding-left: 0;
}
.plyr [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: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    -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: var(--plyr-menu-color, #4a5464);
    font-size: var(--plyr-font-size-base, 15px);
    margin-bottom: 10px;
    position: absolute;
    right: -3px;
    text-align: left;
    white-space: nowrap;
    z-index: 3;
}
.plyr__menu__container > div {
    overflow: hidden;
    -webkit-transition: height 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-top-color: transparent;
    border: var(--plyr-menu-arrow-size, 4px) solid transparent;
    border-top-color: var(--plyr-menu-background, hsla(0, 0%, 100%, 0.9));
    content: "";
    height: 0;
    position: absolute;
    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: 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: var(--plyr-menu-color, #4a5464);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
    padding: calc(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: 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: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
}
.plyr__menu__container .plyr__control--forward:after {
    border-left-color: var(--plyr-menu-arrow-color, #728197);
    right: calc(
        var(--plyr-control-spacing, 10px) * 0.7 * 1.5 -
            var(--plyr-menu-item-arrow-size, 4px)
    );
}
.plyr__menu__container .plyr__control--forward:focus-visible:after,
.plyr__menu__container .plyr__control--forward:hover:after {
    border-left-color: currentColor;
}
.plyr__menu__container .plyr__control--back {
    font-weight: var(--plyr-font-weight-regular, 400);
    margin: calc(var(--plyr-control-spacing, 10px) * 0.7);
    margin-bottom: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
    padding-left: calc(var(--plyr-control-spacing, 10px) * 0.7 * 4);
    position: relative;
    width: calc(100% - var(--plyr-control-spacing, 10px) * 0.7 * 2);
}
.plyr__menu__container .plyr__control--back:after {
    border-right-color: var(--plyr-menu-arrow-color, #728197);
    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: var(--plyr-menu-back-border-color, #dcdfe5);
    -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: calc(var(--plyr-control-spacing, 10px) * 0.7 / 2);
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 100%;
}
.plyr__menu__container .plyr__control--back:focus-visible:after,
.plyr__menu__container .plyr__control--back:hover:after {
    border-right-color: currentColor;
}
.plyr__menu__container .plyr__control[role="menuitemradio"] {
    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: 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: 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"]:focus-visible: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: calc(var(--plyr-control-spacing, 10px) * 0.7 * -1 - -2px);
    overflow: hidden;
    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: calc(var(--plyr-range-thumb-height, 13px) * 2);
    color: var(
        --plyr-range-fill-background,
        var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    );
    display: block;
    height: calc(
        var(--plyr-range-thumb-active-shadow-width, 3px) * 2 +
            var(--plyr-range-thumb-height, 13px)
    );
    margin: 0;
    min-width: 0;
    padding: 0;
    -webkit-transition: -webkit-box-shadow 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,
        from(currentColor),
        to(transparent)
    );
    background-image: linear-gradient(
        to right,
        currentColor var(--value, 0),
        transparent var(--value, 0)
    );
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
    -webkit-transition: -webkit-box-shadow 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: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    -webkit-box-shadow: var(
        --plyr-range-thumb-shadow,
        0 1px 1px rgba(35, 40, 47, 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: var(--plyr-range-thumb-height, 13px);
    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: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type="range"]::-moz-range-track {
    background: transparent;
    border: 0;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    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: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(
        --plyr-range-thumb-shadow,
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2)
    );
    height: var(--plyr-range-thumb-height, 13px);
    position: relative;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    width: var(--plyr-range-thumb-height, 13px);
}
.plyr--full-ui input[type="range"]::-moz-range-progress {
    background: currentColor;
    border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
    height: var(--plyr-range-track-height, 5px);
}
.plyr--full-ui input[type="range"]::-ms-track {
    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: calc(var(--plyr-range-track-height, 5px) / 2);
    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: calc(var(--plyr-range-track-height, 5px) / 2);
    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: var(--plyr-range-thumb-background, #fff);
    border: 0;
    border-radius: 100%;
    box-shadow: var(
        --plyr-range-thumb-shadow,
        0 1px 1px rgba(35, 40, 47, 0.15),
        0 0 0 1px rgba(35, 40, 47, 0.2)
    );
    height: var(--plyr-range-thumb-height, 13px);
    margin-top: 0;
    position: relative;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    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"]:focus-visible::-webkit-slider-runnable-track {
    outline: 2px dashed
        var(
            --plyr-focus-visible-color,
            var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
        );
    outline-offset: 2px;
}
.plyr--full-ui input[type="range"]:focus-visible::-moz-range-track {
    outline: 2px dashed
        var(
            --plyr-focus-visible-color,
            var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
        );
    outline-offset: 2px;
}
.plyr--full-ui input[type="range"]:focus-visible::-ms-track {
    outline: 2px dashed
        var(
            --plyr-focus-visible-color,
            var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
        );
    outline-offset: 2px;
}
.plyr__poster {
    background-color: var(
        --plyr-video-background,
        var(--plyr-video-background, #000)
    );
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transition: opacity 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: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__time + .plyr__time:before {
    content: "⁄";
    margin-right: var(--plyr-control-spacing, 10px);
}
@media (max-width: 767px) {
    .plyr__time + .plyr__time {
        display: none;
    }
}
.plyr__tooltip {
    background: var(--plyr-tooltip-background, #fff);
    border-radius: var(--plyr-tooltip-radius, 5px);
    bottom: 100%;
    -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: var(--plyr-tooltip-color, #4a5464);
    font-size: var(--plyr-font-size-small, 13px);
    font-weight: var(--plyr-font-weight-regular, 400);
    left: 50%;
    line-height: 1.3;
    margin-bottom: calc(var(--plyr-control-spacing, 10px) / 2 * 2);
    opacity: 0;
    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: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid
        var(--plyr-tooltip-background, #fff);
    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:focus-visible .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: 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: 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:focus-visible
    .plyr__tooltip,
.plyr__controls
    > .plyr__control:first-child
    + .plyr__control:hover
    .plyr__tooltip,
.plyr__controls > .plyr__control:first-child:focus-visible .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:focus-visible .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: calc(var(--plyr-range-thumb-height, 13px) * 0.5);
    margin-right: var(--plyr-range-thumb-height, 13px);
    position: relative;
}
.plyr__progress input[type="range"],
.plyr__progress__buffer {
    margin-left: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    margin-right: calc(var(--plyr-range-thumb-height, 13px) * -0.5);
    width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__progress input[type="range"] {
    position: relative;
    z-index: 2;
}
.plyr__progress .plyr__tooltip {
    left: 0;
    max-width: 120px;
    overflow-wrap: break-word;
}
.plyr__progress__buffer {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    border-radius: 100px;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    margin-top: calc(var(--plyr-range-track-height, 5px) / 2 * -1);
    padding: 0;
    position: absolute;
    top: 50%;
}
.plyr__progress__buffer::-webkit-progress-bar {
    background: transparent;
}
.plyr__progress__buffer::-webkit-progress-value {
    background: currentColor;
    border-radius: 100px;
    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: 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,
        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: var(--plyr-progress-loading-size, 25px)
        var(--plyr-progress-loading-size, 25px);
    color: transparent;
}
.plyr--video.plyr--loading .plyr__progress__buffer {
    background-color: var(
        --plyr-video-progress-buffered-background,
        hsla(0, 0%, 100%, 0.25)
    );
}
.plyr--audio.plyr--loading .plyr__progress__buffer {
    background-color: var(
        --plyr-audio-progress-buffered-background,
        rgba(193, 200, 209, 0.6)
    );
}
.plyr__progress__marker {
    background-color: var(--plyr-progress-marker-background, #fff);
    border-radius: 1px;
    height: var(--plyr-range-track-height, 5px);
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: var(--plyr-progress-marker-width, 3px);
    z-index: 3;
}
.plyr__volume {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
.plyr__volume input[type="range"] {
    margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
    margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
    max-width: 90px;
    min-width: 60px;
    position: relative;
    z-index: 2;
}
.plyr--audio {
    display: block;
}
.plyr--audio .plyr__controls {
    background: var(--plyr-audio-controls-background, #fff);
    border-radius: inherit;
    color: var(--plyr-audio-control-color, #4a5464);
    padding: var(--plyr-control-spacing, 10px);
}
.plyr--audio .plyr__control:focus-visible,
.plyr--audio .plyr__control:hover,
.plyr--audio .plyr__control[aria-expanded="true"] {
    background: var(
        --plyr-audio-control-background-hover,
        var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    );
    color: var(--plyr-audio-control-color-hover, #fff);
}
.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
    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: 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: 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: 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: 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: 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: var(
        --plyr-audio-progress-buffered-background,
        rgba(193, 200, 209, 0.6)
    );
}
.plyr--video {
    overflow: hidden;
}
.plyr--video.plyr--menu-open {
    overflow: visible;
}
.plyr__video-wrapper {
    background: var(
        --plyr-video-background,
        var(--plyr-video-background, #000)
    );
    border-radius: inherit;
    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: 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: var(--plyr-video-control-color, #fff);
    left: 0;
    padding: calc(var(--plyr-control-spacing, 10px) / 2);
    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: var(--plyr-control-spacing, 10px);
        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:focus-visible,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded="true"] {
    background: var(
        --plyr-video-control-background-hover,
        var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    );
    color: var(--plyr-video-control-color-hover, #fff);
}
.plyr__control--overlaid {
    background: var(
        --plyr-video-control-background-hover,
        var(--plyr-color-main, var(--plyr-color-main, #00b2ff))
    );
    border: 0;
    border-radius: 100%;
    color: var(--plyr-video-control-color, #fff);
    display: none;
    left: 50%;
    opacity: 0.9;
    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: var(
        --plyr-video-range-track-background,
        var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
    );
}
.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
    background-color: var(
        --plyr-video-range-track-background,
        var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
    );
}
.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
    background-color: var(
        --plyr-video-range-track-background,
        var(--plyr-video-progress-buffered-background, hsla(0, 0%, 100%, 0.25))
    );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
    -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(0, 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(0, 0%, 100%, 0.5)
            );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
    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(0, 0%, 100%, 0.5)
            );
}
.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
    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(0, 0%, 100%, 0.5)
            );
}
.plyr--video .plyr__progress__buffer {
    color: var(
        --plyr-video-progress-buffered-background,
        hsla(0, 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: var(--plyr-font-size-xlarge, 21px);
    }
    .plyr:-ms-fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px);
    }
    .plyr:fullscreen .plyr__captions {
        font-size: var(--plyr-font-size-xlarge, 21px);
    }
}
.plyr--fullscreen-fallback {
    background: #000;
    border-radius: 0 !important;
    bottom: 0;
    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: var(--plyr-font-size-xlarge, 21px);
    }
}
.plyr__ads {
    border-radius: inherit;
    bottom: 0;
    cursor: pointer;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.plyr__ads > div,
.plyr__ads > div iframe {
    height: 100%;
    position: absolute;
    width: 100%;
}
.plyr__ads:after {
    background: #23282f;
    border-radius: 2px;
    bottom: var(--plyr-control-spacing, 10px);
    color: #fff;
    content: attr(data-badge-text);
    font-size: 11px;
    padding: 2px 6px;
    pointer-events: none;
    position: absolute;
    right: var(--plyr-control-spacing, 10px);
    z-index: 3;
}
.plyr__ads:empty:after {
    display: none;
}
.plyr__cues {
    background: currentColor;
    display: block;
    height: var(--plyr-range-track-height, 5px);
    left: 0;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    z-index: 3;
}
.plyr__preview-thumb {
    background-color: var(--plyr-tooltip-background, #fff);
    border-radius: var(--plyr-menu-radius, 8px);
    bottom: 100%;
    -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: 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: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
    border-top: var(--plyr-tooltip-arrow-size, 4px) solid
        var(--plyr-tooltip-background, #fff);
    bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
    content: "";
    height: 0;
    left: calc(50% + var(--preview-arrow-offset));
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    z-index: 2;
}
.plyr__preview-thumb__image-container {
    background: #c1c8d1;
    border-radius: calc(var(--plyr-menu-radius, 8px) - 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: var(
        --plyr-video-controls-background,
        linear-gradient(transparent, rgba(0, 0, 0, 0.75))
    );
    border-bottom-left-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    border-bottom-right-radius: calc(var(--plyr-menu-radius, 8px) - 1px);
    bottom: 0;
    left: 0;
    line-height: 1.1;
    padding: 20px 6px 6px;
    position: absolute;
    right: 0;
    z-index: 3;
}
.plyr__preview-thumb__time-container span {
    color: #fff;
    font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}
.plyr__preview-scrubbing {
    bottom: 0;
    -webkit-filter: blur(1px);
    filter: blur(1px);
    height: 100%;
    left: 0;
    margin: auto;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: opacity 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: contain;
    object-fit: contain;
    position: absolute;
    top: 0;
    width: 100%;
}
.plyr--no-transition {
    -webkit-transition: none !important;
    transition: none !important;
}
.plyr__sr-only {
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}
.plyr [hidden] {
    display: none !important;
}
#outdated {
    background-color: #f25648;
    color: #fff;
    display: none;
    font-family: Open Sans, Segoe UI, sans-serif;
    left: 0;
    overflow: hidden;
    padding: 0 24px 24px 0;
    position: absolute;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 1500;
}
#outdated.fullscreen {
    height: 100%;
}
#outdated .vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
#outdated h6 {
    font-size: 25px;
    line-height: 25px;
    margin: 12px 0;
}
#outdated p {
    font-size: 12px;
    line-height: 12px;
    margin: 0;
}
#outdated #buttonUpdateBrowser {
    border: 2px solid #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    margin: 30px auto 0;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    width: 230px;
}
#outdated #buttonUpdateBrowser:hover {
    background-color: #fff;
    color: #f25648;
}
#outdated .last {
    display: inline-table;
    height: 20px;
    position: absolute;
    right: 70px;
    top: 10px;
    width: auto;
}
#outdated .last[dir="rtl"] {
    left: 25px !important;
    right: auto !important;
}
#outdated #buttonCloseUpdateBrowser {
    color: #fff;
    display: block;
    font-size: 36px;
    height: 100%;
    line-height: 36px;
    position: relative;
    text-decoration: none;
    width: 100%;
}
.splitting .char,
.splitting .word {
    display: inline-block;
}
.splitting .char:after,
.splitting .char:before {
    content: attr(data-char);
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: inherit;
    transition: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    visibility: hidden;
}
.splitting {
    --word-center: calc((var(--word-total) - 1) / 2);
    --char-center: calc((var(--char-total) - 1) / 2);
    --line-center: calc((var(--line-total) - 1) / 2);
}
.splitting .word {
    --word-percent: calc(var(--word-index) / var(--word-total));
    --line-percent: calc(var(--line-index) / var(--line-total));
}
.splitting .char {
    --char-percent: calc(var(--char-index) / var(--char-total));
    --char-offset: calc(var(--char-index) - var(--char-center));
    --distance: calc(
        (var(--char-offset) * var(--char-offset)) / var(--char-center)
    );
    --distance-sine: calc(var(--char-offset) / var(--char-center));
    --distance-percent: calc(var(--distance) / var(--char-center));
}
html.lenis {
    height: auto;
}
.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}
.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
}
.lenis.lenis-scrolling iframe {
    pointer-events: none;
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 900;
    src: url(/fonts/SunwaySans/sunwaysans_beta-black-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-black-webfont.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: italic;
    font-weight: 900;
    src: url(/fonts/SunwaySans/sunwaysans_beta-blackitalic-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-blackitalic-webfont.woff)
            format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 800;
    src: url(/fonts/SunwaySans/sunwaysans_beta-extrabold-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-extrabold-webfont.woff)
            format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: italic;
    font-weight: 800;
    src: url(/fonts/SunwaySans/sunwaysans_beta-extrabolditalic-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-extrabolditalic-webfont.woff)
            format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 700;
    src: url(/fonts/SunwaySans/sunwaysans_beta-bold-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-bold-webfont.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: italic;
    font-weight: 700;
    src: url(/fonts/SunwaySans/sunwaysans_beta-bolditalic-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-bolditalic-webfont.woff)
            format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/SunwaySans/sunwaysans_beta-medium-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-medium-webfont.woff)
            format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: italic;
    font-weight: 500;
    src: url(/fonts/SunwaySans/sunwaysans_beta-mediumitalic-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-mediumitalic-webfont.woff)
            format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/SunwaySans/sunwaysans_beta-regular-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-regular-webfont.woff)
            format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: italic;
    font-weight: 400;
    src: url(/fonts/SunwaySans/sunwaysans_beta-italic-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-italic-webfont.woff)
            format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: normal;
    font-weight: 300;
    src: url(/fonts/SunwaySans/sunwaysans_beta-light-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-light-webfont.woff) format("woff");
}
@font-face {
    font-display: swap;
    font-family: SunwaySans;
    font-stretch: normal;
    font-style: italic;
    font-weight: 300;
    src: url(/fonts/SunwaySans/sunwaysans_beta-lightitalic-webfont.woff2)
            format("woff2"),
        url(/fonts/SunwaySans/sunwaysans_beta-lightitalic-webfont.woff)
            format("woff");
}
.bg-sdg-1 {
    background-color: #e5243b;
}
.bg-sdg-2 {
    background-color: #dda63a;
}
.bg-sdg-3 {
    background-color: #4c9f38;
}
.bg-sdg-4 {
    background-color: #c5192d;
}
.bg-sdg-5 {
    background-color: #ff3a21;
}
.bg-sdg-6 {
    background-color: #26bde2;
}
.bg-sdg-7 {
    background-color: #fcc30b;
}
.bg-sdg-8 {
    background-color: #a21942;
}
.bg-sdg-9 {
    background-color: #fd6925;
}
.bg-sdg-10 {
    background-color: #dd1367;
}
.bg-sdg-11 {
    background-color: #fd9d24;
}
.bg-sdg-12 {
    background-color: #bf8b2e;
}
.bg-sdg-13 {
    background-color: #3f7e44;
}
.bg-sdg-14 {
    background-color: #0a97d9;
}
.bg-sdg-15 {
    background-color: #56c02b;
}
.bg-sdg-16 {
    background-color: #00689d;
}
.bg-sdg-17 {
    background-color: #19486a;
}
.bg-sdg-18 {
    background-color: #f2f2f2;
}
body,
html {
    color: #333;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
html {
    font-family: Roboto, Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}
.fs-1,
.h1,
h1 {
    font-size: 2rem;
}
@media (min-width: 768px) {
    .fs-1,
    .h1,
    h1 {
        font-size: 2.5rem;
    }
}
@media (min-width: 1366px) {
    .fs-1,
    .h1,
    h1 {
        font-size: 3rem;
    }
}
.fs-2,
.h2,
h2 {
    font-size: 1.5rem;
}
@media (min-width: 768px) {
    .fs-2,
    .h2,
    h2 {
        font-size: 2rem;
    }
}
@media (min-width: 1366px) {
    .fs-2,
    .h2,
    h2 {
        font-size: 2.5rem;
    }
}
.h3,
h3 {
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .h3,
    h3 {
        font-size: 1.6rem;
    }
}
@media (min-width: 1366px) {
    .h3,
    h3 {
        font-size: 2rem;
    }
}
.h4,
h4 {
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .h4,
    h4 {
        font-size: 1.35rem;
    }
}
@media (min-width: 1366px) {
    .h4,
    h4 {
        font-size: 1.5rem;
    }
}
.h5,
h5 {
    font-size: 1.25rem;
    line-height: 1.2;
}
ol,
p,
ul {
    font-size: 0.9rem;
}
ol,
ul {
    padding-left: 1rem;
}
a {
    color: var(--color-ci);
}
a:hover {
    color: var(--color-ci-light);
}
::-moz-selection {
    background-color: rgba(var(--color-secondary-rgb), 0.8);
}
::selection {
    background-color: rgba(var(--color-secondary-rgb), 0.8);
}
p:last-child,
ul:last-child {
    margin-bottom: 0;
}
.gradient-heading > :is(h1, h2, h3, h4, h5, h6) {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(var(--tw-gradient-stops))
    );
    background-image: linear-gradient(to right, var(--tw-gradient-stops));
    -webkit-text-fill-color: transparent;
}
main {
    position: relative;
}
.custom-scrollbar,
[data-disable-scroll],
[data-lenis-prevent] {
    padding-right: 1rem;
    -webkit-overflow-scrolling: auto;
}
.custom-scrollbar::-webkit-scrollbar,
[data-disable-scroll]::-webkit-scrollbar,
[data-lenis-prevent]::-webkit-scrollbar {
    width: 4px;
}
.custom-scrollbar::-webkit-scrollbar-track,
[data-disable-scroll]::-webkit-scrollbar-track,
[data-lenis-prevent]::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.custom-scrollbar::-webkit-scrollbar-thumb,
[data-disable-scroll]::-webkit-scrollbar-thumb,
[data-lenis-prevent]::-webkit-scrollbar-thumb {
    background: var(--color-ci);
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover,
[data-disable-scroll]::-webkit-scrollbar-thumb:hover,
[data-lenis-prevent]::-webkit-scrollbar-thumb:hover {
    background: var(--color-ci-dark);
}
.scrollbar--thin::-webkit-scrollbar {
    width: 1px;
}
.scrollbar--md::-webkit-scrollbar {
    width: 2px;
}
.text-white p a:only-child {
    color: #fff;
}
.text-gradient,
.text-mask {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.safari-text-gradient:after {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#7b1d1d),
        to(#125a7b)
    );
    background: linear-gradient(0deg, #7b1d1d, #125a7b);
    background-clip: text;
    -webkit-background-clip: text;
    content: attr(data-text);
    font-size: 3rem;
    white-space: pre-wrap;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    left: 0;
    position: absolute;
    top: 0;
}
.text-shadow-primary {
    text-shadow: 0 3px 5px rgba(var(--color-primary-rgb), 0.75);
}
.is-show {
    opacity: 1;
    visibility: visible;
}
.is-hide {
    visibility: hidden;
}
.is-hide,
.splitting .char {
    opacity: 0;
}
[data-animate="true"].splitting .char {
    -webkit-animation: slide-in 0.3s var(--ease-in-out-quart, ease-in-out)
        forwards;
    animation: slide-in 0.3s var(--ease-in-out-quart, ease-in-out) forwards;
    -webkit-animation-delay: calc(0.02s * var(--char-index));
    animation-delay: calc(0.02s * var(--char-index));
}
@-webkit-keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateY(1rem);
        transform: scale(0.8) translateY(1rem);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }
}
@keyframes slide-in {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8) translateY(1rem);
        transform: scale(0.8) translateY(1rem);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }
}
header {
    min-height: 79px;
}
.header-nav {
    position: relative;
}
.header-nav hr {
    display: none;
    max-width: 90%;
}
@media (min-width: 768px) {
    .header-nav hr {
        display: block;
        max-width: 85%;
    }
}
.navigation-logo {
    display: inline-block;
    margin: 0 auto;
    opacity: 0;
    position: relative;
    z-index: 10;
}
.navigation-logo:before {
    background-color: transparent;
    content: "";
    display: block;
    height: 70px;
    left: 0;
    position: fixed;
    top: -1.5rem;
    width: 100%;
    z-index: -1;
}
.navigation-logo img {
    width: 120px;
}
@media (min-width: 768px) {
    .navigation-logo img {
        width: auto;
    }
}
.navigation {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 768px) {
    .navigation {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
#mainmenu {
    background-color: #fff;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transition: all 0.3s var(--ease-out-quart, ease-out);
    transition: all 0.3s var(--ease-out-quart, ease-out);
    visibility: hidden;
    width: 100%;
}
@media (min-width: 768px) {
    #mainmenu {
        background-color: transparent;
        height: auto;
        opacity: 1;
        pointer-events: all;
        position: relative;
        visibility: visible;
        width: auto;
    }
}
#mainmenu.is-open {
    opacity: 1;
    overflow-y: auto;
    pointer-events: all;
    visibility: visible;
}
@media (min-width: 768px) {
    #mainmenu.is-open {
        overflow-y: visible;
    }
}
#mainmenu .navigation {
    margin: auto;
    width: 90%;
}
@media (min-width: 768px) {
    #mainmenu .navigation {
        max-width: 85%;
        width: auto;
    }
}
#mainmenu a {
    text-decoration: none;
}
#mainmenu .nav-item {
    display: inline-block;
    opacity: 0;
    padding: 0.5rem 0;
    position: relative;
    text-align: left;
}
@media (min-width: 768px) {
    #mainmenu .nav-item {
        padding: 0;
        text-align: center;
    }
}
#mainmenu .nav-item > a {
    color: var(--color-primary);
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}
@media (min-width: 768px) {
    #mainmenu .nav-item > a {
        font-size: 0.7rem;
        font-weight: 400;
        -webkit-transition: color 0.3s var(--ease-out-quart, ease-out);
        transition: color 0.3s var(--ease-out-quart, ease-out);
    }
}
@media (min-width: 992px) {
    #mainmenu .nav-item > a {
        font-size: 0.8rem;
    }
}
#mainmenu .nav-item > a:hover {
    color: var(--color-ci);
}
.nav-plus {
    display: inline-block;
    margin-left: 0.5rem;
    position: relative;
    top: -2px;
}
@media (min-width: 768px) {
    .nav-plus {
        display: none;
    }
}
.nav-announcement {
    position: absolute;
    right: 10px;
    top: 0;
    width: 50px;
}
.nav-announcement a {
    display: inline-block;
}
.has-submenu {
    position: relative;
    white-space: nowrap;
}
.has-submenu:after {
    content: "›";
    display: inline-block;
    font-weight: 400;
    margin-left: 0.5rem;
    -webkit-transform: translateY(-0.1rem) rotate(90deg) scale(1.4);
    transform: translateY(-0.1rem) rotate(90deg) scale(1.4);
}
.is-open .is-open-hide,
.is-open + .is-open-hide {
    opacity: 0 !important;
    pointer-events: none;
    visibility: hidden !important;
}
.header-nav.theme-white .nav-hamburger {
    border-color: #fff;
}
.header-nav.theme-white .nav-hamburger rect,
.header-nav.theme-white .navigation-logo path {
    fill: #fff;
}
.header-nav.theme-white .language-nav a {
    color: #fff;
}
.header-nav.theme-white .language-nav a:before {
    border-color: #fff;
}
.header-nav.theme-white hr {
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
}
@media (min-width: 768px) {
    .header-nav.theme-white #mainmenu .nav-item > a {
        color: #fff;
    }
}
.header-nav.theme-white .nav-hamburger.toggle {
    border-color: var(--color-primary);
}
.header-nav.theme-white .navigation-logo.is-open path {
    fill: var(--color-ci);
}
.header-nav.theme-white .navigation-logo.is-open ~ .language-nav a {
    color: var(--color-primary);
}
.header-nav.theme-white .navigation-logo.is-open ~ .language-nav a:before {
    border-color: var(--color-primary);
}
.submenu {
    background-color: hsla(0, 0%, 100%, 0.8);
    min-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: left;
    -webkit-transition: none;
    transition: none;
}
@media (min-width: 768px) {
    .submenu {
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
        height: auto !important;
        left: 50%;
        opacity: 0;
        padding: 1rem 1rem 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%);
        -webkit-transform-origin: top;
        transform-origin: top;
        -webkit-transition: all 0.3s var(--ease-out-quart, ease-out);
        transition: all 0.3s var(--ease-out-quart, ease-out);
        visibility: hidden;
    }
}
.submenu-inner {
    margin: auto;
    padding-top: 1rem;
}
@media (min-width: 768px) {
    .submenu-inner {
        padding-top: 0;
    }
}
.submenu a {
    color: var(--color-primary);
    display: inline-block;
    font-size: 0.8rem;
    margin-bottom: 1rem;
    position: relative;
    -webkit-transition: color 0.3s var(--ease-out-quart, ease-out);
    transition: color 0.3s var(--ease-out-quart, ease-out);
    vertical-align: text-top;
    width: 49%;
    will-change: color;
}
@media (min-width: 768px) {
    .submenu a {
        display: block;
        white-space: nowrap;
        width: 100%;
    }
}
.submenu a:before {
    background-color: var(--color-ci);
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform 0.3s var(--ease-out-quart, ease-out);
    transition: -webkit-transform 0.3s var(--ease-out-quart, ease-out);
    transition: transform 0.3s var(--ease-out-quart, ease-out);
    transition: transform 0.3s var(--ease-out-quart, ease-out),
        -webkit-transform 0.3s var(--ease-out-quart, ease-out);
    width: 100%;
    will-change: transform;
}
.submenu a:hover {
    color: var(--color-ci);
}
.submenu a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
@media (min-width: 768px) {
    .nav-item:hover .submenu {
        backdrop-filter: blur(5px);
        display: block;
        opacity: 1;
        pointer-events: all;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        visibility: visible;
    }
}
.nav-hamburger {
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    display: block;
    height: 2.5rem;
    left: 1rem;
    position: absolute;
    top: 1rem;
    width: 2.5rem;
    z-index: 50;
}
@media (min-width: 768px) {
    .nav-hamburger {
        display: none;
    }
}
.nav-hamburger svg {
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    padding: 0.5rem;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.nav-hamburger svg:first-child {
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.nav-hamburger svg:last-child {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
.nav-hamburger.toggle svg:first-child {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.nav-hamburger.toggle svg:last-child {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.language-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: 15px;
    top: 5rem;
    visibility: hidden;
    z-index: 1;
}
@media (min-width: 768px) {
    .language-nav {
        display: block;
        left: auto;
        opacity: 1;
        pointer-events: all;
        right: 7.5%;
        top: 1rem;
        visibility: visible;
        width: auto;
    }
}
.language-nav a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-primary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 0.8rem;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    position: relative;
    width: 40px;
}
.language-nav a:before {
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: -1px;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 0.3s var(--ease-out-quart, ease-out);
    transition: all 0.3s var(--ease-out-quart, ease-out);
    width: 100%;
}
.language-nav a.active:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.navigation-logo.is-open ~ .language-nav {
    opacity: 1;
    pointer-events: all;
    -webkit-transition: top 0.3s ease;
    transition: top 0.3s ease;
    visibility: visible;
}
@media (max-width: 768px) {
    .navigation-logo.is-open ~ .language-nav {
        top: 5rem;
    }
}
.plane {
    height: 79px;
    width: 50px;
}
.plane a {
    cursor: pointer;
}
.nav-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 992px) {
    .nav-filter {
        border-bottom: 1px solid #d3d3d3;
        border-top: 1px solid #d3d3d3;
    }
}
.nav-filter .btn-selection {
    border-top: 1px solid #d3d3d3;
}
@media (min-width: 992px) {
    .nav-filter .btn-selection {
        border-top: none;
    }
    .nav-filter {
        display: grid;
        grid-template-columns: 2fr 1.1fr 1fr 120px;
    }
    .nav-filter > *,
    .nav-filter > input:first-child {
        border-right: 1px solid #d3d3d3;
    }
    .nav-filter > ::last-child {
        border-right: none;
    }
}
.btn-selection {
    cursor: pointer;
    padding: 1rem;
    position: relative;
    z-index: 10;
}
.btn-selection.is-open {
    z-index: 15;
}
.btn-selection + .btn-selection {
    z-index: 9;
}
.btn-selection.border-bottom:before {
    background-color: var(--color-ci);
    bottom: -1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: -webkit-transform var(--ease-out-expo, ease-out) 0.3s;
    transition: -webkit-transform var(--ease-out-expo, ease-out) 0.3s;
    transition: transform var(--ease-out-expo, ease-out) 0.3s;
    transition: transform var(--ease-out-expo, ease-out) 0.3s,
        -webkit-transform var(--ease-out-expo, ease-out) 0.3s;
    width: 100%;
    will-change: transform;
    z-index: 6;
}
.btn-selection .btn-selection__content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.btn-selection .btn-selection__value {
    display: inline-block;
    margin-bottom: -4px;
    margin-right: auto;
}
.btn-selection__content--white svg path {
    fill: #fff;
}
.btn-selection__content--white .btn-selection__value {
    color: #fff;
}
.btn-selection--fix-width,
.btn-selection--fix-width-lg {
    padding: 0.5rem;
    width: 180px;
}
@media (min-width: 768px) {
    .btn-selection--fix-width,
    .btn-selection--fix-width-lg {
        padding: 1rem;
        width: 200px;
    }
}
.btn-selection--fix-width .btn-selection__content img,
.btn-selection--fix-width .btn-selection__content svg,
.btn-selection--fix-width-lg .btn-selection__content img,
.btn-selection--fix-width-lg .btn-selection__content svg {
    max-height: 24px;
}
.btn-selection--fix-width .btn-selection__value,
.btn-selection--fix-width-lg .btn-selection__value {
    margin-bottom: 0;
}
.btn-selection--fix-width-lg {
    width: 210px;
}
@media (min-width: 768px) {
    .btn-selection--fix-width-lg {
        width: 240px;
    }
}
.btn-selection.is-open.border-bottom:before,
.btn-selection:hover.border-bottom:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.dropdown-arrow {
    height: 1rem;
    position: relative;
    top: 2px;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    width: 1rem;
}
.dropdown-arrow:after,
.dropdown-arrow:before {
    background-color: gray;
    border-radius: 15px;
    content: "";
    height: 1.5px;
    position: absolute;
    top: 0;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
    width: 75%;
}
.dropdown-arrow:before {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: left center;
    transform-origin: left center;
}
.dropdown-arrow:after {
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.btn-selection.is-open .dropdown-arrow:before {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn-selection.is-open .dropdown-arrow:after {
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.press-release__content table,
.table-border {
    font-size: 0.9rem;
}
.press-release__content table td,
.table-border td {
    border: 1px solid var(--color-primary);
    padding: 0.5rem;
}
.table-primary {
    border-color: rgba(51, 51, 51, 0.1);
    border-width: 1px;
}
.table-primary thead {
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
    text-align: left;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.table-primary thead p a:only-child {
    color: #fff;
}
.modal__content.table-primary thead p a:only-child {
    color: #fff;
    font-weight: 700;
    margin-top: 1rem;
    max-width: 95%;
}
.table-primary td,
.table-primary th {
    padding: 1.5rem;
}
.table-primary tr:not(:last-child) {
    border-bottom-width: 1px;
    border-color: rgba(51, 51, 51, 0.1);
}
.table-primary td[colspan] {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.75rem;
    --tw-text-opacity: 1;
    color: rgb(238 39 59 / var(--tw-text-opacity, 1));
}
.landing-slider .landing__img {
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
}
.landing-slider a {
    cursor: pointer;
}
.landing__video,
.section__video {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width: 768px) {
    .landing__video.has-youtube,
    .section__video.has-youtube {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
.landing__video .youtube-video,
.section__video .youtube-video {
    height: 100%;
    width: 100%;
}
@media (min-width: 768px) {
    .landing__video .youtube-video,
    .section__video .youtube-video {
        height: 110%;
    }
}
.landing__video .youtube-video-overlay,
.section__video .youtube-video-overlay {
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.landing__video .button-sound,
.section__video .button-sound {
    background-color: hsla(0, 0%, 100%, 0.7);
    border-radius: 50%;
    bottom: 0.5rem;
    cursor: pointer;
    height: 3rem;
    left: 0.5rem;
    position: absolute;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    width: 3rem;
}
@media (min-width: 768px) {
    .landing__video .button-sound,
    .section__video .button-sound {
        bottom: 1.5rem;
        left: 1.5rem;
    }
}
.landing__video .button-sound:hover,
.section__video .button-sound:hover {
    background-color: #fff;
}
.landing__video .volume-off,
.landing__video .volume-on,
.section__video .volume-off,
.section__video .volume-on {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    margin: auto;
    padding: 0.8rem;
    position: absolute;
    right: 0;
    top: 0;
}
.landing__video .volume-off svg,
.landing__video .volume-on svg,
.section__video .volume-off svg,
.section__video .volume-on svg {
    height: 100%;
    width: 100%;
}
.landing__video .button-sound.is-active .volume-on,
.landing__video .volume-off,
.section__video .button-sound.is-active .volume-on,
.section__video .volume-off {
    display: none;
}
.landing__video .button-sound.is-active .volume-off,
.section__video .button-sound.is-active .volume-off {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.landing__video .plyr,
.section__video .plyr {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.landing__video .plyr__video-wrapper,
.section__video .plyr__video-wrapper {
    background-color: #fff;
    height: 100%;
    position: relative;
    width: 100%;
}
.landing__video .plyr__video-wrapper:has(> .is-mobile-video),
.section__video .plyr__video-wrapper:has(> .is-mobile-video) {
    padding-bottom: var(--video-ratio-percent, 190%);
}
.landing__video .plyr__controls,
.section__video .plyr__controls {
    display: none;
}
.landing__video video,
.section__video video {
    background-size: cover;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    top: 0;
    width: 100%;
}
.landing__video .plyr:not(:only-child):first-child,
.section__video .plyr:not(:only-child):first-child {
    display: none;
}
@media (min-width: 768px) {
    .landing__video .plyr:not(:only-child):first-child,
    .section__video .plyr:not(:only-child):first-child {
        display: block;
    }
}
.landing-slider__progress {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 80%;
    z-index: 5;
}
.landing-slider__counter {
    display: block;
    font-size: 0.9rem;
}
.landing-slider__counter-current,
.landing-slider__counter-total {
    color: var(--color-primary);
    margin: 0 1rem;
}
.landing-slider__progress-bar {
    background-color: rgba(var(--color-primary-rgb), 0.5);
    height: 1px;
    position: relative;
    width: 100%;
}
.landing-slider__progress-bar-active {
    background-color: var(--color-ci);
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
    width: 100%;
}
.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: -1.5rem;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    margin: 0 2px;
    opacity: 0.2;
    width: 8px;
}
button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 10;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}
.swiper-pagination-bullet-active {
    background: var(--color-primary);
    opacity: 1;
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-horizontal > .swiper-pagination-progressbar {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color-ci);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 100%;
}
.carousel-container {
    height: 60vh;
    max-height: 500px;
    min-height: 400px;
    padding-bottom: 3rem;
    padding-right: 1rem;
    position: relative;
    width: 100%;
}
.carousel-container a {
    color: var(--color-primary);
    text-decoration: none;
}
a.carousel-card {
    cursor: pointer;
    display: block;
}
.carousel-inner {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
    width: 100%;
}
.carousel-bg {
    background-position: top;
    background-size: cover;
    height: 110%;
    position: relative;
    -webkit-transition: all var(--ease-out-expo, ease-out) 1s;
    transition: all var(--ease-out-expo, ease-out) 1s;
}
.carousel-bg,
.carousel-bg:after {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: 100%;
}
.carousel-bg:after {
    background: #000;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#000),
        color-stop(80%, transparent)
    );
    background: linear-gradient(0deg, #000, transparent 80%);
    content: "";
    height: 150%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
}
.carousel-bg.after-bottom:after {
    bottom: 8%;
    height: 30%;
    top: auto;
}
.carousel-video-wrapper ~ .carousel-bg {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.carousel-video-wrapper {
    container-type: size;
    position: relative;
}
.carousel-video-wrapper:after {
    clip-path: polygon(
        0 0,
        0 100%,
        44% 100%,
        44% 49%,
        56% 49%,
        56% 67%,
        0 67%,
        0 100%,
        100% 100%,
        100% 0
    );
    content: "";
    height: calc(100% - 14cqh);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.carousel-text {
    bottom: 0;
    padding: 1rem;
    position: absolute;
    -webkit-transform: translateY(calc(100% - 6.5rem));
    transform: translateY(calc(100% - 6.5rem));
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.7s;
    transition: all var(--ease-out-expo, ease-out) 0.7s;
    z-index: 1;
}
@media (min-width: 768px) {
    .carousel-text {
        padding: 1.5rem;
    }
}
.carousel-text p {
    font-size: 0.8rem;
    opacity: 0;
    padding-bottom: 1rem;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.7s;
    transition: all var(--ease-out-expo, ease-out) 0.7s;
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
@media (min-width: 1600px) {
    .carousel-text p {
        font-size: 0.9rem;
    }
}
.carousel-text > p:last-child {
    padding-bottom: 2rem;
}
.carousel-text--show p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carousel-text__title {
    font-size: 1.5rem;
    font-weight: 500;
    text-transform: uppercase;
}
@media (min-width: 1600px) {
    .carousel-text__title {
        font-size: 1.75rem;
    }
}
.carousel-text__title:only-child {
    -webkit-transform: translateY(-1rem);
    transform: translateY(-1rem);
}
.carousel-text__label {
    margin-bottom: 1rem;
    text-decoration: underline;
}
.carousel-link {
    bottom: 1rem;
    color: #fff;
    padding-left: 1rem;
    z-index: 1;
}
@media (min-width: 768px) {
    .carousel-link {
        padding-left: 1.5rem;
    }
}
button.carousel-link {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
}
button.carousel-link:focus {
    outline: none;
}
.carousel-card .carousel-link {
    position: absolute;
}
.swiper-button-disabled.associations-button-next,
.swiper-button-disabled.associations-button-prev,
.swiper-button-disabled.swiper-button-next,
.swiper-button-disabled.swiper-button-prev {
    opacity: 0;
    pointer-events: none;
    visibility: 0;
}
.carousel-img.img-landscape {
    height: 40vw;
}
@media (min-width: 768px) {
    .carousel-img.img-landscape {
        height: 20vw;
    }
}
@media (min-width: 1200px) {
    .carousel-img.img-landscape {
        max-height: 250px;
    }
}
.carousel-img.img-landscape img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    width: 100%;
}
.carousel-navigation.btn-prev {
    left: 1rem;
    position: absolute;
    top: 45%;
    z-index: 5;
}
@media screen and (min-width: 1300px) {
    .carousel-navigation.btn-prev {
        left: 5rem;
    }
}
.carousel-navigation.btn-backtotop,
.carousel-navigation.btn-next {
    position: absolute;
    right: 1rem;
    top: 45%;
    z-index: 5;
}
@media screen and (min-width: 1300px) {
    .carousel-navigation.btn-backtotop,
    .carousel-navigation.btn-next {
        right: 5rem;
    }
}
.carousel-container--outer-content {
    height: auto;
    max-height: none;
}
.carousel-container--outer-content .carousel-inner {
    -webkit-box-shadow: 0 1px 2px rgba(var(--color-primary-rgb), 0.5);
    box-shadow: 0 1px 2px rgba(var(--color-primary-rgb), 0.5);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.carousel-container--outer-content .carousel-text {
    bottom: auto;
    padding: 0.5rem;
    position: relative;
    -webkit-transform: none;
    transform: none;
}
.carousel-container--outer-content .carousel-text__label {
    margin-bottom: 0;
    text-decoration: none;
}
.carousel-container--outer-content .carousel-text__title {
    font-size: 1rem;
    text-transform: none;
}
.carousel-container--outer-content .carousel-text__title:only-child {
    -webkit-transform: none;
    transform: none;
}
.carousel-container--outer-content .carousel-card:hover .carousel-inner {
    -webkit-box-shadow: 0 5px 6px rgba(var(--color-primary-rgb), 0.5);
    box-shadow: 0 5px 6px rgba(var(--color-primary-rgb), 0.5);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.no-shadow .carousel-bg:after {
    display: none;
}
@media (min-width: 768px) {
    .no-shadow .carousel-bg:after {
        display: block;
    }
}
@media (max-width: 768px) {
    .mobile-shadow .carousel-bg:after {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
    .mobile-shadow .carousel-text {
        padding: 2rem;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .mobile-shadow .carousel-link {
        padding-left: 2rem;
    }
}
.carousel-card:hover .carousel-bg {
    -webkit-transform: translateY(-4%);
    transform: translateY(-4%);
}
.carousel-card:hover .carousel-text {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carousel-card:hover .carousel-bg:after {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
}
.carousel-card:hover .carousel-bg.after-bottom:after {
    bottom: 0;
    height: 50%;
    -webkit-transform: none;
    transform: none;
}
.carousel-card:hover .carousel-video-wrapper ~ .carousel-bg:after {
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
}
.carousel-card:hover p {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.carousel-card:hover .btn-arrow .arrow,
.carousel-card:hover .search-pagination .next .arrow,
.carousel-card:hover .search-pagination .prev .arrow,
.search-pagination .carousel-card:hover .next .arrow,
.search-pagination .carousel-card:hover .prev .arrow {
    width: 2rem;
}
.carousel-card:hover .btn-arrow .arrow span,
.carousel-card:hover .search-pagination .next .arrow span,
.carousel-card:hover .search-pagination .prev .arrow span,
.search-pagination .carousel-card:hover .next .arrow span,
.search-pagination .carousel-card:hover .prev .arrow span {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.carousel-pagination {
    -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;
}
.carousel-pagination.is-bottom {
    bottom: 1rem;
    margin: auto;
    right: 0;
    top: auto;
    width: 60%;
}
.carousel-pagination .swiper-pagination-bullet {
    border-radius: 0;
    height: 3px;
    position: relative;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
    width: 1rem;
}
@media (min-width: 768px) {
    .carousel-pagination .swiper-pagination-bullet {
        width: 3rem;
    }
}
@media (min-width: 992px) {
    .carousel-pagination .swiper-pagination-bullet {
        width: 4rem;
    }
}
.carousel-pagination .swiper-pagination-bullet:first-child {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}
.carousel-pagination .swiper-pagination-bullet:last-child {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}
.carousel-pagination .swiper-pagination-bullet:first-child:before {
    color: #000;
    content: attr(data-number);
    position: absolute;
    right: calc(100% + 10px);
    top: -10px;
}
.carousel-pagination .swiper-pagination-bullet:last-child:before {
    color: #000;
    content: attr(data-number);
    left: calc(100% + 10px);
    position: absolute;
    top: -10px;
}
.carousel-pagination .swiper-pagination-bullet-active {
    background-color: var(--color-ci);
}
.carousel-pagination.swiper-pagination-progressbar {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 15px;
}
.carousel-pagination.swiper-pagination-progressbar:before {
    color: #000;
    content: "01";
    position: absolute;
    right: calc(100% + 10px);
    top: -10px;
}
.carousel-pagination.swiper-pagination-progressbar:after {
    color: #000;
    content: attr(data-number);
    left: calc(100% + 10px);
    position: absolute;
    top: -10px;
}
.carousel-pagination .swiper-pagination-progressbar-fill {
    background-color: var(--color-ci, #000);
    border-radius: 15px;
}
.carousel-pagination.pagination-progressbar--white {
    background-color: hsla(0, 0%, 100%, 0.25);
}
.carousel-pagination.pagination-progressbar--white:after,
.carousel-pagination.pagination-progressbar--white:before {
    color: #fff;
}
@media (max-width: 768px) {
    .carousel-card--mobile .carousel-text {
        color: var(--color-primary) !important;
        position: relative;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .carousel-card--mobile .carousel-inner {
        height: auto;
        max-height: none;
        overflow: visible;
    }
    .carousel-card--mobile .carousel-text__title {
        font-weight: 700;
    }
    .carousel-card--mobile .carousel-text__title:only-child {
        -webkit-transform: none;
        transform: none;
    }
    .carousel-card--mobile .carousel-text p {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    @media (max-width: 768px) {
        .carousel-card--mobile .carousel-text p:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
        }
    }
    .carousel-card--mobile .carousel-link {
        position: relative;
    }
    .carousel-card--mobile .btn-arrow,
    .carousel-card--mobile .search-pagination .next,
    .carousel-card--mobile .search-pagination .prev,
    .search-pagination .carousel-card--mobile .next,
    .search-pagination .carousel-card--mobile .prev {
        color: var(--color-primary);
    }
    .carousel-card--mobile .btn-arrow .arrow,
    .carousel-card--mobile .btn-arrow .arrow:after,
    .carousel-card--mobile .btn-arrow .arrow:before,
    .carousel-card--mobile .search-pagination .next .arrow,
    .carousel-card--mobile .search-pagination .next .arrow:after,
    .carousel-card--mobile .search-pagination .next .arrow:before,
    .carousel-card--mobile .search-pagination .prev .arrow,
    .carousel-card--mobile .search-pagination .prev .arrow:after,
    .carousel-card--mobile .search-pagination .prev .arrow:before,
    .search-pagination .carousel-card--mobile .next .arrow,
    .search-pagination .carousel-card--mobile .next .arrow:after,
    .search-pagination .carousel-card--mobile .next .arrow:before,
    .search-pagination .carousel-card--mobile .prev .arrow,
    .search-pagination .carousel-card--mobile .prev .arrow:after,
    .search-pagination .carousel-card--mobile .prev .arrow:before {
        background-color: var(--color-primary);
    }
    .carousel-card--mobile:hover .carousel-bg {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
[data-swiper-reports] .swiper-slide {
    --tw-scale-x: 0.95;
    --tw-scale-y: 0.95;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[data-swiper-reports] .swiper-slide:has(~ .swiper-slide-prev) {
    --tw-translate-y: 45%;
}
[data-swiper-reports] .swiper-slide:has(+ .swiper-slide-prev) {
    --tw-translate-y: 30%;
}
[data-swiper-reports] .swiper-slide-prev {
    --tw-translate-y: 15%;
}
[data-swiper-reports] .swiper-slide-next {
    --tw-translate-y: -15%;
}
[data-swiper-reports] .swiper-slide-next + .swiper-slide {
    --tw-translate-y: -30%;
}
[data-swiper-reports] .swiper-slide-next + .swiper-slide ~ .swiper-slide {
    --tw-translate-y: -45%;
}
[data-swiper-pagination-number]:before {
    color: inherit;
    content: "01";
    position: absolute;
    right: calc(100% + 10px);
    top: -10px;
}
[data-swiper-pagination-number]:after {
    color: inherit;
    content: attr(data-number);
    left: calc(100% + 10px);
    position: absolute;
    top: -10px;
}
.accordion,
.accordion-item {
    position: relative;
}
.accordion-item {
    border-bottom: 1px solid gray;
}
.accordion-toggle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    text-align: left;
    -webkit-transition: color var(--ease-out-expo, ease-out) 0.3s;
    transition: color var(--ease-out-expo, ease-out) 0.3s;
    width: 100%;
}
.accordion-toggle .dropdown-arrow {
    margin-left: 1.5rem;
}
button.accordion-toggle {
    outline: none;
}
.accordion-content {
    max-height: 0;
    opacity: 0;
    padding: 0 1rem;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
    will-change: max-height;
}
.accordion-content > :first-child {
    padding-top: 1rem;
}
.accordion-content > :last-child {
    margin-bottom: 0;
    padding-bottom: 1rem;
}
.accordion-toggle.active {
    color: var(--color-ci);
}
.accordion-toggle.active .dropdown-arrow:before {
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.accordion-toggle.active .dropdown-arrow:after {
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.accordion-toggle.active + .accordion-content {
    max-height: none;
    opacity: 1;
}
.btn-arrow,
.btn-arrow:focus,
.btn-back--underline,
.btn-back--underline:focus,
.btn-backtotop,
.btn-backtotop:focus,
.btn-bar,
.btn-bar:focus,
.btn-cross,
.btn-cross:focus,
.btn-load,
.btn-load:focus,
.btn-next,
.btn-next:focus,
.btn-prev,
.btn-prev:focus,
.btn-read-more,
.btn-read-more:focus,
.btn-see-more,
.btn-see-more:focus,
.btn-submit,
.btn-submit:focus,
.btn-tab,
.btn-tab:focus,
.search-pagination .next,
.search-pagination .next:focus,
.search-pagination .prev,
.search-pagination .prev:focus {
    outline: none;
}
.arrow {
    background-color: var(--btn-arrow-color, var(--color-primary));
    height: 1px;
    position: relative;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
    width: 1.5rem;
}
.arrow span {
    border: 1px solid
        rgba(var(--btn-arrow-color-rgb, var(--color-primary-rgb)), 0.5);
    border-radius: 50%;
    height: 1.5rem;
    position: absolute;
    right: -0.6rem;
    top: -0.75rem;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.3s;
    transition: all var(--ease-out-expo, ease-out) 0.3s;
    width: 1.5rem;
}
.arrow:after,
.arrow:before {
    background-color: var(--btn-arrow-color, var(--color-primary));
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform-origin: right;
    transform-origin: right;
    width: 5px;
}
.arrow:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.arrow:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.arrow--white:after,
.arrow--white:before {
    background-color: #fff;
}
.btn-back--underline {
    color: var(--color-primary);
    display: inline-block;
    font-weight: 700;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-back--underline:before {
    border: solid #000;
    border-width: 0 1px 1px 0;
    display: inline-block;
    opacity: 0;
    padding: 3px;
    top: 6px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.btn-back--underline:after,
.btn-back--underline:before {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s var(--ease-out-quart, ease-out);
    transition: all 0.2s var(--ease-out-quart, ease-out);
}
.btn-back--underline:after {
    background-color: var(--color-primary);
    bottom: -2px;
    height: 2px;
    left: 0;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: right;
    transform-origin: right;
    width: 100%;
    will-change: transform;
}
.btn-back--underline:hover {
    color: var(--color-primary);
    text-decoration: none;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
}
.btn-back--underline:hover:before {
    opacity: 1;
    -webkit-transform: translateX(-10px) rotate(135deg);
    transform: translateX(-10px) rotate(135deg);
}
.btn-back--underline:hover:after {
    -webkit-transform: scaleX(1.05);
    transform: scaleX(1.05);
}
.btn-back--white {
    color: #fff;
}
.btn-back--white:before {
    border-color: #fff;
}
.btn-back--white:after {
    background-color: #fff;
}
.btn-back--white:hover {
    color: #fff;
}
.btn-read-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-primary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    text-decoration: none;
}
.btn-read-more .arrow {
    background-color: transparent;
    margin-left: -0.5rem;
    top: -1px;
}
.btn-read-more .arrow:after,
.btn-read-more .arrow:before {
    background-color: var(--color-primary);
}
.btn-read-more span {
    display: none;
}
.btn-read-more:hover {
    color: var(--color-ci-light);
    text-decoration: none;
}
.btn-read-more--white {
    color: #fff;
}
.btn-read-more--white .arrow:after,
.btn-read-more--white .arrow:before {
    background-color: #fff;
}
.btn-see-more {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--color-primary);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 700;
    position: relative;
    text-decoration: none;
}
.btn-see-more .plus,
.btn-see-more .text {
    display: inline-block;
}
.btn-see-more .plus {
    margin-left: 0.3rem;
    position: relative;
    top: -1px;
}
.btn-see-more:hover {
    color: var(--color-ci-light);
    text-decoration: none;
}
.btn-bar {
    background-color: var(--color-ci);
    padding: 0.5rem 2rem;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-bar:before {
    background-color: var(--color-ci-dark);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all 0.2s var(--ease-out-quart, ease-out);
    transition: all 0.2s var(--ease-out-quart, ease-out);
    width: 100%;
    will-change: transform;
    z-index: -1;
}
.btn-bar:hover {
    -webkit-box-shadow: 0 1px 5px rgba(var(--color-ci-rgb), 0.5);
    box-shadow: 0 1px 5px rgba(var(--color-ci-rgb), 0.5);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
}
.btn-bar:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}
.btn-bar:hover .arrow {
    width: 2rem;
}
.btn-bar:hover .arrow span {
    border: 1px solid hsla(0, 0%, 100%, 0.8);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.btn-arrow,
.search-pagination .next,
.search-pagination .prev {
    --btn-arrow-color: var(--color-primary);
    --btn-arrow-color-rgb: var(--color-primary-rgb);
    --btn-arrow-color-hover: var(--color-ci);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--btn-arrow-color);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    text-decoration: none;
    -webkit-transition: all 0.2s var(--ease-out-quart, ease-out);
    transition: all 0.2s var(--ease-out-quart, ease-out);
    will-change: color;
}
.btn-arrow .arrow,
.search-pagination .next .arrow,
.search-pagination .prev .arrow {
    margin-left: 1rem;
    margin-top: -1px;
    width: 0;
}
@media (min-width: 768px) {
    .btn-arrow .arrow,
    .search-pagination .next .arrow,
    .search-pagination .prev .arrow {
        margin-left: 0.5rem;
        width: 1.5rem;
    }
}
.btn-arrow .arrow span,
.search-pagination .next .arrow span,
.search-pagination .prev .arrow span {
    opacity: 0;
}
@media (min-width: 768px) {
    .btn-arrow .arrow span,
    .search-pagination .next .arrow span,
    .search-pagination .prev .arrow span {
        opacity: 1;
    }
    .btn-arrow .arrow:empty,
    .search-pagination .next .arrow:empty,
    .search-pagination .prev .arrow:empty {
        margin-left: 1.5rem;
        margin-top: -3px;
        width: 0;
    }
}
.btn-arrow .arrow:empty:after,
.btn-arrow .arrow:empty:before,
.search-pagination .next .arrow:empty:after,
.search-pagination .next .arrow:empty:before,
.search-pagination .prev .arrow:empty:after,
.search-pagination .prev .arrow:empty:before {
    width: 8px;
}
.btn-arrow:hover,
.search-pagination .next:hover,
.search-pagination .prev:hover {
    color: var(--btn-arrow-color-hover);
    text-decoration: none;
}
.btn-arrow:hover .arrow,
.search-pagination .next:hover .arrow,
.search-pagination .prev:hover .arrow,
.search-pagination a:hover .next .arrow,
.search-pagination a:hover .prev .arrow,
a:hover .btn-arrow .arrow,
a:hover .search-pagination .next .arrow,
a:hover .search-pagination .prev .arrow {
    width: 2rem;
}
.btn-arrow:hover .arrow span,
.search-pagination .next:hover .arrow span,
.search-pagination .prev:hover .arrow span,
.search-pagination a:hover .next .arrow span,
.search-pagination a:hover .prev .arrow span,
a:hover .btn-arrow .arrow span,
a:hover .search-pagination .next .arrow span,
a:hover .search-pagination .prev .arrow span {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.btn-arrow--red {
    --btn-arrow-color: var(--color-ci);
    --btn-arrow-color-rgb: var(--color-ci-rgb);
    --btn-arrow-color-hover: var(--color-ci-dark);
}
.btn-arrow--white {
    --btn-arrow-color: #fff;
    --btn-arrow-color-rgb: 255, 255, 255;
    --btn-arrow-color-hover: #fff;
}
@media (min-width: 768px) {
    .btn-arrow-md--white {
        --btn-arrow-color: #fff;
        --btn-arrow-color-rgb: 255, 255, 255;
        --btn-arrow-color-hover: #fff;
    }
}
.btn-arrow--long .arrow {
    margin-left: 0.5rem;
    width: 1.5rem;
}
.btn-arrow--long .arrow span {
    opacity: 1;
}
.btn-backtotop,
.btn-next,
.btn-prev {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #000;
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
    width: 2rem;
}
@media (min-width: 768px) {
    .btn-backtotop,
    .btn-next,
    .btn-prev {
        height: 3rem;
        width: 3rem;
    }
}
.btn-backtotop .arrow,
.btn-next .arrow,
.btn-prev .arrow {
    background-color: #000;
    height: 1px;
    position: relative;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
    width: 0.8rem;
}
@media (min-width: 768px) {
    .btn-backtotop .arrow,
    .btn-next .arrow,
    .btn-prev .arrow {
        width: 1.2rem;
    }
}
.btn-backtotop .arrow:after,
.btn-backtotop .arrow:before,
.btn-next .arrow:after,
.btn-next .arrow:before,
.btn-prev .arrow:after,
.btn-prev .arrow:before {
    background-color: #000;
    content: "";
    height: 1px;
    position: absolute;
    top: 0;
    width: 0.5714285714rem;
}
@media (min-width: 768px) {
    .btn-backtotop .arrow:after,
    .btn-backtotop .arrow:before,
    .btn-next .arrow:after,
    .btn-next .arrow:before,
    .btn-prev .arrow:after,
    .btn-prev .arrow:before {
        width: 0.8571428571rem;
    }
}
.btn-backtotop .arrow:before,
.btn-next .arrow:before,
.btn-prev .arrow:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-backtotop .arrow:after,
.btn-next .arrow:after,
.btn-prev .arrow:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.btn-prev .arrow:after,
.btn-prev .arrow:before {
    left: 0;
    -webkit-transform-origin: left;
    transform-origin: left;
}
.btn-backtotop .arrow:after,
.btn-backtotop .arrow:before,
.btn-next .arrow:after,
.btn-next .arrow:before {
    right: 0;
    -webkit-transform-origin: right;
    transform-origin: right;
}
.btn-backtotop:hover,
.btn-next:hover,
.btn-prev:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.btn-backtotop:hover .arrow,
.btn-next:hover .arrow,
.btn-prev:hover .arrow {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
}
.btn-backtotop:active,
.btn-next:active,
.btn-prev:active {
    border-color: var(--color-ci);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.btn-backtotop:active .arrow,
.btn-next:active .arrow,
.btn-prev:active .arrow {
    background-color: var(--color-ci);
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.btn-backtotop:active .arrow:after,
.btn-backtotop:active .arrow:before,
.btn-next:active .arrow:after,
.btn-next:active .arrow:before,
.btn-prev:active .arrow:after,
.btn-prev:active .arrow:before {
    background-color: var(--color-ci);
}
.btn-next--small,
.btn-prev--small {
    height: 1.6rem;
    width: 1.6rem;
}
@media (min-width: 768px) {
    .btn-next--small,
    .btn-prev--small {
        height: 2.4rem;
        width: 2.4rem;
    }
}
.btn--red.btn-backtotop,
.btn-next.btn--red,
.btn-prev.btn--red {
    background-color: var(--color-ci);
    border-color: var(--color-ci);
}
.btn--red.btn-backtotop .arrow,
.btn--red.btn-backtotop .arrow:after,
.btn--red.btn-backtotop .arrow:before,
.btn-next.btn--red .arrow,
.btn-next.btn--red .arrow:after,
.btn-next.btn--red .arrow:before,
.btn-prev.btn--red .arrow,
.btn-prev.btn--red .arrow:after,
.btn-prev.btn--red .arrow:before {
    background-color: #fff;
}
.btn--red.btn-backtotop:hover,
.btn-next.btn--red:hover,
.btn-prev.btn--red:hover {
    -webkit-box-shadow: 0 3px 6px rgba(var(--color-ci-rgb), 0.4);
    box-shadow: 0 3px 6px rgba(var(--color-ci-rgb), 0.4);
}
.btn--white.btn-backtotop,
.btn-next.btn--white,
.btn-prev.btn--white {
    background-color: #fff;
    border-color: #fff;
}
.btn--white.btn-backtotop .arrow,
.btn--white.btn-backtotop .arrow:after,
.btn--white.btn-backtotop .arrow:before,
.btn-next.btn--white .arrow,
.btn-next.btn--white .arrow:after,
.btn-next.btn--white .arrow:before,
.btn-prev.btn--white .arrow,
.btn-prev.btn--white .arrow:after,
.btn-prev.btn--white .arrow:before {
    background-color: var(--color-ci);
}
.btn--white.btn-backtotop:hover,
.btn-next.btn--white:hover,
.btn-prev.btn--white:hover {
    -webkit-box-shadow: 0 3px 6px rgba(var(--color-ci-rgb), 0.4);
    box-shadow: 0 3px 6px rgba(var(--color-ci-rgb), 0.4);
}
.btn-cross {
    --btn-cross-color: var(--color-primary);
    --btn-bg-cross-color: #efefef;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--btn-bg-cross-color);
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
}
.btn-cross,
.btn-cross:after,
.btn-cross:before {
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
}
.btn-cross:after,
.btn-cross:before {
    background-color: var(--btn-cross-color, var(--color-primary));
    content: "";
    height: 1px;
    position: relative;
    width: 1rem;
}
.btn-cross:before {
    top: 1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.btn-cross:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media (min-width: 768px) {
    .btn-cross {
        height: 3rem;
        width: 3rem;
    }
    .btn-cross:after,
    .btn-cross:before {
        width: 1.5rem;
    }
}
.btn-cross:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.btn-cross:hover:before {
    -webkit-transform: rotate(45deg) scale(0.8);
    transform: rotate(45deg) scale(0.8);
}
.btn-cross:hover:after {
    -webkit-transform: rotate(-45deg) scale(0.8);
    transform: rotate(-45deg) scale(0.8);
}
.btn-cross:focus {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.btn-cross:focus:before {
    -webkit-transform: rotate(45deg) scale(0.9);
    transform: rotate(45deg) scale(0.9);
}
.btn-cross:focus:after {
    -webkit-transform: rotate(-45deg) scale(0.9);
    transform: rotate(-45deg) scale(0.9);
}
.btn-cross--white {
    --btn-cross-color: #fff;
}
.btn-load,
.btn-tab {
    background-color: var(--color-primary-50);
    color: var(--color-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 2rem 1rem 3rem;
    text-decoration: none;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.5s;
    transition: all var(--ease-out-expo, ease-out) 0.5s;
    -webkit-transition-property: all !important;
    transition-property: all !important;
    -webkit-transition-timing-function: var(
        --ease-out-expo,
        ease-out
    ) !important;
    transition-timing-function: var(--ease-out-expo, ease-out) !important;
    width: 100%;
}
.btn-load .tab__title,
.btn-tab .tab__title {
    padding-right: 2rem;
}
.btn-load .tab__date,
.btn-tab .tab__date {
    font-weight: 700;
    margin-bottom: 1rem;
}
.btn-load .tab__text + .arrow,
.btn-tab .tab__text + .arrow {
    -ms-flex-item-align: end;
    align-self: flex-end;
    bottom: 2rem;
    opacity: 0;
    position: absolute;
    -webkit-transform: translateX(-0.5rem);
    transform: translateX(-0.5rem);
}
.btn-load:hover,
.btn-tab:hover {
    background-color: var(--color-ci);
    -webkit-box-shadow: 0 3px 6px rgba(var(--color-ci-rgb), 0.4);
    box-shadow: 0 3px 6px rgba(var(--color-ci-rgb), 0.4);
    color: #fff;
    text-decoration: none;
    -webkit-transform: translateY(-4px) !important;
    transform: translateY(-4px) !important;
}
.btn-load:hover .btn-arrow,
.btn-load:hover .search-pagination .next,
.btn-load:hover .search-pagination .prev,
.btn-tab:hover .btn-arrow,
.btn-tab:hover .search-pagination .next,
.btn-tab:hover .search-pagination .prev,
.search-pagination .btn-load:hover .next,
.search-pagination .btn-load:hover .prev,
.search-pagination .btn-tab:hover .next,
.search-pagination .btn-tab:hover .prev {
    color: #fff;
}
.btn-load:hover .arrow,
.btn-load:hover .arrow:after,
.btn-load:hover .arrow:before,
.btn-tab:hover .arrow,
.btn-tab:hover .arrow:after,
.btn-tab:hover .arrow:before {
    background-color: #fff;
}
.btn-load:hover .arrow,
.btn-tab:hover .arrow {
    opacity: 1;
}
.btn-load:hover .arrow span,
.btn-tab:hover .arrow span {
    border-color: #fff;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.btn-load,
.btn-tab--middle {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5rem 1rem;
}
.btn-load .arrow,
.btn-tab--middle .arrow {
    bottom: 50%;
}
.bg-lightgray .btn-load,
.bg-lightgray .btn-tab,
.btn-tab--white {
    background-color: #fff;
}
.bg-lightgray .btn-load:hover,
.bg-lightgray .btn-tab:hover,
.btn-tab--white:hover {
    background-color: var(--color-ci);
}
.btn-load {
    padding: 1rem;
}
.btn-load:hover {
    border-color: var(--color-ci) !important;
}
.btn-submit {
    background-color: var(--color-primary);
    color: #fff;
    padding: 1rem;
}
.btn-search,
.btn-submit {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    width: 100%;
}
.btn-search {
    padding: 1rem 1rem 1rem 3.8rem;
}
@media (min-width: 768px) {
    .btn-search {
        padding: 1.5rem 1.5rem 1.5rem 3.8rem;
    }
}
.btn-submit--bar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--color-primary);
    border-radius: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-submit--bar:hover {
    background-color: var(--success);
    -webkit-box-shadow: 0 3px 5px rgba(40, 167, 69, 0.5);
    box-shadow: 0 3px 5px rgba(40, 167, 69, 0.5);
    color: #fff;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
}
.btn-submit--bar .btn__text {
    display: inline-block;
}
.btn-submit--bar .icon-loading {
    display: none;
}
.btn-submit--bar.is-submitting {
    background-color: var(--success);
    color: #fff;
}
.btn-submit--bar.is-submitting .icon-loading {
    display: inline-block;
    margin-left: 0.5rem;
}
.btn-backtotop {
    opacity: 0;
    position: absolute;
    right: 1rem;
    top: -4rem;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    z-index: 10;
}
.btn-backtotop .arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.btn-backtotop:hover .arrow {
    -webkit-transform: rotate(-90deg) scale(0.6);
    transform: rotate(-90deg) scale(0.6);
}
.btn-backtotop.active {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.btn-backtotop.active:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.btn-backtotop.is-fixed {
    bottom: 1rem;
    position: fixed;
    top: auto;
}
.icon-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
}
@media (min-width: 768px) {
    .icon-item {
        margin-bottom: 0;
    }
}
.icon-item .icon-item__img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color-ci);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1rem;
    padding: 1.2rem;
    width: 80px;
}
@media (min-width: 768px) {
    .icon-item .icon-item__img {
        height: 100px;
        padding: 1.5rem;
        width: 100px;
    }
}
@media (min-width: 992px) {
    .icon-item .icon-item__img {
        height: 120px;
        width: 120px;
    }
}
.icon-item .icon-item__img img,
.icon-item .icon-item__img svg {
    max-height: 100%;
}
.icon-item .icon-item__info h2,
.icon-item .icon-item__info p {
    margin-bottom: 0;
}
.icon-item .icon-item__info h2 {
    font-size: 2.5rem;
    margin-top: 0;
}
.icon-item .icon-item__info ol:last-child,
.icon-item .icon-item__info ul:last-child {
    margin-bottom: 0;
}
.icon-item__img[data-number]:after {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    background-color: var(--color-ci);
    border-radius: 50%;
    color: #fff;
    content: attr(data-number);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.9rem;
    height: 1.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: -0.75rem;
    width: 1.5rem;
}
.icon-item--no-border .icon-item__img {
    border: none;
    height: 60px;
    padding: 0;
    width: 60px;
}
@media (min-width: 768px) {
    .icon-item--no-border .icon-item__img {
        height: auto;
        width: auto;
    }
}
.icon-item--white .icon-item__img {
    border-color: #fff;
}
.icon-border,
.icon-item--sm .icon-item__img {
    height: 80px;
    width: 80px;
}
.icon-border {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid var(--color-ci);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1rem;
    padding: 1.2rem;
}
@media (min-width: 768px) {
    .icon-border {
        height: 100px;
        padding: 1.5rem;
        width: 100px;
    }
}
.icon-loading {
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    border: 0.15rem solid hsla(0, 0%, 100%, 0.2);
    border-radius: 50%;
    border-top-color: #fff;
    height: 1rem;
    width: 1rem;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.js-inline-svg {
    max-width: 100%;
    visibility: hidden;
}
.js-inline-svg.svg-loaded {
    visibility: visible;
}
.book {
    height: 354px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 250px;
}
.book ul {
    list-style: none;
}
.book :after,
.book :before {
    content: "";
}
.hardcover_front li:first-child {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #eee;
}
.hardcover_back li:first-child,
.hardcover_back li:last-child,
.hardcover_front li:last-child {
    background: #fffbec;
}
.book_spine li:first-child {
    background: #eee;
}
.book_spine li:last-child {
    background: #333;
}
.book_spine li:first-child:after,
.book_spine li:first-child:before,
.book_spine li:last-child:after,
.book_spine li:last-child:before,
.hardcover_back li:first-child:after,
.hardcover_back li:first-child:before,
.hardcover_back li:last-child:after,
.hardcover_back li:last-child:before,
.hardcover_front li:first-child:after,
.hardcover_front li:first-child:before,
.hardcover_front li:last-child:after,
.hardcover_front li:last-child:before {
    background: #999;
}
.book .page {
    height: 98%;
    left: 3%;
    top: 1%;
    z-index: 10;
}
.book .page,
.book .page > li {
    position: absolute;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
}
.book .page > li {
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#e1ddd8),
        to(#fffbf6)
    );
    background: linear-gradient(90deg, #e1ddd8, #fffbf6);
    border-radius: 0 5px 5px 0;
    -webkit-box-shadow: inset 0 -1px 2px rgba(50, 50, 50, 0.1),
        inset -1px 0 1px hsla(0, 0%, 59%, 0.2);
    box-shadow: inset 0 -1px 2px rgba(50, 50, 50, 0.1),
        inset -1px 0 1px hsla(0, 0%, 59%, 0.2);
    height: 100%;
    left: 0;
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
.book .page li:first-child {
    -webkit-transform: rotateY(-28deg);
    transform: rotateY(-28deg);
}
.book .page li:nth-child(2) {
    -webkit-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
}
.book .page li:nth-child(3) {
    -webkit-transform: rotateY(-32deg);
    transform: rotateY(-32deg);
}
.book .page li:nth-child(4) {
    -webkit-transform: rotateY(-34deg);
    transform: rotateY(-34deg);
}
.book .page li:nth-child(5) {
    -webkit-transform: rotateY(-36deg);
    transform: rotateY(-36deg);
}
.book .page > li:nth-child(3) {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.book .page > li:nth-child(4) {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.hardcover_front {
    -webkit-transform: rotateY(-34deg) translateZ(8px);
    transform: rotateY(-34deg) translateZ(8px);
    z-index: 100;
}
.hardcover_back {
    -webkit-transform: rotateY(-15deg) translateZ(-8px);
    transform: rotateY(-15deg) translateZ(-8px);
}
.book_spine,
.book_spine li,
.hardcover_back,
.hardcover_back li,
.hardcover_front,
.hardcover_front li {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
}
.hardcover_back,
.hardcover_front {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}
.hardcover_front {
    -webkit-transition: all 0.8s ease, z-index 0.6s;
    transition: all 0.8s ease, z-index 0.6s;
}
.hardcover_front li:first-child {
    cursor: default;
    -webkit-transform: translateZ(2px);
    transform: translateZ(2px);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.hardcover_front li:last-child {
    -webkit-transform: rotateY(180deg) translateZ(2px);
    transform: rotateY(180deg) translateZ(2px);
}
.hardcover_front li:first-child:after,
.hardcover_front li:first-child:before {
    height: 100%;
    width: 4px;
}
.hardcover_front li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}
.hardcover_front li:first-child:before {
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}
.hardcover_front li:last-child:after,
.hardcover_front li:last-child:before {
    height: 250px;
    width: 4px;
}
.hardcover_front li:last-child:after {
    -webkit-transform: rotateX(90deg) rotate(90deg) translateZ(125px)
        translateX(-2px) translateY(-50%);
    transform: rotateX(90deg) rotate(90deg) translateZ(125px) translateX(-2px)
        translateY(-50%);
}
.hardcover_front li:last-child:before {
    -webkit-box-shadow: 0 0 30px 5px #333;
    box-shadow: 0 0 30px 5px #333;
    -webkit-transform: rotateX(90deg) rotate(90deg) translateZ(-140px)
        translateX(-2px) translateY(-78px);
    transform: rotateX(90deg) rotate(90deg) translateZ(-140px) translateX(-2px)
        translateY(-78px);
    -webkit-transform: rotateX(90deg) rotate(90deg) translateZ(-227.5px)
        translateX(-2px) translateY(-50%);
    transform: rotateX(90deg) rotate(90deg) translateZ(-227.5px)
        translateX(-2px) translateY(-50%);
}
.hardcover_back li:first-child {
    -webkit-transform: translateZ(2px);
    transform: translateZ(2px);
}
.hardcover_back li:last-child {
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px);
}
.hardcover_back li:first-child:after,
.hardcover_back li:first-child:before {
    height: 100%;
    width: 4px;
}
.hardcover_back li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}
.hardcover_back li:first-child:before {
    -webkit-transform: rotateY(90deg) translateZ(158px) translateX(2px);
    transform: rotateY(90deg) translateZ(158px) translateX(2px);
}
.hardcover_back li:last-child:after,
.hardcover_back li:last-child:before {
    height: 250px;
    width: 4px;
}
.hardcover_back li:last-child:after {
    -webkit-transform: rotateX(90deg) rotate(90deg) translateZ(125px)
        translateX(2px) translateY(-50%);
    transform: rotateX(90deg) rotate(90deg) translateZ(125px) translateX(2px)
        translateY(-50%);
}
.hardcover_back li:last-child:before {
    -webkit-box-shadow: 10px -1px 80px 20px #666;
    box-shadow: 10px -1px 80px 20px #666;
    -webkit-transform: rotateX(90deg) rotate(90deg) translateZ(-140px)
        translateX(2px) translateY(-78px);
    transform: rotateX(90deg) rotate(90deg) translateZ(-140px) translateX(2px)
        translateY(-78px);
    -webkit-transform: rotateX(90deg) rotate(90deg) translateZ(-227.5px)
        translateX(2px) translateY(-50%);
    transform: rotateX(90deg) rotate(90deg) translateZ(-227.5px) translateX(2px)
        translateY(-50%);
}
.book_spine li:first-child:after,
.book_spine li:first-child:before,
.book_spine li:last-child:after,
.book_spine li:last-child:before,
.hardcover_back li:first-child:after,
.hardcover_back li:first-child:before,
.hardcover_back li:last-child:after,
.hardcover_back li:last-child:before,
.hardcover_front li:first-child:after,
.hardcover_front li:first-child:before,
.hardcover_front li:last-child:after,
.hardcover_front li:last-child:before {
    left: 0;
    position: absolute;
    top: 0;
}
.book_spine {
    -webkit-transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    transform: rotateY(60deg) translateX(-5px) translateZ(-12px);
    width: 16px;
    z-index: 0;
}
.book_spine li:first-child {
    -webkit-transform: translateZ(2px);
    transform: translateZ(2px);
}
.book_spine li:last-child {
    -webkit-transform: translateZ(-2px);
    transform: translateZ(-2px);
}
.book_spine li:first-child:after,
.book_spine li:first-child:before {
    height: 100%;
    width: 4px;
}
.book_spine li:first-child:after {
    -webkit-transform: rotateY(90deg) translateZ(-2px) translateX(2px);
    transform: rotateY(90deg) translateZ(-2px) translateX(2px);
}
.book_spine li:first-child:before {
    -webkit-transform: rotateY(-90deg) translateZ(-12px);
    transform: rotateY(-90deg) translateZ(-12px);
}
.book_spine li:last-child:after,
.book_spine li:last-child:before {
    height: 16px;
    width: 4px;
}
.book_spine li:last-child:after {
    -webkit-transform: rotateX(90deg) rotate(90deg) translateZ(8px)
        translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotate(90deg) translateZ(8px) translateX(2px)
        translateY(-6px);
}
.book_spine li:last-child:before {
    -webkit-box-shadow: 5px -1px 100px 40px rgba(0, 0, 0, 0.2);
    box-shadow: 5px -1px 100px 40px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotateX(90deg) rotate(90deg) translateZ(-345px)
        translateX(2px) translateY(-6px);
    transform: rotateX(90deg) rotate(90deg) translateZ(-345px) translateX(2px)
        translateY(-6px);
}
.book:hover > .hardcover_front {
    -webkit-transform: rotateY(-145deg) translateZ(0);
    transform: rotateY(-145deg) translateZ(0);
    z-index: 0;
}
.book:hover > .page li:first-child {
    -webkit-transform: rotateY(-30deg);
    transform: rotateY(-30deg);
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
.book:hover > .page li:nth-child(2) {
    -webkit-transform: rotateY(-35deg);
    transform: rotateY(-35deg);
    -webkit-transition-duration: 1.8s;
    transition-duration: 1.8s;
}
.book:hover > .page li:nth-child(3) {
    -webkit-transform: rotateY(-118deg);
    transform: rotateY(-118deg);
    -webkit-transition-duration: 1.6s;
    transition-duration: 1.6s;
}
.book:hover > .page li:nth-child(4) {
    -webkit-transform: rotateY(-130deg);
    transform: rotateY(-130deg);
    -webkit-transition-duration: 1.4s;
    transition-duration: 1.4s;
}
.book:hover > .page li:nth-child(5) {
    -webkit-transform: rotateY(-140deg);
    transform: rotateY(-140deg);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
}
.coverDesign {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-size: cover;
    overflow: hidden;
    z-index: 1;
}
.coverDesign,
.coverDesign:after {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.coverDesign:after {
    background-image: linear-gradient(
        -135deg,
        hsla(0, 0%, 100%, 0.15),
        transparent
    );
}
.coverDesign h1 {
    color: #fff;
    font-size: 2.2em;
    letter-spacing: 0.05em;
    margin: 54% 0 0;
}
.coverDesign h1,
.coverDesign p {
    text-align: center;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
}
.coverDesign p {
    color: #f8f8f8;
    font-size: 1em;
}
.indicator-scroll {
    border-radius: 25px;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff;
    display: inline-block;
    height: 2.25rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 1.5rem;
    will-change: opacity;
}
.indicator-scroll:before {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
    background: #fff;
    border-radius: 3px;
    content: "";
    height: 0.45rem;
    top: 0.45rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 0.15rem;
}
.indicator-scroll:before,
.indicator-swipe {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    will-change: opacity;
}
.indicator-swipe {
    -webkit-animation: animateSwipe 3s infinite;
    animation: animateSwipe 3s infinite;
    border-radius: 50%;
    display: inline-block;
    height: 3.5rem;
    top: 40%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 3.5rem;
    z-index: 1;
}
.indicator-swipe img {
    max-width: 100%;
}
.section-landing .indicator-swipe {
    opacity: 0;
    top: 60%;
}
@-webkit-keyframes animateSwipe {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}
@keyframes animateSwipe {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    to {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
}
.timeline__dates-container {
    bottom: 7rem;
    position: absolute;
    width: 100%;
    z-index: 50;
}
.timeline__dates {
    height: 100%;
    margin: 0;
    position: relative;
}
.timeline__dates-container.disable-year .swiper-wrapper {
    display: none;
}
.timeline__dates-container.disable-year .timeline__dates {
    overflow: hidden;
}
.timeline__dates-container.disable-year .timeline__line:after {
    background-color: #e1e1e1;
    width: 100%;
}
@media (min-width: 768px) {
    .timeline__dates-container.disable-year .timeline__line:after {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .timeline__dates-container.disable-year .timeline__line:after {
        width: 100%;
    }
}
.timeline__date {
    bottom: 0;
    color: #333;
    font-size: 0.7em;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
}
.timeline__date:after {
    background-color: var(--color-primary-50);
    border: 2px solid #d3d3d3;
    border-radius: 50%;
    bottom: 0;
    content: "";
    height: 12px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 12px;
}
.timeline__date:hover:after {
    background-color: var(--color-ci);
    border-color: var(--color-ci);
}
@media (min-width: 768px) {
    .timeline__date {
        font-size: 0.8em;
    }
}
.timeline__line {
    padding: 1px 0;
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
    z-index: 1;
}
.timeline__line:after,
.timeline__line:before {
    background-color: #e1e1e1;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
}
.timeline__line:after {
    background-color: red;
    width: 15%;
}
@media (min-width: 768px) {
    .timeline__line:after {
        width: 20%;
    }
}
@media (min-width: 992px) {
    .timeline__line:after {
        width: 30%;
    }
}
.timeline__line ol {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 0;
}
.timeline__line li {
    position: relative;
    width: 25%;
}
@media (min-width: 768px) {
    .timeline__line li {
        width: 20%;
    }
}
.timeline__line li:before {
    background-color: gray;
    width: 100%;
}
.timeline__line li:after,
.timeline__line li:before {
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
}
.timeline__line li:after {
    background-color: red;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 0;
    z-index: 2;
}
.timeline__line.after-past:before {
    background-color: gray;
}
.timeline__line.after-past:after {
    width: 20%;
}
.timeline__line [data-year] {
    color: transparent;
    cursor: pointer;
    font-size: 0;
    position: absolute;
    top: 0;
}
.timeline__line [data-year]:before {
    color: red;
    content: attr(data-year);
    font-size: 1rem;
    position: absolute;
    top: calc(100% + 1rem);
}
.timeline__line [data-year]:hover {
    color: transparent;
}
.timeline__line .hide-year[data-year]:before {
    opacity: 0;
}
.timeline__line-item--past:after,
.timeline__line-item--prev:after {
    width: 100% !important;
}
.timeline__line-item--active a:after,
.timeline__line-item--past a:after {
    background-color: var(--color-ci);
    border-color: var(--color-ci);
}
.timeline__line-item--active {
    pointer-events: none;
}
.timeline__line-item--active a:after {
    -webkit-transform: scaleY(3);
    transform: scaleY(3);
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.timeline__line--bullet .timeline__line-item--active a:after {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
.timeline__line-item--active + .swiper-slide:last-child a:after {
    -webkit-transform: scaleY(3) scaleX(1);
    transform: scaleY(3) scaleX(1);
}
.timeline__line--bullet
    .timeline__line-item--active
    + .swiper-slide:last-child
    a:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.timeline__navigation-wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
}
.timeline__navigation {
    background-color: #fff;
    bottom: calc(4rem - 34px);
    position: absolute;
    z-index: 2;
}
.timeline__navigation:hover {
    border-color: var(--color-ci);
}
.timeline__navigation--prev {
    left: calc(50% - 90px);
}
@media (min-width: 768px) {
    .timeline__navigation--prev {
        left: calc(50% - 150px);
    }
}
.timeline__navigation--next {
    right: calc(50% - 90px);
}
@media (min-width: 768px) {
    .timeline__navigation--next {
        right: calc(50% - 150px);
    }
}
.timeline__navigation.swiper-button-disabled {
    border-color: gray;
}
.timeline__navigation.swiper-button-disabled .arrow,
.timeline__navigation.swiper-button-disabled .arrow:after,
.timeline__navigation.swiper-button-disabled .arrow:before {
    background-color: gray;
}
.timeline__navigation.swiper-button-disabled:hover,
.timeline__navigation.swiper-button-disabled:hover .arrow {
    -webkit-transform: none;
    transform: none;
}
.timeline__navigation.swiper-button-disabled.btn--red {
    background-color: gray;
    border-color: #fff;
    opacity: 0.8;
}
.timeline__navigation.swiper-button-disabled.btn--red .arrow,
.timeline__navigation.swiper-button-disabled.btn--red .arrow:after,
.timeline__navigation.swiper-button-disabled.btn--red .arrow:before {
    background-color: #fff;
}
.timeline__events {
    overflow: hidden;
    position: relative;
    -webkit-transition: height 0.4s;
    transition: height 0.4s;
    width: 100%;
}
.timeline__events > ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
}
.timeline__event {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem 2rem 0;
}
@media (min-width: 768px) {
    .timeline__event {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1rem 3rem 0;
    }
}
.timeline__event-content {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem;
    max-width: 100%;
    padding-top: 5rem;
}
@media (min-width: 768px) {
    .timeline__event-content {
        display: grid;
        gap: 2rem;
        grid-template-columns: 50% auto;
        padding-top: 0;
    }
    .timeline__event-info:only-child {
        grid-column-end: span 2;
    }
}
.timeline__event-title {
    color: #333;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    font-size: 1.3rem;
    font-weight: 700;
}
@media (min-width: 768px) {
    h2.timeline__event-title {
        font-size: 2rem;
    }
}
@media (min-width: 1366px) {
    h2.timeline__event-title {
        font-size: 2.5rem;
    }
}
.timeline__event-description,
.timeline__event-title {
    -webkit-transition: opacity 0.3s var(--ease-out-quart, ease-out);
    transition: opacity 0.3s var(--ease-out-quart, ease-out);
}
.timeline__event-date {
    display: block;
    font-style: italic;
    margin: 1rem auto;
}
.timeline__event-date:before {
    content: "- ";
}
.timeline__event-img {
    overflow: hidden;
    position: relative;
}
.timeline__event-img-rect {
    background-color: var(--color-primary-100);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    width: 100%;
}
.timeline__event-img-rect.has-animated {
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.timeline__event.swiper-slide-active .timeline__event-description > small {
    font-weight: 600;
}
.timeline__event.swiper-slide-active
    ~ .swiper-slide
    .timeline__event-description,
.timeline__event.swiper-slide-active ~ .swiper-slide .timeline__event-title {
    opacity: 0.5;
}
.timeline__event.swiper-slide-active
    + .swiper-slide:nth-last-child(2)
    .timeline__event-description
    > small,
.timeline__event.swiper-slide-active
    ~ .swiper-slide:last-child
    .timeline__event-description
    > small {
    font-weight: 600;
}
.timeline__event.swiper-slide-active
    + .swiper-slide:nth-last-child(2)
    .timeline__event-description,
.timeline__event.swiper-slide-active
    + .swiper-slide:nth-last-child(2)
    .timeline__event-title,
.timeline__event.swiper-slide-active
    ~ .swiper-slide:last-child
    .timeline__event-description,
.timeline__event.swiper-slide-active
    ~ .swiper-slide:last-child
    .timeline__event-title {
    opacity: 1;
}
.timeline-section--static-height {
    padding-bottom: 7rem;
}
.timeline-section--static-height .timeline__event,
.timeline-section--static-height .timeline__events,
.timeline-section--static-height.timeline-section {
    min-height: 600px;
}
.theme--dark-even .timeline__event:nth-child(2n) {
    background-color: var(--color-primary);
}
.theme--dark-even .timeline__event:nth-child(2n) .timeline__event-content,
.theme--dark-even .timeline__event:nth-child(2n) .timeline__event-title {
    color: #fff;
}
.timeline__event--card {
    background-color: #fff;
}
.timeline__event--card .timeline__event-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    height: 100%;
    max-width: 500px;
    padding: 1rem;
}
.timeline__event--calendar {
    border-bottom: 1px solid #d3d3d3;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
}
@media (min-width: 768px) {
    .timeline__event--calendar {
        border-bottom: none;
        max-width: 370px;
    }
}
.timeline__event--calendar:last-child {
    border-bottom: none;
}
.timeline__event--calendar .timeline__event-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    grid-template-columns: auto 1fr;
    padding-top: 0;
}
@media (min-width: 768px) {
    .timeline__event--calendar .timeline__event-content {
        gap: 1rem;
    }
}
.timeline__event--calendar .timeline__event-content > :first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100px;
    flex: 1 0 100px;
    margin-right: 1rem;
}
@media (min-width: 768px) {
    .timeline__event--calendar .timeline__event-content > :first-child {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        justify-self: flex-end;
        margin-right: 0;
    }
}
.timeline__event--calendar .timeline__event-title {
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .timeline__event--calendar .timeline__event-title {
        font-size: 2rem;
    }
}
.timeline__event--calendar .timeline__event-description,
.timeline__event--calendar .timeline__event-description p:last-child {
    margin-bottom: 0;
}
.investor-relations .timeline__event.timeline__event--calendar {
    margin-left: 0;
    margin-right: 0;
}
.timeline__current-year {
    bottom: 2.25rem;
    color: var(--color-ci);
    font-size: 2rem;
    font-weight: 700;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
}
.timeline__pagination {
    bottom: 0.75rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
}
.timeline__pagination.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    white-space: nowrap;
}
.timeline__pagination.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet {
    position: relative;
    -webkit-transition: left 0.2s, -webkit-transform 0.2s;
    transition: left 0.2s, -webkit-transform 0.2s;
    transition: transform 0.2s, left 0.2s;
    transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s;
}
.timeline__pagination.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.timeline__pagination.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet-active-next,
.timeline__pagination.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66);
}
.timeline__pagination.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet-active-next-next,
.timeline__pagination.swiper-pagination-bullets-dynamic
    .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33);
}
.scrollesel__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 15vh;
    max-height: 250px;
    min-height: 100px;
}
@media (min-width: 768px) {
    .scrollesel__row {
        height: 25vh;
    }
}
@media (min-width: 992px) {
    .scrollesel__row {
        height: auto;
    }
}
.scrollesel__row img {
    margin: 0 5px;
    max-height: 100%;
}
.compare-image-container {
    height: 100%;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
.compare-image-container img {
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100vw;
}
.compare-image-label {
    bottom: 0;
    color: #fff;
    opacity: 0;
    padding: 1em;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: opacity 0.3s 0.7s, -webkit-transform 0.3s 0.7s;
    transition: opacity 0.3s 0.7s, -webkit-transform 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0.3s 0.7s,
        -webkit-transform 0.3s 0.7s;
    visibility: hidden !important;
}
.compare-image-label.is-hidden {
    visibility: hidden;
}
.is-visible .compare-image-label {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.compare-resize-img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-shadow: 2px 0 #fff;
    box-shadow: 2px 0 #fff;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 0;
}
.compare-resize-img img {
    display: block;
    height: 100%;
    left: 0;
    max-width: none;
    position: absolute;
    top: 0;
    width: auto;
}
.compare-resize-img .compare-image-label {
    left: 0;
    right: auto;
}
.is-visible .compare-resize-img {
    -webkit-animation: compare-bounce-in 0.7s;
    animation: compare-bounce-in 0.7s;
    width: 50%;
}
@-webkit-keyframes compare-bounce-in {
    0% {
        width: 0;
    }
    60% {
        width: 55%;
    }
    to {
        width: 50%;
    }
}
@keyframes compare-bounce-in {
    0% {
        width: 0;
    }
    60% {
        width: 55%;
    }
    to {
        width: 50%;
    }
}
.compare-handle {
    background: #d3d3d3 url(../img/icons/cd-arrows.svg) no-repeat 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2),
        0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 hsla(0, 0%, 100%, 0.3);
    box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6),
        inset 0 1px 0 hsla(0, 0%, 100%, 0.3);
    cursor: move;
    height: 44px;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    opacity: 0;
    position: absolute;
    top: 70%;
    -webkit-transform: translateZ(0) scale(0);
    transform: translateZ(0) scale(0);
    width: 44px;
}
.compare-handle.draggable {
    background-color: gray;
}
.is-visible .compare-handle {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transition: opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
    transition: opacity 0s 0.7s, -webkit-transform 0.3s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s;
    transition: transform 0.3s 0.7s, opacity 0s 0.7s,
        -webkit-transform 0.3s 0.7s;
}
.overbox-container {
    background-color: gray;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.overbox-container.is-open {
    z-index: 20;
}
.overbox-bg {
    background-position: 50%;
    background-size: cover;
}
.overbox-bg,
.overbox-bg:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.overbox-bg:after {
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
}
.modal {
    display: none;
    height: 100%;
    outline: 0;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
    z-index: 5000;
}
.modal,
.modal__overlay {
    left: 0;
    position: fixed;
    top: 0;
}
.modal__overlay {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: 0;
}
.modal__overlay:focus {
    outline: none;
}
.modal__container,
.modal__container-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 80vh;
    max-width: 90%;
    min-height: 70vh;
    overflow: hidden;
    padding: 2rem;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .modal__container,
    .modal__container-video {
        max-height: 90vh;
        max-width: 80%;
        padding: 3rem;
    }
}
@media (min-width: 1200px) {
    .modal__container,
    .modal__container-video {
        max-width: 70%;
    }
}
@media (min-width: 1366px) {
    .modal__container,
    .modal__container-video {
        max-width: 900px;
    }
}
.has-gri.modal__container-video,
.modal__container.has-gri {
    padding-bottom: 5rem;
}
.is-container.modal__container-video,
.modal__container.is-container {
    max-width: 100%;
}
@media (min-width: 568px) {
    .is-container.modal__container-video,
    .modal__container.is-container {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .is-container.modal__container-video,
    .modal__container.is-container {
        max-width: 720px;
    }
}
@media (min-width: 992px) {
    .is-container.modal__container-video,
    .modal__container.is-container {
        max-width: 960px;
    }
}
@media (min-width: 1200px) {
    .is-container.modal__container-video,
    .modal__container.is-container {
        max-width: 1140px;
    }
}
.is-container.modal__container-video,
.modal__container.is-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
}
@media (min-width: 768px) {
    .is-container.modal__container-video,
    .modal__container.is-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
section .is-container.modal__container-video,
section .modal__container.is-container {
    padding-left: 2rem;
    padding-right: 2rem;
}
@media (min-width: 768px) {
    section .is-container.modal__container-video,
    section .modal__container.is-container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.modal__header {
    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-negative: 0;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal__bg {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}
.modal__bg,
.modal__bg:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.modal__bg:before {
    background-color: rgba(0, 0, 0, 0.8);
    content: "";
}
.modal__icons {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
    margin-bottom: 2rem;
    padding-right: 4rem;
}
@media (min-width: 568px) {
    .modal__icons {
        grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
    }
}
@media (min-width: 768px) {
    .modal__icons {
        grid-template-columns: repeat(auto-fill, minmax(50px, 1fr));
    }
}
.modal__title {
    margin-bottom: 0;
    margin-top: 0;
}
.modal__title .arrow {
    display: none;
}
.modal__close {
    border: 0;
    position: absolute;
    right: 2rem;
    top: 2rem;
}
.modal__inner {
    overflow-y: auto;
}
.modal__content {
    margin-top: 2rem;
    overflow-y: auto;
    padding-bottom: 1rem;
}
.modal__content ul {
    list-style-type: disc;
}
.modal__content ol {
    list-style-type: lower-alpha;
}
.modal__content .btn-arrow b,
.modal__content .search-pagination .next b,
.modal__content .search-pagination .prev b,
.search-pagination .modal__content .next b,
.search-pagination .modal__content .prev b {
    max-width: 95%;
}
.modal__content img {
    display: block;
    margin: auto;
}
.modal__content.text-white p a:only-child {
    color: #fff;
    font-weight: 700;
    margin-top: 1rem;
    max-width: 95%;
}
.modal__gri {
    max-width: 80%;
}
.modal__footer-ci {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: auto;
    padding: 1rem 0;
    position: relative;
}
.modal__footer-ci:before {
    background-color: var(--color-ci);
    content: "";
    height: 2px;
    left: -2rem;
    position: absolute;
    top: 0;
    width: calc(100% + 4rem);
}
@media (min-width: 768px) {
    .modal__footer-ci:before {
        left: -3rem;
        width: calc(100% + 6rem);
    }
}
.modal__footer-ci .footer-ci__img {
    max-width: 100px;
}
.modal__container-video {
    min-height: 0;
    overflow: visible;
}
.modal__container-video .modal__video {
    opacity: 0;
    visibility: hidden;
}
.modal__container-video .modal__close {
    right: -1.2rem;
    top: -1.2rem;
    z-index: 2;
}
.is-open .modal__video {
    -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1) 0.3s forwards;
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1) 0.3s forwards;
    visibility: visible;
}
@-webkit-keyframes mmfadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes mmfadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes mmfadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@keyframes mmfadeOut {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
@-webkit-keyframes mmslideIn {
    0% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes mmslideIn {
    0% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes mmslideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}
@keyframes mmslideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}
@-webkit-keyframes clip-slide-in {
    0% {
        clip-path: inset(10% round 1rem);
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    to {
        clip-path: inset(0 round 1rem);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes clip-slide-in {
    0% {
        clip-path: inset(10% round 1rem);
        -webkit-transform: translateY(10%);
        transform: translateY(10%);
    }
    to {
        clip-path: inset(0 round 1rem);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@-webkit-keyframes clip-slide-out {
    0% {
        clip-path: inset(0 round 1rem);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        clip-path: inset(10% round 1rem);
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}
@keyframes clip-slide-out {
    0% {
        clip-path: inset(0 round 1rem);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    to {
        clip-path: inset(10% round 1rem);
        -webkit-transform: translateY(5%);
        transform: translateY(5%);
    }
}
.micromodal-slide {
    display: none;
}
.micromodal-slide.is-open {
    display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
    -webkit-animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container,
.micromodal-slide[aria-hidden="false"] .modal__container-video {
    -webkit-animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
    -webkit-animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container,
.micromodal-slide[aria-hidden="true"] .modal__container-video {
    -webkit-animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@-webkit-keyframes slide-scale-up {
    0% {
        -webkit-transform: translateY(15%) scale(0.9);
        transform: translateY(15%) scale(0.9);
    }
    to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
@keyframes slide-scale-up {
    0% {
        -webkit-transform: translateY(15%) scale(0.9);
        transform: translateY(15%) scale(0.9);
    }
    to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
}
.micromodal-slide[aria-hidden="false"]:is([data-animation="slide-reverse"])
    .modal__container,
.micromodal-slide[aria-hidden="false"]:is([data-animation="slide-reverse"])
    .modal__container-video {
    -webkit-animation: slide-scale-up 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: slide-scale-up 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@-webkit-keyframes slide-scale-down {
    0% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    to {
        -webkit-transform: translateY(10%) scale(0.9);
        transform: translateY(10%) scale(0.9);
    }
}
@keyframes slide-scale-down {
    0% {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1);
    }
    to {
        -webkit-transform: translateY(10%) scale(0.9);
        transform: translateY(10%) scale(0.9);
    }
}
.micromodal-slide[aria-hidden="true"]:is([data-animation="slide-reverse"])
    .modal__container,
.micromodal-slide[aria-hidden="true"]:is([data-animation="slide-reverse"])
    .modal__container-video {
    -webkit-animation: slide-scale-down 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: slide-scale-down 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"]:is([data-animation="clip-slide"])
    .modal__container,
.micromodal-slide[aria-hidden="false"]:is([data-animation="clip-slide"])
    .modal__container-video {
    -webkit-animation: clip-slide-in 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: clip-slide-in 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"]:is([data-animation="clip-slide"])
    .modal__container,
.micromodal-slide[aria-hidden="true"]:is([data-animation="clip-slide"])
    .modal__container-video {
    -webkit-animation: clip-slide-out 0.3s cubic-bezier(0, 0, 0.2, 1);
    animation: clip-slide-out 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__container-video,
.micromodal-slide .modal__overlay {
    will-change: transform;
}
.modal-image .modal__overlay {
    overflow-y: auto;
    padding: 1rem 0;
}
.modal-image .modal__container,
.modal-image .modal__container-video {
    margin: auto 0;
    max-height: -webkit-max-content;
    max-height: -moz-max-content;
    max-height: max-content;
    max-width: 600px;
}
.modal-image .modal__close {
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    right: auto;
    top: auto;
}
.choices {
    margin-bottom: 0;
}
.choices__inner {
    background-color: transparent;
}
.choices__inner .choices__list--single .choices__item {
    color: var(--color-primary);
    text-align: center;
}
.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-clip: padding-box;
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    -webkit-transition: border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
        -webkit-box-shadow 0.15s ease-in-out;
    width: 100%;
}
.form-control:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
    outline: 0;
}
.form-transparent {
    border-radius: 30px;
}
.form-transparent,
.form-transparent:focus {
    background-color: transparent;
    color: #fff;
}
.custom-file,
.custom-file-input {
    height: calc(1.5em + 0.75rem + 2px);
    position: relative;
    width: 100%;
}
.custom-file-input {
    cursor: pointer;
    margin: 0;
    opacity: 0;
    overflow: hidden;
    z-index: 2;
}
.custom-file-input + .form-transparent:after {
    display: none;
}
.custom-file-label {
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    font-weight: 400;
    height: calc(1.5em + 0.75rem + 2px);
    left: 0;
    overflow: hidden;
    z-index: 1;
}
.custom-file-label,
.custom-file-label:after {
    color: #495057;
    line-height: 1.5;
    padding: 0.375rem 0.75rem;
    position: absolute;
    right: 0;
    top: 0;
}
.custom-file-label:after {
    background-color: #e9ecef;
    border-left: inherit;
    border-radius: 0 0.25rem 0.25rem 0;
    bottom: 0;
    content: "Browse";
    display: block;
    height: calc(1.5em + 0.75rem);
    z-index: 3;
}
.custom-file-input:lang(en) ~ .custom-file-label:after {
    content: "Browse";
}
.search-pagination form .next:after,
.search-pagination form .prev:after,
form .btn-arrow:after,
form .search-pagination .next:after,
form .search-pagination .prev:after {
    right: 0;
}
.form-underline {
    border: 0;
    border-bottom: 1px solid #d3d3d3;
    border-radius: 0;
    padding-left: 0.2rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media (min-width: 768px) {
    .form-underline {
        text-align: left;
    }
}
.form-underline:focus {
    border-color: var(--color-ci);
    -webkit-box-shadow: none;
    box-shadow: none;
}
.form-underline--white {
    border-color: hsla(0, 0%, 100%, 0.5);
}
.selection__list {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-top-color: transparent;
    left: 0;
    margin-left: -1px;
    max-height: 0;
    overflow-y: auto;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    width: calc(100% + 2px);
    will-change: max-height;
    z-index: 5;
}
.selection__list-items {
    padding: 1rem;
}
.selection__list-item {
    color: var(--color-primary);
    cursor: pointer;
    display: block;
    padding: 0.5rem 1rem;
}
.selection__list-item:hover {
    background-color: var(--color-primary-50);
    color: var(--color-primary);
    text-decoration: none;
}
.is-open .selection__list,
.selection__list.is-open {
    border-top: 1px solid #d3d3d3;
    max-height: 250px;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.grecaptcha-badge {
    opacity: 0;
    visibility: hidden;
}
@-webkit-keyframes animateLeftCloud {
    0% {
        -webkit-transform: translateX(-10%) translateY(-50%);
        transform: translateX(-10%) translateY(-50%);
    }
    to {
        -webkit-transform: translateX(-5%) translateY(-50%);
        transform: translateX(-5%) translateY(-50%);
    }
}
@keyframes animateLeftCloud {
    0% {
        -webkit-transform: translateX(-10%) translateY(-50%);
        transform: translateX(-10%) translateY(-50%);
    }
    to {
        -webkit-transform: translateX(-5%) translateY(-50%);
        transform: translateX(-5%) translateY(-50%);
    }
}
@-webkit-keyframes animateReversedLeftCloud {
    0% {
        -webkit-transform: translateX(-20%) translateY(-50%) scaleX(-1);
        transform: translateX(-20%) translateY(-50%) scaleX(-1);
    }
    to {
        -webkit-transform: translateX(-10%) translateY(-50%) scaleX(-1);
        transform: translateX(-10%) translateY(-50%) scaleX(-1);
    }
}
@keyframes animateReversedLeftCloud {
    0% {
        -webkit-transform: translateX(-20%) translateY(-50%) scaleX(-1);
        transform: translateX(-20%) translateY(-50%) scaleX(-1);
    }
    to {
        -webkit-transform: translateX(-10%) translateY(-50%) scaleX(-1);
        transform: translateX(-10%) translateY(-50%) scaleX(-1);
    }
}
@-webkit-keyframes animateRightCloud {
    0% {
        -webkit-transform: translateX(10%) translateY(-50%);
        transform: translateX(10%) translateY(-50%);
    }
    to {
        -webkit-transform: translateX(5%) translateY(-50%);
        transform: translateX(5%) translateY(-50%);
    }
}
@keyframes animateRightCloud {
    0% {
        -webkit-transform: translateX(10%) translateY(-50%);
        transform: translateX(10%) translateY(-50%);
    }
    to {
        -webkit-transform: translateX(5%) translateY(-50%);
        transform: translateX(5%) translateY(-50%);
    }
}
@-webkit-keyframes animateReversedRightCloud {
    0% {
        -webkit-transform: translateX(20%) translateY(-50%) scaleX(-1);
        transform: translateX(20%) translateY(-50%) scaleX(-1);
    }
    to {
        -webkit-transform: translateX(10%) translateY(-50%) scaleX(-1);
        transform: translateX(10%) translateY(-50%) scaleX(-1);
    }
}
@keyframes animateReversedRightCloud {
    0% {
        -webkit-transform: translateX(20%) translateY(-50%) scaleX(-1);
        transform: translateX(20%) translateY(-50%) scaleX(-1);
    }
    to {
        -webkit-transform: translateX(10%) translateY(-50%) scaleX(-1);
        transform: translateX(10%) translateY(-50%) scaleX(-1);
    }
}
@-webkit-keyframes scroll {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(0.5rem);
        transform: translateY(0.5rem);
    }
}
@keyframes scroll {
    0% {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(0.5rem);
        transform: translateY(0.5rem);
    }
}
@-webkit-keyframes pulse-red {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--color-ci-rgb), 0.7);
        box-shadow: 0 0 0 0 rgba(var(--color-ci-rgb), 0.7);
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(var(--color-ci-rgb), 0);
        box-shadow: 0 0 0 10px rgba(var(--color-ci-rgb), 0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    to {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--color-ci-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--color-ci-rgb), 0);
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}
@keyframes pulse-red {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--color-ci-rgb), 0.7);
        box-shadow: 0 0 0 0 rgba(var(--color-ci-rgb), 0.7);
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(var(--color-ci-rgb), 0);
        box-shadow: 0 0 0 10px rgba(var(--color-ci-rgb), 0);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    to {
        -webkit-box-shadow: 0 0 0 0 rgba(var(--color-ci-rgb), 0);
        box-shadow: 0 0 0 0 rgba(var(--color-ci-rgb), 0);
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}
.fade-in {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem);
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
[data-aos="overlap-slide"] {
    overflow: hidden;
}
[data-aos="overlap-slide"]:after {
    background-color: var(--color-primary-100);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -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;
    width: 100%;
}
[data-aos="overlap-slide"] .bg {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease 0.4s,
        -webkit-transform var(--ease-out-expo, ease-out) 1s;
    transition: opacity 0.2s ease 0.4s,
        -webkit-transform var(--ease-out-expo, ease-out) 1s;
    transition: opacity 0.2s ease 0.4s,
        transform var(--ease-out-expo, ease-out) 1s;
    transition: opacity 0.2s ease 0.4s,
        transform var(--ease-out-expo, ease-out) 1s,
        -webkit-transform var(--ease-out-expo, ease-out) 1s;
}
[data-aos="overlap-slide"] img {
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
[data-aos="overlap-slide"].aos-animate .bg,
[data-aos="overlap-slide"].aos-animate img {
    opacity: 1;
}
[data-aos="overlap-slide"].aos-animate:after {
    -webkit-animation: overlapSlide 0.7s cubic-bezier(0.165, 0.84, 0.44, 1)
        normal;
    animation: overlapSlide 0.7s cubic-bezier(0.165, 0.84, 0.44, 1) normal;
}
@-webkit-keyframes overlapSlide {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    40% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    70% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes overlapSlide {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
    }
    40% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
    70% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
    to {
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
[data-aos="mask-slide-down"] {
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
[data-aos="mask-slide-down"].aos-animate {
    -webkit-animation: maskSlideDown 0.75s ease-in-out forwards;
    animation: maskSlideDown 0.75s ease-in-out forwards;
}
@-webkit-keyframes maskSlideDown {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}
@keyframes maskSlideDown {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}
[data-aos][data-aos][data-aos-easing="ease"],
body[data-aos-easing="ease"] [data-aos] {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
}
[data-aos^="fade"][data-aos^="fade"] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
}
[data-aos^="fade"][data-aos^="fade"].aos-animate {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
[data-aos="fade-up"] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
}
[data-aos="fade-right"] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
}
[data-aos="fade-left"] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
}
[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
    -webkit-transition-duration: 50ms;
    transition-duration: 50ms;
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s;
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s;
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="50"] {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="50"].aos-animate:after {
    -webkit-animation-delay: 50ms;
    animation-delay: 50ms;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="100"] {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="100"].aos-animate:after {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="150"] {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="150"].aos-animate:after {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="200"] {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="200"].aos-animate:after {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="250"] {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="250"].aos-animate:after {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="300"] {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="300"].aos-animate:after {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="350"] {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="350"].aos-animate:after {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="400"] {
    -webkit-animation-delay: 0;
    animation-delay: 0;
}
[data-aos="overlap-slide"][data-aos][data-aos-delay="400"].aos-animate:after {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
[data-split-type] {
    -webkit-font-kerning: none;
    font-kerning: none;
}
h1[data-split-type],
h2[data-split-type],
h3[data-split-type],
h4[data-split-type],
h5[data-split-type],
h6[data-split-type] {
    line-height: 1.2;
    overflow: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
h1[data-split-type] .line,
h2[data-split-type] .line,
h3[data-split-type] .line,
h4[data-split-type] .line,
h5[data-split-type] .line,
h6[data-split-type] .line {
    clip-path: inset(0 0 100% 0);
    opacity: 0;
    -webkit-perspective: 100px;
    perspective: 100px;
    -webkit-transform: translateY(100px) rotate(15deg) rotateX(-100deg);
    transform: translateY(100px) rotate(15deg) rotateX(-100deg);
    -webkit-transition-delay: calc(var(--word-index) * 0.01s);
    transition-delay: calc(var(--word-index) * 0.01s);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    visibility: hidden;
}
h1[data-split-type].animated .line,
h2[data-split-type].animated .line,
h3[data-split-type].animated .line,
h4[data-split-type].animated .line,
h5[data-split-type].animated .line,
h6[data-split-type].animated .line {
    clip-path: inset(0 0 0 0);
    visibility: visible;
    --tw-translate-y: 0px;
    --tw-rotate: 0deg;
    opacity: 1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[data-split-type]:not(h1, h2, h3, h4, h5, h6) .word {
    clip-path: inset(0 0 100% 0);
    -webkit-transition-delay: calc(var(--word-index) * 0.01s);
    transition-delay: calc(var(--word-index) * 0.01s);
    visibility: hidden;
    --tw-translate-y: 1rem;
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-split-type]:not(h1, h2, h3, h4, h5, h6) .word,
[data-split-type]:not(h1, h2, h3, h4, h5, h6).animated .word {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[data-split-type]:not(h1, h2, h3, h4, h5, h6).animated .word {
    clip-path: inset(0 0 0 0);
    visibility: visible;
    --tw-translate-y: 0px;
    opacity: 1;
}
[data-split-type] + [data-split-type-wrapper] .word,
[data-split-type] + [data-split-type] .word {
    -webkit-transition-delay: calc(
        var(--word-index) * 0.01s + var(--line-total, 0s) * 0.15s
    );
    transition-delay: calc(
        var(--word-index) * 0.01s + var(--line-total, 0s) * 0.15s
    );
}
.article-prose > div > ol {
    list-style: lower-alpha;
}
.article-prose > div > ol li > ol {
    list-style: lower-roman;
}
.article-prose > div > ol li > ol li > ol {
    list-style: disc;
}
.article-prose hr {
    margin-bottom: 3rem;
    margin-top: 3rem;
}
.search-pagination {
    font-variant-numeric: tabular-nums;
}
.search-pagination .page-numbers {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 9999px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.875rem;
    font-weight: 600;
    height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.25rem;
    padding-top: 0.125rem;
    width: 2rem;
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.search-pagination .page-numbers:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.search-pagination .dots:hover {
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity, 1));
}
.search-pagination .current {
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.search-pagination .current p a:only-child {
    color: #fff;
}
.modal__content.search-pagination .current p a:only-child {
    color: #fff;
    font-weight: 700;
    margin-top: 1rem;
    max-width: 95%;
}
.search-pagination .prev {
    left: 50%;
    --tw-translate-x: -120%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
    padding-right: 0.25rem;
}
@media (min-width: 768px) {
    .search-pagination .prev {
        left: 0;
        --tw-translate-x: 0px;
        background-color: transparent;
        padding-right: 0;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
}
.search-pagination .prev .arrow {
    margin-left: 0;
}
.search-pagination .prev .arrow:after,
.search-pagination .prev .arrow:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px) {
    .search-pagination .prev .arrow:after,
    .search-pagination .prev .arrow:before {
        --tw-bg-opacity: 1;
        background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
    }
}
.search-pagination .prev .arrow:after,
.search-pagination .prev .arrow:before {
    left: 0;
    right: auto;
    -webkit-transform-origin: left;
    transform-origin: left;
}
.search-pagination .prev .arrow:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.search-pagination .prev .arrow:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.search-pagination .prev .arrow span {
    left: -0.6rem;
    right: auto;
}
.search-pagination .next {
    right: 50%;
    --tw-translate-x: 120%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
    padding-left: 0.25rem;
}
@media (min-width: 768px) {
    .search-pagination .next {
        right: 0;
        --tw-translate-x: 0px;
        background-color: transparent;
        padding-left: 0;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
}
.search-pagination .next .arrow {
    margin-left: 0;
}
@media (min-width: 768px) {
    .search-pagination .next .arrow {
        margin-left: 1rem;
    }
}
.search-pagination .next .arrow:after,
.search-pagination .next .arrow:before {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
@media (min-width: 768px) {
    .search-pagination .next .arrow:after,
    .search-pagination .next .arrow:before {
        --tw-bg-opacity: 1;
        background-color: rgb(51 51 51 / var(--tw-bg-opacity, 1));
    }
}
.search-pagination .next,
.search-pagination .prev {
    bottom: 0;
    position: absolute;
}
@media (min-width: 768px) {
    .search-pagination .next,
    .search-pagination .prev {
        position: relative;
        width: 4.5rem;
    }
}
.search-pagination .next:hover .arrow,
.search-pagination .next:hover .arrow:after,
.search-pagination .next:hover .arrow:before,
.search-pagination .prev:hover .arrow,
.search-pagination .prev:hover .arrow:after,
.search-pagination .prev:hover .arrow:before {
    margin-left: 0;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.search-pagination .next:hover .arrow span,
.search-pagination .prev:hover .arrow span {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
@media (max-width: 768px) {
    .search-pagination .next:hover .arrow,
    .search-pagination .prev:hover .arrow {
        width: 0;
    }
}
[data-scrollable] {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
[data-scrollable]::-webkit-scrollbar {
    display: none;
}
.is-overflowing {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.is-overflowing:after,
.is-overflowing:before {
    content: "";
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
    width: 1px;
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 212 / var(--tw-bg-opacity, 1));
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.is-overflowing.scroll-end:after,
.is-overflowing.scroll-start:before {
    opacity: 0;
}
.is-overflowing [data-scrollable] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    overflow: auto;
}
header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4000;
}
#outdated {
    background-color: #fff !important;
    padding: 24px;
}
#outdated #buttonUpdateBrowser,
#outdated h6,
#outdated p {
    color: var(--color-primary) !important;
}
#outdated #buttonUpdateBrowser {
    background-color: transparent !important;
    border: none !important;
    font-weight: 700;
    margin-bottom: 12px;
    text-decoration: underline;
}
#outdated #buttonCloseUpdateBrowser {
    color: var(--color-primary) !important;
    font-weight: 100;
}
section .container {
    padding-left: 2rem;
    padding-right: 2rem;
}
@media (min-width: 768px) {
    section .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}
.section-landing {
    height: 60vh;
}
@media (min-width: 768px) {
    .section-landing {
        height: 85vh;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .section-landing {
        height: 60vh;
    }
}
.section-landing .section-bg,
.section-landing .section-bg-mobile {
    background-position: 50%;
}
.section-landing .section-bg img,
.section-landing .section-bg-mobile img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.section-landing .section-header {
    padding: 0 2rem;
    position: relative;
    z-index: 10;
}
@media (min-width: 768px) {
    .section-landing .section-header {
        padding: 0;
    }
}
.section-landing .section-header h1 {
    font-size: 1.5rem;
}
@media (min-width: 768px) {
    .section-landing .section-header h1 {
        font-size: 2rem;
    }
}
@media (min-width: 1366px) {
    .section-landing .section-header h1 {
        font-size: 2.5rem;
    }
}
.section-landing .section-header h1[data-splitting] {
    opacity: 0;
}
.section-landing .section-header h1[data-splitting][data-animate="true"] {
    opacity: 1;
}
.section-landing__youtube {
    height: 56.25vw;
    margin-top: 5rem;
}
@media (min-width: 768px) {
    .section-landing__youtube {
        height: 85vh;
        margin-top: 0;
    }
}
.landing-bg {
    background-color: var(--color-primary-100);
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.landing-bg .section-bg,
.landing-bg .section-bg-mobile {
    opacity: 0.01;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
@-webkit-keyframes scale-in {
    0% {
        opacity: 0.01;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes scale-in {
    0% {
        opacity: 0.01;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.landing-bg .section-bg-mobile.is-animating,
.landing-bg .section-bg.is-animating {
    -webkit-animation: scale-in 2s cubic-bezier(0, 0, 0.2, 1) forwards;
    animation: scale-in 2s cubic-bezier(0, 0, 0.2, 1) forwards;
}
.landing-bg .section-bg-mobile.is-animated,
.landing-bg .section-bg.is-animated {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.landing-bg .section-bg-mobile.is-animated img,
.landing-bg .section-bg.is-animated img {
    opacity: 0;
}
.landing-description p > * {
    font-size: 110%;
}
.section-bg-wrapper {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
}
.section-bg,
.section-bg-mobile {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.section-bg-mobile.is-top,
.section-bg.is-top {
    background-position: top;
}
.section-bg-mobile.is-center,
.section-bg.is-center {
    background-position: 50%;
}
.section-bg-mobile.is-bottom,
.section-bg.is-bottom {
    background-position: bottom;
    bottom: 0;
    top: auto;
}
.section-bg-mobile.is-black-overlay:after,
.section-bg.is-black-overlay:after {
    background-color: rgba(0, 0, 0, 0.5);
    content: var(--tw-content);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.section-bg-mobile.is-black-overlay,
.section-bg.is-black-overlay {
    -webkit-transition: all var(--ease-out-expo, ease-out) 1s;
    transition: all var(--ease-out-expo, ease-out) 1s;
}
.section-header .emp {
    color: #457da9;
}
footer {
    background-color: var(--color-primary);
    border-top: 2px solid var(--color-ci);
    min-height: 20vh;
    padding: 2rem 1rem 1.5rem;
    position: relative;
    z-index: 3000;
}
footer hr {
    border: 1px solid hsla(0, 0%, 100%, 0.1);
}
footer form input:-internal-autofill-previewed,
footer form input:-internal-autofill-selected {
    -webkit-transition: background-color 5000s;
    transition: background-color 5000s;
    -webkit-text-fill-color: #fff !important;
}
footer form input:-webkit-autofill,
footer form input:-webkit-autofill:active,
footer form input:-webkit-autofill:focus,
footer form input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 1000px var(--color-primary) inset;
    -webkit-text-fill-color: #fff !important;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.5);
}
.footer-info {
    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: center;
}
@media (min-width: 992px) {
    .footer-info {
        display: grid;
        gap: 1rem;
        grid-template-columns: 35% 1fr 1fr;
        padding: 0 2rem;
        text-align: left;
    }
}
@media (min-width: 1200px) {
    .footer-info {
        gap: 0;
        grid-template-columns: 40% 1fr 1fr;
    }
}
.footer-info__brand p {
    font-size: 0.9rem;
}
.footer-info__subscribe [type="submit"] {
    height: 100%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.footer-info__subscribe .arrow {
    margin-left: 0;
    width: 1rem;
}
.footer-info__subscribe .arrow:after,
.footer-info__subscribe .arrow:before {
    width: 0.5rem;
}
@media (min-width: 992px) {
    .footer-info__social {
        text-align: right;
    }
}
.footer-disclaimer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 0.8rem;
    padding: 0;
    text-align: center;
}
@media (min-width: 992px) {
    .footer-disclaimer {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding: 0 2rem;
        text-align: left;
    }
}
.footer-disclaimer__links {
    text-align: center;
}
@media (min-width: 768px) {
    .footer-disclaimer__links {
        text-align: right;
    }
}
.footer-disclaimer__links a {
    color: #fff;
}
.footer-disclaimer__links a:after {
    content: "|";
    margin: 0 0.5rem;
}
.footer-disclaimer__links a:last-child:after {
    display: none;
}
[class^="footer-disclaimer__"]:last-child {
    margin-top: 0.5rem;
}
@media (min-width: 768px) {
    [class^="footer-disclaimer__"]:last-child {
        margin-top: 0;
    }
}
.footer__forefront {
    display: inline-block;
}
.footer__forefront svg {
    margin-bottom: -1px;
    margin-left: 3px;
    vertical-align: baseline;
    width: 5px;
}
.regsitration-number {
    color: #fff !important;
}
.cookie-consent {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #000;
    bottom: 0;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 0;
    opacity: 0;
    padding: 1.5rem 1rem 1rem;
    position: fixed;
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 100%;
    z-index: 9999;
}
@media (min-width: 768px) {
    .cookie-consent {
        padding: 1.5rem 2rem 1rem;
    }
}
.cookie-consent.is-open {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.cookie-consent p {
    font-size: 0.8rem;
    margin-bottom: 0;
}
.cookie-consent p a {
    text-decoration: underline;
}
.cookie-consent a {
    color: #fff;
    cursor: pointer;
}
.cookie-consent .consent__close {
    margin-left: 1rem;
    position: relative;
}
.cookie-consent .consent__close:before {
    border-radius: 0.3rem;
    content: "✕";
    padding: 0.5rem 0.5rem 0.3rem;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    will-change: background-color;
}
.cookie-consent .consent__close:hover:before {
    background-color: var(--color-primary-900);
}
@media not all and (-webkit-min-device-pixel-ratio: 0),
    not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .home #section-landing {
            min-height: -webkit-fill-available;
        }
    }
}
.home #section-landing .landing-slider {
    z-index: unset;
}
.home #section-landing .landing-slide {
    height: 100vh;
    overflow: hidden;
}
@media not all and (-webkit-min-device-pixel-ratio: 0),
    not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) and (stroke-color: transparent) {
        .home #section-landing .landing-slide {
            height: -webkit-fill-available;
        }
    }
}
@media (max-aspect-ratio: 5/1) {
    .home #section-landing #landing__video-1,
    .home #section-landing #landing__video-2 {
        -o-object-position: 0 32%;
        object-position: 0 32%;
    }
}
@media (max-aspect-ratio: 11/5) {
    .home #section-landing #landing__video-1,
    .home #section-landing #landing__video-2 {
        -o-object-position: center;
        object-position: center;
    }
}
.cloud-container,
.cloud-container2 {
    height: 55vw;
    max-height: 375px;
    min-height: 200px;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: 2;
    --tw-translate-y: -50%;
    overflow: hidden;
}
.cloud-container,
.cloud-container2 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.cloud-container2 {
    bottom: 0;
    --tw-translate-y: 50%;
}
.cloud,
.cloud-5,
.cloud-6 {
    pointer-events: none;
    position: absolute;
}
.cloud-5 {
    -webkit-animation: animateReversedLeftCloud 5s
        var(--ease-in-out-cubic, ease-in-out) infinite alternate;
    animation: animateReversedLeftCloud 5s var(--ease-in-out-cubic, ease-in-out)
        infinite alternate;
    left: 0;
    max-width: 70vw;
    top: 40%;
    -webkit-transform: translateX(-20%) translateY(-50%) scaleX(-1);
    transform: translateX(-20%) translateY(-50%) scaleX(-1);
}
@media (min-width: 768px) {
    .cloud-5 {
        max-width: 50vw;
    }
}
.cloud-6 {
    -webkit-animation: animateReversedRightCloud 6s
        var(--ease-in-out-cubic, ease-in-out) infinite alternate;
    animation: animateReversedRightCloud 6s
        var(--ease-in-out-cubic, ease-in-out) infinite alternate;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    max-width: 50vw;
    right: 0;
    top: 50%;
    -webkit-transform: translateX(20%) translateY(-50%) scaleX(-1);
    transform: translateX(20%) translateY(-50%) scaleX(-1);
}
.home .stock-performance {
    -webkit-box-shadow: 0 3px 10px rgba(var(--color-primary-rgb), 0.1);
    box-shadow: 0 3px 10px rgba(var(--color-primary-rgb), 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 568px) {
    .home .stock-performance {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
@media (min-width: 768px) {
    .home .stock-performance {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 2rem;
        text-align: center;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .home .stock-performance {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding-bottom: 0;
        text-align: left;
    }
}
.home .stock-performance:last-child {
    border-right: none;
}
.home .stock-img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}
@media (max-width: 568px) {
    .home .stock-img img {
        height: 100%;
        left: 0;
        -o-object-fit: cover;
        object-fit: cover;
        position: absolute;
        top: 0;
    }
}
.home .stock-img__xs {
    position: relative;
}
@media (min-width: 568px) {
    .home .stock-img__xs {
        display: none;
    }
}
.home .stock-info {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    padding: 1rem;
}
@media (min-width: 768px) {
    .home .stock-info {
        padding: 0;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .home .stock-info {
        -webkit-box-flex: 2;
        -ms-flex: 2;
        flex: 2;
        padding: 1rem;
    }
}
@media (max-width: 768px) {
    .home .stock-info .btn-arrow,
    .home .stock-info .search-pagination .next,
    .home .stock-info .search-pagination .prev,
    .search-pagination .home .stock-info .next,
    .search-pagination .home .stock-info .prev {
        font-size: 0.9rem;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .home .stock-info .btn-arrow,
    .home .stock-info .search-pagination .next,
    .home .stock-info .search-pagination .prev,
    .search-pagination .home .stock-info .next,
    .search-pagination .home .stock-info .prev {
        font-size: 0.8rem;
    }
}
.home .stock-company {
    background-color: var(--color-ci);
    display: inline-block;
    font-size: 0.8rem;
    padding: 0.6rem 1rem 0.5rem;
}
@media (min-width: 768px) {
    .home .stock-company {
        display: block;
        font-size: 0.9rem;
        margin: auto;
        max-width: 80%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .home .stock-company {
        display: inline-block;
        margin: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.home .stock-value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid var(--color-primary);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 1rem;
    padding: 0.5rem 0 0;
}
@media (min-width: 768px) {
    .home .stock-value {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 auto 2rem;
        max-width: 80%;
        padding-bottom: 1rem;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .home .stock-value {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 auto 1rem;
        max-width: 100%;
    }
}
.home .stock-price {
    font-size: 2rem;
    min-width: 100px;
    padding-left: 2rem;
    padding-right: 0.5rem;
    position: relative;
}
.home .stock-price:before {
    content: "RM";
    font-size: 1rem;
    left: 0;
    position: absolute;
    top: 0.5rem;
}
@media (min-width: 768px) {
    .home .stock-price {
        font-size: clamp(1rem, -0.3333rem + 4.4444vw, 3rem);
        min-width: 110px;
        padding-left: 1.5rem;
    }
}
@media (min-width: 992px) {
    .home .stock-price {
        min-width: 150px;
    }
}
.home .stock-value__rate.rate-down:before,
.home .stock-value__rate.rate-up:before {
    top: 20%;
}
.company .container-clip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100vh;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    width: 100%;
    clip: rect(0, auto, auto, 0);
}
[data-swiper-slide-id="reit-other-real-estate-funds"] .carousel-bg,
[data-swiper-slide-id="trading-and-manufacturing"] .carousel-bg {
    background-position: 0;
}
[data-swiper-slide-id="education"] .carousel-bg {
    background-position: 0;
    bottom: 0;
    position: absolute;
    top: auto;
}
[data-swiper-slide-id="education"] .carousel-bg.after-bottom:after {
    bottom: 0;
}
[data-swiper-slide-id="education"] .carousel-card:hover .carousel-bg {
    --tw-translate-y: 0px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
[data-drawer-title] h2 {
    -webkit-font-kerning: none;
    font-kerning: none;
}
[data-drawer-title] .line-wrapper {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
[data-drawer-title] .line {
    left: 50%;
    position: absolute;
    top: 0;
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    width: -webkit-max-content !important;
    width: -moz-max-content !important;
    width: max-content !important;
}
.company .timeline-section .timeline__event,
.company .timeline-section .timeline__events,
.company .timeline-section.timeline-section {
    min-height: 700px;
}
@media (min-width: 768px) {
    .company .timeline-section .timeline__event,
    .company .timeline-section .timeline__events,
    .company .timeline-section.timeline-section {
        min-height: 600px;
    }
}
.company .timeline-section .timeline__dates-container {
    bottom: 6rem;
}
@media (min-width: 768px) {
    .company .timeline-section .timeline__dates-container {
        bottom: 10%;
    }
}
.globe-container {
    -ms-touch-action: none;
    touch-action: none;
}
.globe {
    position: relative;
}
.globe img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left;
    object-position: left;
    top: 0;
}
@media (min-width: 768px) {
    .globe img {
        left: 0;
        min-width: 100vw;
        right: 0;
    }
}
.globe-map {
    opacity: 0.7;
    -webkit-transform-origin: 78% 76%;
    transform-origin: 78% 76%;
}
@media (min-width: 768px) {
    .globe-map {
        -webkit-transform-origin: 76% 67%;
        transform-origin: 76% 67%;
    }
}
.globe-dots {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform-origin: 78% 76%;
    transform-origin: 78% 76%;
    width: 100%;
}
@media (min-width: 768px) {
    .globe-dots {
        -webkit-transform-origin: 76% 67%;
        transform-origin: 76% 67%;
    }
}
.globe-border {
    --angle: 90deg;
    --continent-color: 238 39 59;
    --alpha-stop: 50%;
    --continent-color-start: rgb(var(--continent-color));
    --continent-color-stop: rgb(var(--continent-color) / var(--alpha-stop));
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(var(--angle)),
        color-stop(30%, rgb(var(--continent-color))),
        color-stop(85.5%, rgb(var(--continent-color) / var(--alpha-stop)))
    );
    background: linear-gradient(
        var(--angle),
        rgb(var(--continent-color)) 30%,
        rgb(var(--continent-color) / var(--alpha-stop)) 85.5%
    );
}
@media (min-width: 768px) {
    .globe-border {
        border-radius: 9999px;
        --angle: 145.4deg;
        --alpha-stop: 0%;
    }
}
.globe-border[data-continent="asia"] {
    --continent-color: 238 39 59;
}
.globe-border[data-continent="oceania"] {
    --continent-color: 43 167 160;
}
.globe-border[data-continent="middle-east"] {
    --continent-color: 237 200 80;
}
.globe-border[data-continent="europe"] {
    --continent-color: 106 134 214;
}
.globe-border[data-continent="americas"] {
    --continent-color: 51 154 122;
}
[data-country="singapore"] {
    left: 75.3%;
    top: 59.5%;
}
[data-country="vietnam"] {
    left: 76.5%;
    top: 53%;
}
[data-country="cambodia"] {
    left: 75.4%;
    top: 53.2%;
}
[data-country="china"] {
    left: 74.8%;
    top: 39%;
}
[data-country="thailand"] {
    left: 74.4%;
    top: 51.5%;
}
[data-country="australia"] {
    left: 83.8%;
    top: 74%;
}
[data-country="hong-kong"] {
    left: 77.9%;
    top: 47.3%;
}
[data-country="maldives"] {
    left: 66.8%;
    top: 58%;
}
[data-country="new-zealand"] {
    left: 95.3%;
    top: 83%;
}
[data-country="papua-new-guinea"] {
    left: 81.8%;
    top: 59%;
}
[data-country="brunei"] {
    left: 78.2%;
    top: 58%;
}
[data-country="india"] {
    left: 68.3%;
    top: 48%;
}
[data-country="myanmar"] {
    left: 73%;
    top: 48%;
}
[data-country="united-arab-emirates"] {
    left: 61.5%;
    top: 46.5%;
}
[data-country="taiwan"] {
    left: 79.9%;
    top: 46.7%;
}
[data-country="indonesia"] {
    left: 74.8%;
    top: 61.5%;
}
[data-country="trinidad-tobago"] {
    left: 29.3%;
    top: 55.3%;
}
[data-country="united-kingdom"] {
    left: 45.5%;
    top: 26.3%;
}
[data-country="philippines"] {
    left: 80.2%;
    top: 53%;
}
[data-country="malaysia"] {
    left: 74.6%;
    top: 58%;
}
[data-country="kuala-lumpur"] {
    left: 74.3%;
    top: 57.8%;
}
[data-country="selangor"] {
    left: 74.4%;
    top: 58.2%;
}
[data-country="perak"] {
    left: 74.2%;
    top: 57.3%;
}
[data-country="penang"] {
    left: 74%;
    top: 57.4%;
}
[data-country="johor"] {
    left: 75%;
    top: 59.2%;
}
[data-country="pahang"] {
    left: 74.7%;
    top: 58.2%;
}
[data-country="negeri-sembilan"] {
    left: 74.5%;
    top: 58.6%;
}
[data-country="melaka"] {
    left: 74.7%;
    top: 58.8%;
}
[data-country="terengganu"] {
    left: 74.8%;
    top: 57.6%;
}
[data-country="kelantan"] {
    left: 74.5%;
    top: 57.3%;
}
[data-country="sabah"] {
    left: 78.8%;
    top: 57.4%;
}
[data-country="sarawak"] {
    left: 77.8%;
    top: 59%;
}
.mask-sunway {
    -webkit-mask-image: url(/img/logo/logo.svg);
    mask-image: url(/img/logo/logo.svg);
    -webkit-mask-position: 50% 0;
    mask-position: 50% 0;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-size: contain;
    mask-size: contain;
}
@media (min-width: 768px) {
    .leader-container.is-enter img {
        opacity: 0.8;
    }
}
.leader {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    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: 3rem;
    pointer-events: none;
    position: relative;
}
@media (min-width: 768px) {
    .leader {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 0;
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset;
        padding: 0;
        pointer-events: all;
    }
}
.leader.is-hover {
    z-index: 5;
}
.leader.is-hover img {
    opacity: 1;
}
.leader img {
    --leader-scale: 1.3;
    --leader-pos-x: 0;
    margin-bottom: 1rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 65%;
    -webkit-transition: all var(--ease-out-expo, ease-out) 0.3s;
    transition: all var(--ease-out-expo, ease-out) 0.3s;
}
@media (min-width: 768px) {
    .leader img {
        margin-bottom: 0;
        max-width: 100%;
        -webkit-transform: translateX(var(--leader-pos-x))
            scale(var(--leader-scale));
        transform: translateX(var(--leader-pos-x)) scale(var(--leader-scale));
    }
    .leader#anuar-taib img,
    .leader#rebecca img,
    .leader#tong-poh-keow img {
        --leader-pos-x: 1rem;
    }
}
.leader#chew-chee-kin {
    z-index: 1;
}
@media (max-width: 768px) {
    .leader-img {
        height: 80vw;
        margin-bottom: 1rem;
        overflow: hidden;
    }
}
.leader figcaption {
    display: block;
    width: 100%;
}
@media (min-width: 768px) {
    .leader figcaption {
        display: none;
        position: absolute;
        top: 0;
    }
    .leader:hover img {
        --leader-scale: 1.6;
    }
}
.leader .btn-see-more {
    display: block;
    margin-bottom: 1rem;
    pointer-events: fill;
}
@media (min-width: 768px) {
    .leader .btn-see-more {
        display: none;
    }
}
.leader-info {
    display: none;
}
.leader-info.is-open {
    display: block;
}
.designation-placeholder,
.name-placeholder {
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    white-space: normal;
}
@media (min-width: 768px) {
    .designation-placeholder,
    .name-placeholder {
        white-space: nowrap;
    }
}
.individual-container {
    background-color: #fff;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.2s var(--ease-out-quart, ease-out);
    transition: all 0.2s var(--ease-out-quart, ease-out);
    visibility: hidden;
    width: 100%;
    will-change: opacity;
    z-index: 10;
}
@media (max-width: 768px) {
    .individual-container {
        display: none !important;
    }
}
.individual-container.is-open {
    opacity: 1;
    pointer-events: all;
    visibility: visible;
}
.individual-img-container {
    max-height: 100%;
}
@media screen and (min-width: 1080px) {
    .individual-img-container {
        padding-top: 2rem;
    }
}
.individual-img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    max-width: 68%;
}
@media screen and (min-width: 1080px) {
    .individual-img {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
}
.individual-info {
    max-height: 270px;
    overflow-y: auto;
    padding-bottom: 1rem;
    position: relative;
}
@media (min-width: 768px) {
    .individual-info {
        max-height: 25vw;
    }
}
@media (min-width: 1200px) {
    .individual-info {
        max-height: 20vw;
    }
}
.leader-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 15;
}
.individual-container .btn-cross {
    position: absolute;
    right: 1.5rem;
    top: 1rem;
}
.investor-relations .timeline__dates-container,
.milestones .timeline__dates-container {
    bottom: auto;
    top: 50px;
}
.investor-relations .timeline__events,
.milestones .timeline__events {
    padding-bottom: 3rem;
    padding-top: 6rem;
}
.investor-relations .timeline__event,
.milestones .timeline__event {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 200px;
    padding: 0;
}
.investor-relations .timeline__event:first-child,
.milestones .timeline__event:first-child {
    margin-left: 0;
}
.investor-relations .timeline__navigation-wrapper,
.milestones .timeline__navigation-wrapper {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
.investor-relations .timeline__navigation,
.milestones .timeline__navigation {
    top: 50%;
    z-index: 2;
}
.investor-relations .timeline__navigation--prev,
.milestones .timeline__navigation--prev {
    left: 5%;
}
@media (min-width: 768px) {
    .investor-relations .timeline__navigation--prev,
    .milestones .timeline__navigation--prev {
        left: 2rem;
    }
}
.investor-relations .timeline__navigation--next,
.milestones .timeline__navigation--next {
    right: 5%;
}
@media (min-width: 768px) {
    .investor-relations .timeline__navigation--next,
    .milestones .timeline__navigation--next {
        right: 2rem;
    }
}
.investor-relations .timeline__line:before,
.milestones .timeline__line:before {
    background-color: gray;
}
.investor-relations .timeline__line [data-year]:before,
.milestones .timeline__line [data-year]:before {
    color: var(--color-primary-400);
    font-size: 1.2rem;
    font-weight: 700;
    left: 0.2rem;
    top: -2rem;
}
.investor-relations
    .timeline__line
    .timeline__line-item--active
    [data-year]:before,
.milestones .timeline__line .timeline__line-item--active [data-year]:before {
    color: var(--color-primary);
}
.investor-relations
    .timeline__line
    .timeline__line-item--active
    [data-year]:after,
.milestones .timeline__line .timeline__line-item--active [data-year]:after {
    background-color: var(--color-ci);
}
.investor-relations .timeline__line.after-past:after,
.milestones .timeline__line.after-past:after {
    width: 20%;
}
.investor-relations .timeline__date:after,
.milestones .timeline__date:after {
    background-color: gray;
    border: 0;
    border-radius: 0;
    bottom: auto;
    height: 1px;
    right: auto;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left;
    width: 3rem;
}
.investor-relations .timeline__line-item--active .timeline__date:after,
.milestones .timeline__line-item--active .timeline__date:after {
    -webkit-transform: scaleY(3) scaleX(1);
    transform: scaleY(3) scaleX(1);
}
.investor-relations
    .timeline__line-item--active
    + .swiper-slide:last-child
    a:before,
.milestones .timeline__line-item--active + .swiper-slide:last-child a:before {
    color: var(--color-primary);
}
.investor-relations
    .timeline__line-item--active
    + .swiper-slide:last-child
    a:after,
.milestones .timeline__line-item--active + .swiper-slide:last-child a:after {
    background-color: var(--color-ci);
    -webkit-transform: scaleY(3) scaleX(1);
    transform: scaleY(3) scaleX(1);
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.investor-relations .custom-position .timeline__navigation,
.milestones .custom-position .timeline__navigation {
    top: 30%;
}
.business .carousel-business,
.business .carousel-business-wrapper,
.business .carousel-section {
    -webkit-transition: height 0.5s var(--ease-out-expo, ease-out);
    transition: height 0.5s var(--ease-out-expo, ease-out);
}
.business .carousel-business {
    width: 100%;
}
@media (min-width: 768px) {
    .business .carousel-business {
        height: 100%;
    }
}
.business .carousel-business .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
@media (min-width: 768px) {
    .business .carousel-business .swiper-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.business .carousel-inner {
    background-color: #000;
    cursor: pointer;
    min-height: 50vh;
    pointer-events: none;
    -webkit-transition: none;
    transition: none;
}
@media (min-width: 768px) {
    .business .carousel-inner {
        background-color: transparent;
        height: 100%;
        pointer-events: all;
    }
}
.business .carousel-bg {
    background-position: 50%;
    height: 50vh;
    top: 0;
    -webkit-transition: top var(--ease-out-expo, ease-out) 1s;
    transition: top var(--ease-out-expo, ease-out) 1s;
}
@media (min-width: 768px) {
    .business .carousel-bg {
        background-position: top;
        height: 110%;
    }
}
.business .carousel-bg:after {
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#000),
        color-stop(70%, transparent)
    );
    background: linear-gradient(0deg, #000, transparent 70%);
    height: 110%;
}
.business .carousel-card:hover .carousel-bg {
    top: -4%;
    -webkit-transform: none;
    transform: none;
}
.business .carousel-card:hover .carousel-bg:after {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%);
}
@media (min-width: 768px) {
    .business .carousel-card:hover .carousel-bg:after {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
    }
}
.business .carousel-text {
    margin-top: -9.5rem;
    padding-bottom: 0;
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@media (max-width: 768px) {
    .business .carousel-text {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important;
    }
}
@media (min-width: 768px) {
    .business .carousel-text {
        margin-top: 0;
        padding-bottom: 1rem;
        position: absolute;
        -webkit-transform: translateY(calc(100% - 11rem));
        transform: translateY(calc(100% - 11rem));
    }
}
.business .carousel-card:hover .carousel-text {
    margin-top: -8.5rem;
}
@media (min-width: 768px) {
    .business .carousel-card:hover .carousel-text {
        margin-top: 0;
        -webkit-transform: translateY(calc(100% - 12rem));
        transform: translateY(calc(100% - 12rem));
    }
}
.business .carousel-text__title {
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .business .carousel-link {
        bottom: 5rem;
    }
}
.business .btn-see-more,
.business .carousel-link,
.business .carousel-text {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
@media (min-width: 768px) {
    .business .btn-see-more,
    .business .carousel-link,
    .business .carousel-text {
        padding-left: 3rem;
        padding-right: 3rem;
    }
}
.business .btn-arrow,
.business .btn-see-more,
.business .search-pagination .next,
.business .search-pagination .prev,
.search-pagination .business .next,
.search-pagination .business .prev {
    pointer-events: fill;
}
.business .carousel-business-wrapper .btn-prev {
    display: none;
    left: 5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}
@media (min-width: 768px) {
    .business .carousel-business-wrapper .btn-prev {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.business .carousel-business-wrapper .btn-backtotop,
.business .carousel-business-wrapper .btn-next {
    display: none;
    position: absolute;
    right: 5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
}
@media (min-width: 768px) {
    .business .carousel-business-wrapper .btn-backtotop,
    .business .carousel-business-wrapper .btn-next {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.business .btn-next.swiper-button-disabled,
.business .btn-prev.swiper-button-disabled,
.business .swiper-button-disabled.btn-backtotop {
    opacity: 0 !important;
}
.business .carousel-pagination {
    bottom: 2rem;
    margin: auto;
    right: 0;
    top: auto;
    width: 60%;
}
.business .carousel-pagination.swiper-pagination-progressbar {
    background-color: hsla(0, 0%, 100%, 0.25);
}
.business .carousel-pagination.swiper-pagination-progressbar:after,
.business .carousel-pagination.swiper-pagination-progressbar:before {
    color: #fff;
}
.business .carousel-pagination .swiper-pagination-progressbar-fill {
    background-color: #fff;
}
.business .carousel-content {
    display: none;
}
.business .carousel-content.is-open {
    display: block;
    position: relative;
}
.business .carousel-content [class*="col-"]:last-child .icon-item {
    margin-bottom: 0;
}
@media (max-width: 768px) {
    .business .overbox-container {
        display: none !important;
    }
    .business .carousel-bg,
    .business .carousel-inner,
    .business .carousel-text {
        -webkit-transform: none !important;
        transform: none !important;
    }
    .business .carousel-text {
        opacity: 1 !important;
        visibility: visible !important;
    }
}
.border-sdg-goals {
    background: linear-gradient(
        243.79deg,
        #e5243b 2.76%,
        #dda83a 23.25%,
        #4c9f38 36.51%,
        #c5192d 49.55%,
        #ff3a21 62.83%,
        #26bde2 74.65%,
        #fcc30b 94.18%
    );
}
.corporate-sustainability .img-bg-footer {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 400%;
}
@media (min-width: 568px) {
    .corporate-sustainability .img-bg-footer {
        width: 300%;
    }
}
@media (min-width: 768px) {
    .corporate-sustainability .img-bg-footer {
        width: 200%;
    }
}
@media (min-width: 992px) {
    .corporate-sustainability .img-bg-footer {
        width: 100%;
    }
}
.corporate-sustainability .modal__close {
    right: 1.6rem;
    top: 2.5rem;
}
@media (max-width: 768px) {
    .corporate-sustainability .modal__close {
        right: 1rem;
        top: 2rem;
    }
}
[data-hightlight-text] {
    --underline-width: 1lh;
    --underline-block-width: 100%;
    --underline-color: hsla(0, 0%, 44%, 0.4);
}
[data-hightlight-text] p > span {
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            from(var(--tw-gradient-stops))
        ),
        -webkit-gradient(linear, left top, right top, from(var(--tw-gradient-stops))),
        -webkit-gradient(linear, left top, right top, from(var(--underline-color)), to(var(--underline-color)));
    background-image: linear-gradient(to right, var(--tw-gradient-stops)),
        linear-gradient(to right, var(--tw-gradient-stops)),
        linear-gradient(90deg, var(--underline-color), var(--underline-color));
    background-position-x: 0;
    background-position-y: 100%;
    background-repeat: no-repeat;
    background-size: var(--underline-block-width) var(--underline-width),
        var(--underline-block-width) var(--underline-width),
        100% var(--underline-width);
}
.is-overlap-center:first-child {
    grid-column-start: 8;
    grid-row-start: 1;
}
.is-overlap-center:nth-child(2) {
    grid-column-start: 6;
    grid-row-start: 2;
}
.is-overlap-center:nth-child(3) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column-start: 8;
    grid-row-start: 2;
}
[data-gallery-count="2"] > :first-child img {
    margin-top: 2.5rem;
}
@media (min-width: 568px) {
    [data-gallery-count="2"] > :first-child img {
        margin-top: 6rem;
    }
}
[data-gallery-count="2"] .is-overlap-center:first-child img {
    margin-top: 1.25rem;
}
@media (min-width: 568px) {
    [data-gallery-count="2"] .is-overlap-center:first-child img {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }
}
[data-gallery-count="2"] .is-overlap-center:nth-child(2) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-row-start: 1;
}
.investor-relations .carousel-text__title.text-lg {
    font-size: 2rem;
}
@media (min-width: 768px) {
    .investor-relations .carousel-text__title.text-lg {
        font-size: 4rem;
    }
}
.investor-relations.has-iframe {
    overflow: hidden;
}
.investor-relations iframe {
    border: none;
    min-height: 100vh;
    width: 100%;
}
.stock-update {
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 100%;
}
@media (min-width: 992px) {
    .stock-update {
        left: 0;
        right: auto;
        text-align: left;
    }
}
@media (min-width: 1200px) {
    .stock-update {
        left: 1.5rem;
    }
}
.stock-update__text {
    font-size: 0.8rem;
}
.stock-value {
    margin: 0 1rem 0 2rem;
    min-width: 140px;
}
.stock-value__price {
    font-size: 3.5rem;
    line-height: 1;
    margin-bottom: 0;
}
.stock-value__rate {
    display: inline-block;
    position: relative;
}
.stock-value__rate.rate-down,
.stock-value__rate.rate-up {
    padding-left: 1rem;
    position: relative;
}
.stock-value__rate.rate-down:before,
.stock-value__rate.rate-up:before {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    top: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
}
.stock-value__rate.rate-up {
    color: var(--success);
}
.stock-value__rate.rate-up:before {
    border-bottom: 5px solid var(--success);
}
.stock-value__rate.rate-down {
    color: var(--danger);
}
.stock-value__rate.rate-down:before {
    border-top: 5px solid var(--danger);
}
.stock-performance h4 {
    font-size: 1.2rem;
}
@media (min-width: 768px) {
    .stock-performance h4 {
        font-size: 1.5rem;
    }
}
.investor-relations .carousel-wrapper {
    position: relative;
}
.investor-relations .carousel-pagination {
    bottom: 1rem;
    margin: auto;
    right: 0;
    top: auto;
    width: 60%;
}
.investor-relations .carousel-wrapper .btn-prev {
    left: 1rem;
    position: absolute;
    top: 45%;
    z-index: 5;
}
@media screen and (min-width: 1300px) {
    .investor-relations .carousel-wrapper .btn-prev {
        left: 5rem;
    }
}
.investor-relations .carousel-wrapper .btn-backtotop,
.investor-relations .carousel-wrapper .btn-next {
    position: absolute;
    right: 1rem;
    top: 45%;
    z-index: 5;
}
@media screen and (min-width: 1300px) {
    .investor-relations .carousel-wrapper .btn-backtotop,
    .investor-relations .carousel-wrapper .btn-next {
        right: 5rem;
    }
}
.announcement-item {
    margin-bottom: 1rem;
    margin-top: 1rem;
}
.structure,
.structure-item {
    position: relative;
}
.structure-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    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;
    margin-bottom: 0;
}
@media (min-width: 768px) {
    .structure-item {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.structure-item img {
    margin-bottom: 1rem;
    margin-right: 1rem;
    max-width: 70px;
}
@media (min-width: 768px) {
    .structure-item img {
        margin-bottom: 0;
    }
}
.structure__percentage {
    position: absolute;
}
.horizontal-line,
.label-collaboration .hline:after,
.label-collaboration .hline:before,
.strucutre__bu .structure-item:before,
.strucutre__bu:after,
.strucutre__investment .dotted-line-horizontal,
.strucutre__logo .dotted-line-horizontal,
.strucutre__management:after {
    background-color: var(--color-primary);
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
}
.label-collaboration .vline:after,
.label-collaboration .vline:before,
.strucutre__bu .dotted-line-vertical,
.strucutre__bu .solid-line-vertical--cover,
.strucutre__bu .solid-line-vertical--mobile,
.strucutre__bu .structure-item:after,
.strucutre__investment .dotted-line-vertical,
.strucutre__logo .dotted-line-vertical,
.strucutre__logo:after,
.strucutre__logo:before,
.strucutre__management .structure-item:after,
.vertical-line {
    background-color: var(--color-primary);
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 1px;
}
.strucutre__management {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: auto;
    padding: 2rem 0;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .strucutre__management {
        width: 80%;
    }
}
.strucutre__management:after {
    content: "";
    width: 50%;
}
.strucutre__management .structure-item:after {
    content: "";
    height: 2rem;
}
.strucutre__management .structure-item:first-child .structure__percentage {
    left: 53%;
    top: 105%;
}
.strucutre__management .structure-item:last-child .structure__percentage {
    right: 53%;
    top: 105%;
}
.strucutre__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0;
    padding: 2.5rem 0;
    position: relative;
}
.strucutre__logo:before {
    content: "";
    height: 2rem;
    top: 0;
}
.strucutre__logo:after {
    bottom: 0;
    content: "";
    height: 2rem;
    top: auto;
}
.strucutre__logo .dotted-line-horizontal {
    background-color: transparent;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#000),
        color-stop(50%, #000),
        color-stop(0, transparent),
        to(transparent)
    );
    background-image: linear-gradient(
        90deg,
        #000,
        #000 50%,
        transparent 0,
        transparent
    );
    background-size: 20px 1px;
    right: auto;
    top: 50%;
    width: 20%;
}
@media (min-width: 768px) {
    .strucutre__logo .dotted-line-horizontal {
        left: -1rem;
    }
}
@media (min-width: 568px) {
    .strucutre__logo .dotted-line-horizontal {
        width: 29%;
    }
}
@media (min-width: 768px) {
    .strucutre__logo .dotted-line-horizontal {
        width: 39%;
    }
}
@media (min-width: 992px) {
    .strucutre__logo .dotted-line-horizontal {
        width: 42%;
    }
}
.strucutre__logo .dotted-line-vertical {
    background-color: transparent;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000),
        color-stop(50%, #000),
        color-stop(0, transparent),
        to(transparent)
    );
    background-image: linear-gradient(
        180deg,
        #000,
        #000 50%,
        transparent 0,
        transparent
    );
    background-size: 1px 20px;
    height: 100%;
    right: auto;
    top: 50%;
}
@media (min-width: 768px) {
    .strucutre__logo .dotted-line-vertical {
        left: -1rem;
    }
}
.strucutre__bu {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: auto;
    padding: 2rem 0;
    position: relative;
    width: 100%;
}
@media (min-width: 768px) {
    .strucutre__bu {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}
.strucutre__bu:after {
    content: "";
    left: 16.6%;
    right: auto;
    top: 0;
    width: 33.6%;
}
@media (min-width: 768px) {
    .strucutre__bu:after {
        left: 0;
        right: 0;
        width: 66.8%;
    }
}
.strucutre__bu .structure-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 1rem;
    width: 71.3%;
}
@media (min-width: 768px) {
    .strucutre__bu .structure-item {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
}
.strucutre__bu .structure-item .structure__percentage {
    left: -1.3rem;
    right: auto;
    top: 2rem;
}
@media (min-width: 568px) {
    .strucutre__bu .structure-item .structure__percentage {
        left: auto;
        right: 100%;
    }
}
@media (min-width: 768px) {
    .strucutre__bu .structure-item .structure__percentage {
        left: calc(50% + 0.5rem);
        right: auto;
        top: -1.5rem;
    }
}
.strucutre__bu .structure-item:before {
    content: "";
    left: auto;
    right: 100%;
    top: 1rem;
    width: 16.6%;
}
@media (min-width: 768px) {
    .strucutre__bu .structure-item:before {
        display: none;
    }
}
.strucutre__bu .structure-item:after {
    bottom: 100%;
    content: "";
    display: none;
    height: 2rem;
    top: auto;
}
@media (min-width: 768px) {
    .strucutre__bu .structure-item:after {
        display: block;
    }
}
.strucutre__bu .dotted-line-vertical {
    background-color: transparent;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000),
        color-stop(50%, #000),
        color-stop(0, transparent),
        to(transparent)
    );
    background-image: linear-gradient(
        180deg,
        #000,
        #000 50%,
        transparent 0,
        transparent
    );
    background-size: 1px 20px;
    bottom: 0;
    height: calc(100% - 3rem);
    right: auto;
    top: 0;
}
@media (min-width: 768px) {
    .strucutre__bu .dotted-line-vertical {
        left: -1rem;
    }
}
.strucutre__bu .solid-line-vertical--mobile {
    height: 90%;
    left: 16.6%;
    right: auto;
    top: 0;
}
@media (min-width: 768px) {
    .strucutre__bu .solid-line-vertical--mobile {
        display: none;
    }
}
.strucutre__bu .solid-line-vertical--cover {
    background-color: #fff;
    height: 100%;
    left: calc(-17% - 0.5rem);
    right: auto;
    top: calc(1rem + 1px);
    width: 1rem;
    z-index: 1;
}
@media (min-width: 768px) {
    .strucutre__bu .solid-line-vertical--cover {
        display: none;
    }
}
.strucutre__investment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    width: 100%;
}
.strucutre__investment .structure-item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 1rem;
    width: 71.3%;
}
@media (min-width: 768px) {
    .strucutre__investment .structure-item {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .strucutre__investment .structure-item {
        padding-left: 3rem;
    }
}
@media (min-width: 1200px) {
    .strucutre__investment .structure-item {
        padding-left: 4.5rem;
    }
}
.strucutre__investment .dotted-line-horizontal {
    background-color: transparent;
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#000),
        color-stop(50%, #000),
        color-stop(0, transparent),
        to(transparent)
    );
    background-image: linear-gradient(
        90deg,
        #000,
        #000 50%,
        transparent 0,
        transparent
    );
    background-size: 20px 1px;
    right: 100%;
    top: 50%;
    width: 28%;
}
@media (min-width: 768px) {
    .strucutre__investment .dotted-line-horizontal {
        left: -1rem;
        width: 2rem;
    }
}
@media (min-width: 992px) {
    .strucutre__investment .dotted-line-horizontal {
        width: 3rem;
    }
}
@media (min-width: 1200px) {
    .strucutre__investment .dotted-line-horizontal {
        width: 4.5rem;
    }
}
.strucutre__investment .dotted-line-vertical {
    background-color: transparent;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#000),
        color-stop(50%, #000),
        color-stop(0, transparent),
        to(transparent)
    );
    background-image: linear-gradient(
        180deg,
        #000,
        #000 50%,
        transparent 0,
        transparent
    );
    background-size: 1px 20px;
    bottom: 50%;
    height: 100%;
    right: auto;
    top: auto;
}
@media (min-width: 768px) {
    .strucutre__investment .dotted-line-vertical {
        left: -1rem;
    }
}
.strucutre__investment .structure__percentage {
    right: calc(100% + 2rem);
    top: 70%;
}
@media (min-width: 768px) {
    .strucutre__investment .structure__percentage {
        right: calc(100% - 1rem);
    }
}
@media (min-width: 992px) {
    .strucutre__investment .structure__percentage {
        right: calc(100% - 1.5rem);
    }
}
@media (min-width: 1200px) {
    .strucutre__investment .structure__percentage {
        right: calc(100% - 2.5rem);
    }
}
.investor-relations .timeline__line--bullet li:before,
.investor-relations .timeline__line--bullet:before {
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
}
.investor-relations .timeline__line--bullet [data-year]:before {
    left: 0;
    top: 0;
    width: 2rem;
    z-index: 1;
    --tw-translate-y: -50%;
    font-size: 0.875rem;
    line-height: 1.25rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.investor-relations .timeline__line--bullet [data-year] p a:only-child:before {
    color: #fff;
}
.modal__content.investor-relations
    .timeline__line--bullet
    [data-year]
    p
    a:only-child:before {
    color: #fff;
    font-weight: 700;
    margin-top: 1rem;
    max-width: 95%;
}
.investor-relations .timeline__line--bullet .timeline__date:after {
    height: 2rem;
    width: 2rem;
    --tw-translate-y: -50%;
    border-radius: 9999px;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-bg-opacity: 1;
    background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));
}
.investor-relations
    .timeline__line--bullet
    .timeline__line-item--active
    [data-year]:before {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.investor-relations
    .timeline__line--bullet
    .timeline__line-item--active
    [data-year]
    p
    a:only-child:before {
    color: #fff;
}
.modal__content.investor-relations
    .timeline__line--bullet
    .timeline__line-item--active
    [data-year]
    p
    a:only-child:before {
    color: #fff;
    font-weight: 700;
    margin-top: 1rem;
    max-width: 95%;
}
.investor-relations
    .timeline__line--bullet
    .timeline__line-item--active
    .timeline__date:after {
    --tw-translate-y: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.investor-relations .timeline__dates-container {
    top: 110px;
}
.investor-relations .timeline__event--calendar {
    min-height: 100px;
}
@media (min-width: 768px) {
    .investor-relations .timeline__event--calendar {
        min-height: 200px;
    }
}
.infographic-container .icon-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
}
.infographic-container .icon-item:after {
    background-color: var(--color-primary);
    content: "";
    height: calc(100% - 80px + 2rem);
    left: 40px;
    position: absolute;
    top: 80px;
    width: 1px;
}
@media (min-width: 768px) {
    .infographic-container .icon-item:after {
        background-color: var(--color-primary);
        height: 1px;
        left: calc(50% + 50px);
        position: absolute;
        top: 50px;
        width: calc(100% - 100px);
    }
}
@media (min-width: 992px) {
    .infographic-container .icon-item:after {
        height: 1px;
        left: calc(50% + 60px);
        top: 60px;
        width: calc(100% - 120px);
    }
}
.infographic-container .icon-item:last-child:after {
    display: none;
}
@media (min-width: 768px) {
    .infographic-container .icon-item__img {
        margin-right: 0;
    }
}
.infographic-container .icon-item__info {
    max-height: 80px;
    max-width: 90%;
}
@media (min-width: 768px) {
    .infographic-container .icon-item__info {
        max-height: 120px;
    }
}
.label-collaboration {
    left: 0;
    position: absolute;
    text-align: center;
    top: 2rem;
    -webkit-transform: rotate(-90deg) translateX(-100%);
    transform: rotate(-90deg) translateX(-100%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 340px;
}
@media (min-width: 768px) {
    .label-collaboration {
        max-width: none;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 55%;
    }
}
@media (min-width: 992px) {
    .label-collaboration {
        width: 50%;
    }
}
.label-collaboration .hline:before {
    content: "";
    left: 16.5%;
    right: auto;
    top: 50%;
    width: 5%;
}
@media (min-width: 992px) {
    .label-collaboration .hline:before {
        width: 10%;
    }
}
.label-collaboration .hline:after {
    content: "";
    left: auto;
    right: 16.5%;
    top: 50%;
    width: 5%;
}
@media (min-width: 992px) {
    .label-collaboration .hline:after {
        width: 10%;
    }
}
.label-collaboration .vline:before {
    content: "";
    height: 1rem;
    left: 16.5%;
    right: auto;
    top: 50%;
}
.label-collaboration .vline:after {
    content: "";
    height: 1rem;
    left: auto;
    right: 16.5%;
    top: 50%;
}
.legend-container {
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 1rem 2rem;
    position: relative;
}
.legend-container .icon-item {
    margin-right: 1rem;
}
.legend-container .icon-item:last-child {
    margin-bottom: 0;
}
.legend-container .icon-item__img {
    margin-right: 1rem;
    max-width: 44px;
}
@media (min-width: 768px) {
    .legend-container .icon-item__img {
        margin-bottom: 0;
    }
}
.calculator-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2rem;
}
.calculator-item .calculator__img {
    min-width: 40px;
}
.calculator-item .calculator__text {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    font-size: 0.9rem;
    min-width: 140px;
}
@media (min-width: 768px) {
    .calculator-item .calculator__text {
        font-size: 1rem;
    }
}
.calculator-item .calculator__input {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}
.calculator-item .calculator__input input {
    width: 100%;
}
.calculator-group-input .calculator__text {
    padding: 0 1rem;
}
@media (max-width: 568px) {
    .calculator-group-input .calculator__img {
        min-width: 30px;
    }
    .calculator-group-input .calculator__img img {
        max-width: 25px;
    }
    .calculator-group-input .calculator__text {
        padding-left: 0.5rem;
    }
}
.calculator-group-value .calculator__text {
    padding-right: 1rem;
}
.investor-agm .icon-item .btn-arrow,
.investor-agm .icon-item .search-pagination .next,
.investor-agm .icon-item .search-pagination .prev,
.investor-agm .icon-item__img,
.investor-agm .icon-item__img svg path,
.investor-agm .icon-item__info p,
.search-pagination .investor-agm .icon-item .next,
.search-pagination .investor-agm .icon-item .prev {
    -webkit-transition: all 0.3s var(--ease-out-quart, ease-out);
    transition: all 0.3s var(--ease-out-quart, ease-out);
}
.investor-agm .icon-item__img {
    height: 100px;
    margin-bottom: 1rem;
    margin-right: 0;
    width: 100px;
}
@media (min-width: 768px) {
    .investor-agm .icon-item__img {
        height: 120px;
        margin-bottom: 0;
        margin-right: 1rem;
        width: 120px;
    }
}
.investor-agm .icon-item__img svg path:not(.solid) {
    fill: #fff;
}
.investor-agm.bg-lightgray .icon-item__img svg path:not(.solid) {
    fill: var(--color-primary-50);
}
.investor-agm .icon-item__info {
    position: relative;
}
.investor-agm .icon-item .btn-arrow,
.investor-agm .icon-item .search-pagination .next,
.investor-agm .icon-item .search-pagination .prev,
.search-pagination .investor-agm .icon-item .next,
.search-pagination .investor-agm .icon-item .prev {
    margin-top: 1rem;
}
@media (min-width: 768px) {
    .investor-agm .icon-item .btn-arrow,
    .investor-agm .icon-item .search-pagination .next,
    .investor-agm .icon-item .search-pagination .prev,
    .search-pagination .investor-agm .icon-item .next,
    .search-pagination .investor-agm .icon-item .prev {
        margin-top: 0;
        opacity: 0;
        position: absolute;
        top: 100%;
    }
}
.investor-agm .icon-item:hover .icon-item__img {
    background-color: var(--color-ci);
}
.investor-agm .icon-item:hover svg path.solid:not(.solid--fixed) {
    fill: #fff;
}
.investor-agm .icon-item:hover svg path:not(.solid) {
    fill: var(--color-ci);
    stroke: #fff;
}
@media (min-width: 768px) {
    .investor-agm .icon-item:hover p:not(:only-child) {
        -webkit-transform: translateY(-0.5rem);
        transform: translateY(-0.5rem);
    }
    .investor-agm .icon-item:hover .btn-arrow,
    .investor-agm .icon-item:hover .search-pagination .next,
    .investor-agm .icon-item:hover .search-pagination .prev,
    .search-pagination .investor-agm .icon-item:hover .next,
    .search-pagination .investor-agm .icon-item:hover .prev {
        opacity: 1;
        -webkit-transform: translateY(0.5rem);
        transform: translateY(0.5rem);
    }
}
.investor-agm.bg-lightgray .icon-item:hover svg path.solid:not(.solid--fixed) {
    fill: var(--color-primary-50);
}
.investor-agm.bg-lightgray .icon-item:hover svg path:not(.solid) {
    fill: var(--color-ci);
    stroke: var(--color-primary-50);
}
.form-email-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}
.form-email-wrapper form {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
}
#form-email-alerts button,
#form-email-unsubscribe button,
#form-requisition button {
    padding: 1rem 0.75rem;
}
#form-email-alerts.is-toggle {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
#form-email-unsubscribe {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
#form-email-unsubscribe.is-toggle {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}
@media (min-width: 768px) {
    #form-requisition {
        grid-template-areas: "title title" "name name" ". ." ". ." "remark remark" "checkbox checkbox" "submit clear";
    }
}
#form-requisition [data-checkbox] {
    grid-area: checkbox;
}
#form-requisition [data-clear] {
    grid-area: clear;
}
.career-home .landing-bg {
    opacity: 1;
    visibility: visible;
}
.career-home .landing-bg .section-bg {
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(#fff),
        to(#dfebf4)
    ) !important;
    background-image: linear-gradient(0deg, #fff, #dfebf4) !important;
}
.career-home .landing-bg .section-bg img {
    opacity: 0 !important;
}
.page-media a.gallery-item {
    color: var(--color-primary);
    cursor: pointer;
}
.page-media a.gallery-item:hover {
    color: var(--color-ci);
    text-decoration: none;
}
.page-media a.gallery-item:hover svg path:first-child {
    fill: red;
}
.page-media .gallery-item__title {
    font-size: 1.1rem;
}
.page-media .gallery-item__img {
    overflow: hidden;
    position: relative;
}
.page-media .gallery-item__img img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
}
.page-media .gallery-item__play {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}
.page-media .gallery-item__play svg path {
    -webkit-transition: fill 0.3s ease;
    transition: fill 0.3s ease;
}
.gallery-wrapper {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
}
@media (min-width: 768px) {
    .gallery-wrapper {
        gap: 2rem;
    }
}
.logo-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #d3d3d3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 170px;
    padding: 2rem;
}
.grid-press-release {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
@media (min-width: 992px) {
    .grid-press-release {
        grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    }
}
.grid-press-release .carousel-text__title {
    font-size: 1rem;
}
@media (min-width: 768px) {
    .grid-press-release .carousel-text,
    .media-pr-carousel .carousel-text {
        -webkit-transform: translateY(-1rem);
        transform: translateY(-1rem);
    }
}
.grid-press-release .carousel-text__title,
.media-pr-carousel .carousel-text__title {
    text-transform: none;
}
@media (min-width: 768px) {
    .media-pr-carousel .carousel-card:hover .carousel-text {
        -webkit-transform: translateY(-2rem);
        transform: translateY(-2rem);
    }
    .grid-press-release .carousel-card:hover .carousel-text {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.page-media .carousel-wrapper {
    position: relative;
}
.page-media .carousel-pagination {
    bottom: 1rem;
    margin: auto;
    right: 0;
    top: auto;
    width: 60%;
}
.press-release__content aside {
    -ms-flex-item-align: start;
    align-self: flex-start;
    position: sticky;
    top: 0;
}
.press-release__content .aside-item {
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}
.press-release__content .aside-item:last-child {
    border-bottom: none;
}
.press-release__content .aside-img {
    max-width: 50%;
}
.press-release__content .aside-title {
    color: var(--color-primary);
    font-size: 0.9rem;
    padding-left: 1rem;
}
.press-release__content .img-border {
    border: 1px solid #d3d3d3;
}
.press-release__content .aside-item:hover {
    text-decoration: none;
}
.press-release__content .aside-item:hover .aside-title {
    color: var(--color-ci);
}
.social-media {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}
.social-media-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 100px;
    position: relative;
}
@media (min-width: 768px) {
    .social-media-item {
        padding-left: 130px;
    }
}
@media (min-width: 992px) {
    .social-media-item {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-left: 0;
        width: clamp(230px, 50%, 250px);
    }
}
.social-media-item svg {
    height: 80px;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 80px;
}
@media (min-width: 768px) {
    .social-media-item svg {
        height: 105px;
        width: 105px;
    }
}
@media (min-width: 992px) {
    .social-media-item svg {
        height: 120px;
        width: 120px;
    }
}
.social-media-item svg path {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.social-media-item svg path.fill-white {
    fill: #fff;
}
.social-media-item figcaption {
    min-width: 160px;
    position: relative;
}
@media (min-width: 992px) {
    .social-media-item figcaption {
        padding-top: 4rem;
    }
}
.social-media-item__type {
    font-size: 1.2rem;
    font-weight: 700;
}
.social-media-item__name {
    font-size: 0.8rem;
}
@media (min-width: 768px) {
    .social-media-item__name {
        font-size: 1rem;
    }
}
.social-media-item:hover .social-media-item__type {
    color: var(--color-primary) !important;
}
.social-media-item:hover svg {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}
@media (min-width: 768px) {
    #icon-facebook svg path:not(.fill-white),
    #icon-instagram svg path:not(.fill-white),
    #icon-linkedin svg path:not(.fill-white),
    #icon-tik-tok svg path:not(.fill-white),
    #icon-wechat svg path:not(.fill-white),
    #icon-weibo svg path:not(.fill-white),
    #icon-youtube svg path:not(.fill-white) {
        fill: #e3e3e3;
    }
}
#icon-facebook .social-media-item__type {
    color: var(--color-facebook);
}
#icon-facebook:hover svg path:not(.fill-white) {
    fill: url(#fb-linear-gradient);
}
#icon-instagram .social-media-item__type {
    color: var(--color-instagram);
}
#icon-instagram:hover svg path:not(.fill-white) {
    fill: url(#ig-linear-gradient);
}
#icon-linkedin .social-media-item__type {
    color: var(--color-linkedin);
}
#icon-linkedin:hover svg path:not(.fill-white) {
    fill: url(#li-linear-gradient);
}
#icon-youtube .social-media-item__type {
    color: var(--color-youtube);
}
#icon-youtube:hover svg path:not(.fill-white) {
    fill: url(#yt-linear-gradient);
}
#icon-weibo .social-media-item__type {
    color: var(--color-weibo);
}
#icon-weibo:hover svg path:not(.fill-white) {
    fill: url(#weibo-linear-gradient);
}
#icon-wechat .social-media-item__type {
    color: var(--color-wechat);
}
#icon-wechat:hover svg path:not(.fill-white) {
    fill: url(#wechat-linear-gradient);
}
#icon-tik-tok .social-media-item__type {
    color: var(--color-tik-tok);
}
#icon-tik-tok:hover svg path:not(.fill-white) {
    fill: var(--color-tik-tok);
}
@media (min-width: 768px) {
    [data-social-total="2"] .social-media-item:nth-child(2) {
        grid-column: 3;
    }
}
#section-getintouch [class*="col-"]:first-child .carousel-bg {
    background-position: center right 15%;
}
#section-getintouch [class*="col-"]:nth-child(3) .carousel-bg {
    background-position: center right 25%;
}
@media (max-width: 768px) {
    #section-getintouch .carousel-inner {
        max-height: 200px;
    }
}
#section-getintouch .carousel-text {
    padding-bottom: 2rem;
}
#section-getintouch .carousel-text__title {
    font-size: 1.2rem;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
@media (min-width: 1600px) {
    #section-getintouch .carousel-text__title {
        font-size: 1.2rem;
    }
}
@media (min-width: 768px) {
    #section-getintouch .carousel-link {
        font-size: 0.8rem;
    }
}
@media (min-width: 992px) {
    #section-getintouch .carousel-link {
        font-size: 1rem;
    }
}
#section-getintouch .carousel-card:hover .carousel-text {
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
}
@media (max-width: 568px) {
    #section-getintouch .mobile--5by2 {
        height: 40vw;
    }
}
.form-container {
    display: none;
}
.form-container.is-open {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: fadeUp 0.6s var(--ease-in-out-quart, ease-in-out);
    animation: fadeUp 0.6s var(--ease-in-out-quart, ease-in-out);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.form-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 (min-width: 768px) {
    .form-contact {
        display: grid;
        gap: 1rem;
        grid-template-areas: "title title" "name name" ". ." "remark remark" "submit submit";
        grid-template-columns: 1fr 1fr;
    }
    .form-contact .form-title {
        grid-area: title;
    }
    .form-contact [data-name] {
        grid-area: name;
    }
    .form-contact [data-remark] {
        grid-area: remark;
    }
    .form-contact [data-submit] {
        grid-area: submit;
    }
}
.form-contact input,
.form-contact select,
.form-contact textarea {
    margin-bottom: 1rem;
}
@media (min-width: 768px) {
    .form-contact input,
    .form-contact select,
    .form-contact textarea {
        margin-bottom: 0;
    }
}
.form-contact input::-webkit-input-placeholder,
.form-contact textarea::-webkit-input-placeholder {
    font-style: italic;
}
.form-contact input::-moz-placeholder,
.form-contact textarea::-moz-placeholder {
    font-style: italic;
}
.form-contact input:-ms-input-placeholder,
.form-contact textarea:-ms-input-placeholder {
    font-style: italic;
}
.form-contact input::-ms-input-placeholder,
.form-contact textarea::-ms-input-placeholder {
    font-style: italic;
}
.form-contact input::placeholder,
.form-contact textarea::placeholder {
    font-style: italic;
}
@media (min-width: 568px) {
    .sm\:aspect-h-3 {
        --tw-aspect-h: 3;
    }
    .sm\:container {
        max-width: 100%;
    }
    @media (min-width: 568px) {
        .sm\:container {
            max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .sm\:container {
            max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .sm\:container {
            max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .sm\:container {
            max-width: 1140px;
        }
    }
    .sm\:mask-image-t {
        --fade-amount: 20%;
        -webkit-mask-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#000),
            color-stop(#000),
            color-stop(#000),
            to(transparent)
        );
        -webkit-mask-image: linear-gradient(
            to top,
            #000,
            #000 var(--fade-amount),
            #000 calc(100% - var(--fade-amount)),
            transparent
        );
        mask-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            from(#000),
            color-stop(#000),
            color-stop(#000),
            to(transparent)
        );
        mask-image: linear-gradient(
            to top,
            #000,
            #000 var(--fade-amount),
            #000 calc(100% - var(--fade-amount)),
            transparent
        );
    }
    .sm\:mask-image-none {
        -webkit-mask-image: none;
        mask-image: none;
    }
    .sm\:container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }
    @media (min-width: 768px) {
        .sm\:container {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
}
@media (min-width: 768px) {
    .md\:aspect-h-16 {
        --tw-aspect-h: 16;
    }
    .md\:aspect-h-2 {
        --tw-aspect-h: 2;
    }
    .md\:aspect-h-3 {
        --tw-aspect-h: 3;
    }
    .md\:aspect-h-4 {
        --tw-aspect-h: 4;
    }
    .md\:aspect-h-5 {
        --tw-aspect-h: 5;
    }
    .md\:aspect-h-7 {
        --tw-aspect-h: 7;
    }
    .md\:aspect-h-8 {
        --tw-aspect-h: 8;
    }
    .md\:aspect-h-\[8\.3\] {
        --tw-aspect-h: 8.3;
    }
    .md\:aspect-w-10 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 10;
    }
    .md\:aspect-w-10 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .md\:aspect-w-16 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 16;
    }
    .md\:aspect-w-16 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .md\:aspect-w-3 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 3;
    }
    .md\:aspect-w-3 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .md\:aspect-w-4 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 4;
    }
    .md\:aspect-w-4 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .md\:aspect-w-5 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 5;
    }
    .md\:aspect-w-5 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .md\:aspect-w-7 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 7;
    }
    .md\:aspect-w-7 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .md\:aspect-none {
        padding-bottom: 0;
        position: static;
    }
    .md\:aspect-none > * {
        bottom: auto;
        height: auto;
        left: auto;
        position: static;
        right: auto;
        top: auto;
        width: auto;
    }
    .md\:container {
        max-width: 100%;
    }
    @media (min-width: 568px) {
        .md\:container {
            max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .md\:container {
            max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .md\:container {
            max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .md\:container {
            max-width: 1140px;
        }
    }
    .md\:grid-dynamic-split {
        display: grid;
        grid-template-columns:
            minmax(var(--split-padding-inline), 1fr) minmax(
                0,
                calc(var(--split-max-width) * var(--split-left-span))
            )
            minmax(0, calc(var(--split-max-width) * var(--split-right-span)))
            minmax(var(--split-padding-inline), 1fr);
    }
    @media (min-width: 568px) {
        .md\:grid-dynamic-split > * {
            padding-inline: var(--split-padding-inline);
        }
        .md\:grid-dynamic-split {
            --split-max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .md\:grid-dynamic-split {
            --split-padding-inline: 1rem;
            --split-max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .md\:grid-dynamic-split {
            --split-max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .md\:grid-dynamic-split {
            --split-max-width: 1140px;
        }
    }
    .md\:container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }
    @media (min-width: 768px) {
        .md\:container {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
}
@media (min-width: 992px) {
    .lg\:aspect-h-1 {
        --tw-aspect-h: 1;
    }
    .lg\:aspect-h-3 {
        --tw-aspect-h: 3;
    }
    .lg\:aspect-h-5 {
        --tw-aspect-h: 5;
    }
    .lg\:aspect-h-\[7\.5\] {
        --tw-aspect-h: 7.5;
    }
    .lg\:aspect-w-1 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 1;
    }
    .lg\:aspect-w-1 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .lg\:aspect-w-8 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 8;
    }
    .lg\:aspect-w-8 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .lg\:aspect-none {
        padding-bottom: 0;
        position: static;
    }
    .lg\:aspect-none > * {
        bottom: auto;
        height: auto;
        left: auto;
        position: static;
        right: auto;
        top: auto;
        width: auto;
    }
    .lg\:container {
        max-width: 100%;
    }
    @media (min-width: 568px) {
        .lg\:container {
            max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .lg\:container {
            max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .lg\:container {
            max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .lg\:container {
            max-width: 1140px;
        }
    }
    .lg\:grid-dynamic-split {
        display: grid;
        grid-template-columns:
            minmax(var(--split-padding-inline), 1fr) minmax(
                0,
                calc(var(--split-max-width) * var(--split-left-span))
            )
            minmax(0, calc(var(--split-max-width) * var(--split-right-span)))
            minmax(var(--split-padding-inline), 1fr);
    }
    @media (min-width: 568px) {
        .lg\:grid-dynamic-split > * {
            padding-inline: var(--split-padding-inline);
        }
        .lg\:grid-dynamic-split {
            --split-max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .lg\:grid-dynamic-split {
            --split-padding-inline: 1rem;
            --split-max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .lg\:grid-dynamic-split {
            --split-max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .lg\:grid-dynamic-split {
            --split-max-width: 1140px;
        }
    }
    .lg\:container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }
    @media (min-width: 768px) {
        .lg\:container {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
}
@media (min-width: 1200px) {
    .xl\:aspect-h-6 {
        --tw-aspect-h: 6;
    }
    .xl\:aspect-w-6 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 6;
    }
    .xl\:aspect-w-6 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .xl\:aspect-w-9 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 9;
    }
    .xl\:aspect-w-9 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .xl\:container {
        max-width: 100%;
    }
    @media (min-width: 568px) {
        .xl\:container {
            max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .xl\:container {
            max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .xl\:container {
            max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .xl\:container {
            max-width: 1140px;
        }
    }
    .xl\:container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }
    @media (min-width: 768px) {
        .xl\:container {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
}
@media (min-width: 1366px) {
    .\32xl\:aspect-w-7 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 7;
    }
    .\32xl\:aspect-w-7 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
}
@media (min-width: 1600px) {
    .\33xl\:aspect-w-9 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 9;
    }
    .\33xl\:aspect-w-9 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .ipad-pro-portrait\:aspect-h-4 {
        --tw-aspect-h: 4;
    }
    .ipad-pro-portrait\:aspect-w-7 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 7;
    }
    .ipad-pro-portrait\:aspect-w-7 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
}
@media (max-width: 768px) {
    .max-md\:aspect-h-8 {
        --tw-aspect-h: 8;
    }
    .max-md\:aspect-w-7 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 7;
    }
    .max-md\:aspect-w-7 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .max-md\:container {
        max-width: 100%;
    }
    @media (min-width: 568px) {
        .max-md\:container {
            max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .max-md\:container {
            max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .max-md\:container {
            max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .max-md\:container {
            max-width: 1140px;
        }
    }
    .max-md\:container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }
    @media (min-width: 768px) {
        .max-md\:container {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
}
@media (max-width: 992px) {
    .max-lg\:aspect-h-1 {
        --tw-aspect-h: 1;
    }
    .max-lg\:aspect-h-4 {
        --tw-aspect-h: 4;
    }
    .max-lg\:aspect-w-1 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 1;
    }
    .max-lg\:aspect-w-1 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .max-lg\:aspect-w-3 {
        padding-bottom: calc(var(--tw-aspect-h) / var(--tw-aspect-w) * 100%);
        position: relative;
        --tw-aspect-w: 3;
    }
    .max-lg\:aspect-w-3 > * {
        bottom: 0;
        height: 100%;
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
    }
    .max-lg\:container {
        max-width: 100%;
    }
    @media (min-width: 568px) {
        .max-lg\:container {
            max-width: 540px;
        }
    }
    @media (min-width: 768px) {
        .max-lg\:container {
            max-width: 720px;
        }
    }
    @media (min-width: 992px) {
        .max-lg\:container {
            max-width: 960px;
        }
    }
    @media (min-width: 1200px) {
        .max-lg\:container {
            max-width: 1140px;
        }
    }
    .max-lg\:container {
        margin-left: auto;
        margin-right: auto;
        padding-left: 2rem;
        padding-right: 2rem;
        width: 100%;
    }
    @media (min-width: 768px) {
        .max-lg\:container {
            padding-left: 1rem;
            padding-right: 1rem;
        }
    }
}
.placeholder\:text-white\/30::-webkit-input-placeholder {
    color: hsla(0, 0%, 100%, 0.3);
}
.placeholder\:text-white\/30::-moz-placeholder {
    color: hsla(0, 0%, 100%, 0.3);
}
.placeholder\:text-white\/30:-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.3);
}
.placeholder\:text-white\/30::-ms-input-placeholder {
    color: hsla(0, 0%, 100%, 0.3);
}
.placeholder\:text-white\/30::placeholder {
    color: hsla(0, 0%, 100%, 0.3);
}
.before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
}
.before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
}
.before\:inset-0:before {
    content: var(--tw-content);
    inset: 0;
}
.before\:inset-y-0:before {
    top: 0;
}
.before\:bottom-0:before,
.before\:inset-y-0:before {
    bottom: 0;
    content: var(--tw-content);
}
.before\:left-0:before {
    content: var(--tw-content);
    left: 0;
}
.before\:top-0:before {
    content: var(--tw-content);
    top: 0;
}
.before\:isolate:before {
    content: var(--tw-content);
    isolation: isolate;
}
.before\:my-auto:before {
    content: var(--tw-content);
    margin-bottom: auto;
    margin-top: auto;
}
.before\:h-\[calc\(100\%-0\.5rem\)\]:before {
    content: var(--tw-content);
    height: calc(100% - 0.5rem);
}
.before\:h-full:before {
    content: var(--tw-content);
    height: 100%;
}
.before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
}
.before\:w-4:before {
    content: var(--tw-content);
    width: 1rem;
}
.before\:w-\[--toggle-button-width\]:before {
    content: var(--tw-content);
    width: var(--toggle-button-width);
}
.before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
}
.before\:translate-x-\[--toggle-button-left\]:before {
    --tw-translate-x: var(--toggle-button-left);
}
.before\:scale-0:before,
.before\:translate-x-\[--toggle-button-left\]:before {
    content: var(--tw-content);
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.before\:scale-0:before {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
}
.before\:rounded-full:before {
    border-radius: 9999px;
    content: var(--tw-content);
}
.before\:bg-ci:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
}
.before\:bg-primary\/10:before {
    background-color: rgba(51, 51, 51, 0.1);
    content: var(--tw-content);
}
.before\:bg-primary\/50:before {
    background-color: rgba(51, 51, 51, 0.5);
    content: var(--tw-content);
}
.before\:bg-white:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.before\:bg-yale-blue:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(11 80 147 / var(--tw-bg-opacity, 1));
}
.before\:bg-zinc-100:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
}
.before\:backdrop-blur-lg:before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(16px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
        var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
        var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
        var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
        var(--tw-backdrop-sepia);
}
.before\:transition-all:before {
    content: var(--tw-content);
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.before\:transition-transform:before {
    content: var(--tw-content);
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.before\:duration-300:before {
    content: var(--tw-content);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.before\:duration-500:before {
    content: var(--tw-content);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
.before\:ease-out-quart:before {
    content: var(--tw-content);
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.before\:will-change-transform:before {
    content: var(--tw-content);
    will-change: transform;
}
.before\:\[transform\:translateZ\(0\)\]:before {
    content: var(--tw-content);
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
}
.after\:bottom-0:after {
    bottom: 0;
    content: var(--tw-content);
}
.after\:left-0:after {
    content: var(--tw-content);
    left: 0;
}
.after\:top-0:after {
    content: var(--tw-content);
    top: 0;
}
.after\:hidden:after {
    content: var(--tw-content);
    display: none;
}
.after\:size-full:after {
    content: var(--tw-content);
    height: 100%;
    width: 100%;
}
.after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
}
.after\:w-4:after {
    content: var(--tw-content);
    width: 1rem;
}
.after\:w-full:after {
    content: var(--tw-content);
    width: 100%;
}
.after\:origin-left:after {
    content: var(--tw-content);
    -webkit-transform-origin: left;
    transform-origin: left;
}
.after\:scale-x-\[--scale-x\2c 0\]:after {
    content: var(--tw-content);
    --tw-scale-x: var(--scale-x, 0);
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.after\:bg-black\/60:after {
    background-color: rgba(0, 0, 0, 0.6);
    content: var(--tw-content);
}
.after\:bg-charcoal\/50:after {
    background-color: rgba(45, 65, 85, 0.5);
    content: var(--tw-content);
}
.after\:bg-ci:after {
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
}
.after\:bg-ci:after,
.after\:bg-white:after {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
}
.after\:bg-white:after {
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.first\:pt-0:first-child {
    padding-top: 0;
}
.last\:mb-0:last-child {
    margin-bottom: 0;
}
.last\:pb-0:last-child {
    padding-bottom: 0;
}
.focus-within\:outline-none:focus-within {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
}
.hover\:-translate-y-0\.5:hover,
.hover\:-translate-y-1:hover {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:-translate-y-1:hover {
    --tw-translate-y: -0.25rem;
}
.hover\:-translate-y-2:hover {
    --tw-translate-y: -0.5rem;
}
.hover\:-translate-y-2:hover,
.hover\:scale-110:hover {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
}
.hover\:border-current:hover {
    border-color: currentColor;
}
.hover\:border-white\/50:hover {
    border-color: hsla(0, 0%, 100%, 0.5);
}
.hover\:bg-america:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(51 154 122 / var(--tw-bg-opacity, 1));
}
.hover\:bg-ci:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
}
.hover\:bg-europe:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(106 134 214 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-200:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-middle-east:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(237 200 80 / var(--tw-bg-opacity, 1));
}
.hover\:bg-oceania:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(43 167 160 / var(--tw-bg-opacity, 1));
}
.hover\:from-\[\#FB6900\]:hover {
    --tw-gradient-from: #fb6900 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(251, 105, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-\[\#FFA200\]:hover {
    --tw-gradient-from: #ffa200 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 162, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:from-ci:hover {
    --tw-gradient-from: #ee273b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(238, 39, 59, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.hover\:to-\[\#F6BE45\]:hover {
    --tw-gradient-to: #f6be45 var(--tw-gradient-to-position);
}
.hover\:to-\[\#f35e6c\]:hover {
    --tw-gradient-to: #f35e6c var(--tw-gradient-to-position);
}
.hover\:to-\[\#ff964a\]:hover {
    --tw-gradient-to: #ff964a var(--tw-gradient-to-position);
}
.hover\:text-ci:hover {
    --tw-text-opacity: 1;
    color: rgb(238 39 59 / var(--tw-text-opacity, 1));
}
.hover\:text-white:hover {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.hover\:text-yale-blue:hover {
    --tw-text-opacity: 1;
    color: rgb(11 80 147 / var(--tw-text-opacity, 1));
}
.hover\:underline:hover {
    text-decoration-line: underline;
}
.hover\:opacity-100:hover {
    opacity: 1;
}
.hover\:before\:scale-110:hover:before {
    content: var(--tw-content);
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px;
}
.disabled\:opacity-30:disabled {
    opacity: 0.3;
}
.group:hover .group-hover\:w-8 {
    width: 2rem;
}
.group:hover .group-hover\:-translate-y-1 {
    --tw-translate-y: -0.25rem;
}
.group:hover .group-hover\:-translate-y-1,
.group:hover .group-hover\:-translate-y-full {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:-translate-y-full {
    --tw-translate-y: -100%;
}
.group:hover .group-hover\:translate-y-0 {
    --tw-translate-y: 0px;
}
.group:hover .group-hover\:scale-100,
.group:hover .group-hover\:translate-y-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
}
.group:hover .group-hover\:scale-150 {
    --tw-scale-x: 1.5;
    --tw-scale-y: 1.5;
}
.group:hover .group-hover\:scale-150,
.group:hover .group-hover\:scale-75 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group:hover .group-hover\:scale-75 {
    --tw-scale-x: 0.75;
    --tw-scale-y: 0.75;
}
.group:hover .group-hover\:border-white {
    --tw-border-opacity: 1;
    border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
}
.group:hover .group-hover\:bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.group:hover .group-hover\:bg-none {
    background-image: none;
}
.group:hover .group-hover\:\!text-ci {
    --tw-text-opacity: 1 !important;
    color: rgb(238 39 59 / var(--tw-text-opacity, 1)) !important;
}
.group:hover .group-hover\:text-\[--theme-color\] {
    color: var(--theme-color);
}
.group:hover .group-hover\:text-ci {
    --tw-text-opacity: 1;
    color: rgb(238 39 59 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group:hover .group-hover\:\!opacity-100 {
    opacity: 1 !important;
}
.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}
.group:hover .group-hover\:shadow-\[0_5px_6px\] {
    --tw-shadow: 0 5px 6px;
    --tw-shadow-colored: 0 5px 6px var(--tw-shadow-color);
}
.group:hover .group-hover\:shadow-\[0_5px_6px\],
.group:hover .group-hover\:shadow-md {
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
        var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.group:hover .group-hover\:shadow-md {
    --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color),
        0 2px 4px -2px var(--tw-shadow-color);
}
.group:hover .group-hover\:shadow-primary\/50 {
    --tw-shadow-color: rgba(51, 51, 51, 0.5);
    --tw-shadow: var(--tw-shadow-colored);
}
.group:hover .group-hover\:text-fill-white {
    -webkit-text-fill-color: #fff;
}
.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:\!visible {
    visibility: visible !important;
}
.group.is-active .group-\[\.is-active\]\:grid {
    display: grid;
}
.group.is-active .group-\[\.is-active\]\:h-0 {
    height: 0;
}
.group.is-active .group-\[\.is-active\]\:min-w-0 {
    min-width: 0;
}
.group.is-active .group-\[\.is-active\]\:translate-x-0 {
    --tw-translate-x: 0px;
}
.group.is-active .group-\[\.is-active\]\:translate-x-0,
.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:translate-y-0 {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:translate-y-0 {
    --tw-translate-y: 0px;
}
.group.is-active .group-\[\.is-active\]\:grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
}
.group.is-active .group-\[\.is-active\]\:px-0 {
    padding-left: 0;
    padding-right: 0;
}
.group.is-active .group-\[\.is-active\]\:py-0 {
    padding-bottom: 0;
    padding-top: 0;
}
.group.is-active .group-\[\.is-active\]\:py-8 {
    padding-bottom: 2rem;
    padding-top: 2rem;
}
.group.is-white .group-\[\.is-white\]\:text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.group.is-active .group-\[\.is-active\]\:opacity-0 {
    opacity: 0;
}
.group.is-active .group-\[\.is-active\]\:opacity-100 {
    opacity: 1;
}
.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:\!opacity-100 {
    opacity: 1 !important;
}
.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:opacity-100 {
    opacity: 1;
}
.group.swiper-slide-active .group-\[\.swiper-slide-active\]\:delay-200 {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.group.is-white .group-\[\.is-white\]\:before\:bg-ci:before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
}
.aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
}
.aria-hidden\:hidden[aria-hidden="true"] {
    display: none;
}
.group[aria-disabled="true"] .group-aria-disabled\:border-primary\/20 {
    border-color: rgba(51, 51, 51, 0.2);
}
.group[aria-disabled="true"] .group-aria-disabled\:text-ci\/40 {
    color: rgba(238, 39, 59, 0.4);
}
.group[aria-disabled="true"] .group-aria-disabled\:text-primary\/40 {
    color: rgba(51, 51, 51, 0.4);
}
.group[aria-disabled="true"] .group-aria-disabled\:text-primary\/50 {
    color: rgba(51, 51, 51, 0.5);
}
.group.on .group-on\:translate-x-4 {
    --tw-translate-x: 1rem;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.group.on .group-on\:opacity-100 {
    opacity: 1;
}
.on\:-translate-x-full.on {
    --tw-translate-x: -100%;
}
.on\:-translate-x-full.on,
.on\:translate-x-0.on {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.on\:translate-x-0.on {
    --tw-translate-x: 0px;
}
.on\:grid-rows-\[1fr\].on {
    grid-template-rows: 1fr;
}
.on\:bg-america.on {
    --tw-bg-opacity: 1;
    background-color: rgb(51 154 122 / var(--tw-bg-opacity, 1));
}
.on\:bg-ci.on {
    --tw-bg-opacity: 1;
    background-color: rgb(238 39 59 / var(--tw-bg-opacity, 1));
}
.on\:bg-europe.on {
    --tw-bg-opacity: 1;
    background-color: rgb(106 134 214 / var(--tw-bg-opacity, 1));
}
.on\:bg-middle-east.on {
    --tw-bg-opacity: 1;
    background-color: rgb(237 200 80 / var(--tw-bg-opacity, 1));
}
.on\:bg-oceania.on {
    --tw-bg-opacity: 1;
    background-color: rgb(43 167 160 / var(--tw-bg-opacity, 1));
}
.on\:text-ci.on {
    --tw-text-opacity: 1;
    color: rgb(238 39 59 / var(--tw-text-opacity, 1));
}
.on\:text-white.on {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.on\:opacity-100.on {
    opacity: 1;
}
.on\:clip-path-polygon-\[0\%_0\%\2c 100\%_0\%\2c 100\%_100\%\2c 0\%_100\%\].on {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
@media (min-width: 568px) {
    .sm\:block {
        display: block;
    }
    .sm\:hidden {
        display: none;
    }
    .sm\:h-\[auto\] {
        height: auto;
    }
    .sm\:min-h-0 {
        min-height: 0;
    }
    .sm\:w-10\/12 {
        width: 83.333333%;
    }
    .sm\:w-full {
        width: 100%;
    }
    .sm\:max-w-\[150\%\] {
        max-width: 150%;
    }
    .sm\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sm\:gap-6 {
        gap: 1.5rem;
    }
    .sm\:object-center {
        -o-object-position: center;
        object-position: center;
    }
    .sm\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .sm\:py-3 {
        padding-bottom: 0.75rem;
        padding-top: 0.75rem;
    }
    .sm\:text-center {
        text-align: center;
    }
    .sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .sm\:font-bold {
        font-weight: 700;
    }
    .sm\:text-stroke-4 {
        -webkit-text-stroke-width: 4px;
    }
}
@media (min-width: 768px) {
    .md\:absolute {
        position: absolute;
    }
    .md\:\!relative {
        position: relative !important;
    }
    .md\:relative {
        position: relative;
    }
    .md\:\!-right-14 {
        right: -3.5rem !important;
    }
    .md\:\!left-14 {
        left: 3.5rem !important;
    }
    .md\:\!top-0 {
        top: 0 !important;
    }
    .md\:-left-12 {
        left: -3rem;
    }
    .md\:-right-px {
        right: -1px;
    }
    .md\:-top-6 {
        top: -1.5rem;
    }
    .md\:bottom-0 {
        bottom: 0;
    }
    .md\:bottom-12 {
        bottom: 3rem;
    }
    .md\:bottom-16 {
        bottom: 4rem;
    }
    .md\:bottom-24 {
        bottom: 6rem;
    }
    .md\:bottom-3 {
        bottom: 0.75rem;
    }
    .md\:bottom-4 {
        bottom: 1rem;
    }
    .md\:bottom-40 {
        bottom: 10rem;
    }
    .md\:bottom-7 {
        bottom: 1.75rem;
    }
    .md\:bottom-8 {
        bottom: 2rem;
    }
    .md\:bottom-auto {
        bottom: auto;
    }
    .md\:left-0 {
        left: 0;
    }
    .md\:left-32 {
        left: 8rem;
    }
    .md\:left-auto {
        left: auto;
    }
    .md\:left-full {
        left: 100%;
    }
    .md\:right-0 {
        right: 0;
    }
    .md\:right-12 {
        right: 3rem;
    }
    .md\:right-4 {
        right: 1rem;
    }
    .md\:right-\[117\%\] {
        right: 117%;
    }
    .md\:right-\[calc\(117\%\+16px\)\] {
        right: calc(117% + 16px);
    }
    .md\:top-0 {
        top: 0;
    }
    .md\:top-1\/2 {
        top: 50%;
    }
    .md\:top-16 {
        top: 4rem;
    }
    .md\:top-32 {
        top: 8rem;
    }
    .md\:order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
    .md\:col-span-2 {
        grid-column: span 2 / span 2;
    }
    .md\:col-start-2 {
        grid-column-start: 2;
    }
    .md\:row-span-2 {
        grid-row: span 2 / span 2;
    }
    .md\:\!mx-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .md\:mx-3 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }
    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .md\:my-12 {
        margin-bottom: 3rem;
        margin-top: 3rem;
    }
    .md\:my-6 {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
    .md\:\!-ml-12 {
        margin-left: -3rem !important;
    }
    .md\:\!mt-0 {
        margin-top: 0 !important;
    }
    .md\:\!mt-12 {
        margin-top: 3rem !important;
    }
    .md\:-mb-20 {
        margin-bottom: -5rem;
    }
    .md\:-mt-12 {
        margin-top: -3rem;
    }
    .md\:mb-0 {
        margin-bottom: 0;
    }
    .md\:mb-12 {
        margin-bottom: 3rem;
    }
    .md\:mb-4 {
        margin-bottom: 1rem;
    }
    .md\:mb-6 {
        margin-bottom: 1.5rem;
    }
    .md\:ml-auto {
        margin-left: auto;
    }
    .md\:mr-0 {
        margin-right: 0;
    }
    .md\:mt-0 {
        margin-top: 0;
    }
    .md\:mt-12 {
        margin-top: 3rem;
    }
    .md\:mt-16 {
        margin-top: 4rem;
    }
    .md\:mt-20 {
        margin-top: 5rem;
    }
    .md\:mt-3 {
        margin-top: 0.75rem;
    }
    .md\:mt-30 {
        margin-top: 7.5rem;
    }
    .md\:mt-6 {
        margin-top: 1.5rem;
    }
    .md\:mt-8 {
        margin-top: 2rem;
    }
    .md\:mt-\[15vmin\] {
        margin-top: 15vmin;
    }
    .md\:mt-\[84px\] {
        margin-top: 84px;
    }
    .md\:mt-auto {
        margin-top: auto;
    }
    .md\:block {
        display: block;
    }
    .md\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .md\:\!inline-flex {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
    .md\:inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
    .md\:grid {
        display: grid;
    }
    .md\:\!hidden {
        display: none !important;
    }
    .md\:hidden {
        display: none;
    }
    .md\:size-\[calc\(100\%-3px\)\] {
        height: calc(100% - 3px);
        width: calc(100% - 3px);
    }
    .md\:size-full {
        height: 100%;
        width: 100%;
    }
    .md\:\!h-full {
        height: 100% !important;
    }
    .md\:h-72 {
        height: 18rem;
    }
    .md\:h-8 {
        height: 2rem;
    }
    .md\:h-\[100vmin\] {
        height: 100vmin;
    }
    .md\:h-\[200px\] {
        height: 200px;
    }
    .md\:h-\[65vh\] {
        height: 65vh;
    }
    .md\:h-\[70vh\] {
        height: 70vh;
    }
    .md\:h-auto {
        height: auto;
    }
    .md\:h-full {
        height: 100%;
    }
    .md\:h-lvh {
        height: 100lvh;
    }
    .md\:min-h-\[15vw\] {
        min-height: 15vw;
    }
    .md\:min-h-\[50\%\] {
        min-height: 50%;
    }
    .md\:min-h-lvh {
        min-height: 100lvh;
    }
    .md\:\!w-\[110\%\] {
        width: 110% !important;
    }
    .md\:\!w-\[450px\] {
        width: 450px !important;
    }
    .md\:w-0\.5 {
        width: 0.125rem;
    }
    .md\:w-1\/2 {
        width: 50%;
    }
    .md\:w-10\/12 {
        width: 83.333333%;
    }
    .md\:w-11\/12 {
        width: 91.666667%;
    }
    .md\:w-3\/12 {
        width: 25%;
    }
    .md\:w-4\/12 {
        width: 33.333333%;
    }
    .md\:w-48 {
        width: 12rem;
    }
    .md\:w-5\/12 {
        width: 41.666667%;
    }
    .md\:w-56 {
        width: 14rem;
    }
    .md\:w-6\/12 {
        width: 50%;
    }
    .md\:w-7\/12 {
        width: 58.333333%;
    }
    .md\:w-8 {
        width: 2rem;
    }
    .md\:w-8\/12 {
        width: 66.666667%;
    }
    .md\:w-9\/12 {
        width: 75%;
    }
    .md\:w-\[95\%\] {
        width: 95%;
    }
    .md\:w-\[calc\(100\%\+6rem\)\] {
        width: calc(100% + 6rem);
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:max-w-0 {
        max-width: 0;
    }
    .md\:max-w-20 {
        max-width: 5rem;
    }
    .md\:max-w-\[85\%\] {
        max-width: 85%;
    }
    .md\:max-w-full {
        max-width: 100%;
    }
    .md\:max-w-md {
        max-width: 28rem;
    }
    .md\:grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .md\:\!-translate-y-1\/3 {
        --tw-translate-y: -33.333333% !important;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y)) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y)) !important;
    }
    .md\:-translate-y-\[300\%\] {
        --tw-translate-y: -300%;
    }
    .md\:-translate-y-\[300\%\],
    .md\:-translate-y-full {
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .md\:-translate-y-full {
        --tw-translate-y: -100%;
    }
    .md\:translate-x-1\/2 {
        --tw-translate-x: 50%;
    }
    .md\:scale-0,
    .md\:translate-x-1\/2 {
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .md\:scale-0 {
        --tw-scale-x: 0;
        --tw-scale-y: 0;
    }
    .md\:-scroll-mt-28 {
        scroll-margin-top: -7rem;
    }
    .md\:auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr);
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-\[40\%_1fr\] {
        grid-template-columns: 40% 1fr;
    }
    .md\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .md\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .md\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .md\:\!flex-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
    .md\:flex-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .md\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .md\:\!items-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
    }
    .md\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .md\:items-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .md\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .md\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .md\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .md\:\!gap-6 {
        gap: 1.5rem !important;
    }
    .md\:\!gap-8 {
        gap: 2rem !important;
    }
    .md\:gap-10 {
        gap: 2.5rem;
    }
    .md\:gap-12 {
        gap: 3rem;
    }
    .md\:gap-2 {
        gap: 0.5rem;
    }
    .md\:gap-3 {
        gap: 0.75rem;
    }
    .md\:gap-4 {
        gap: 1rem;
    }
    .md\:gap-6 {
        gap: 1.5rem;
    }
    .md\:gap-8 {
        gap: 2rem;
    }
    .md\:gap-x-16 {
        -webkit-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
    }
    .md\:gap-x-6 {
        -webkit-column-gap: 1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
    }
    .md\:gap-x-8 {
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }
    .md\:gap-y-10 {
        row-gap: 2.5rem;
    }
    .md\:divide-x > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
        border-right-width: calc(1px * var(--tw-divide-x-reverse));
    }
    .md\:\!overflow-visible {
        overflow: visible !important;
    }
    .md\:overflow-visible {
        overflow: visible;
    }
    .md\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .md\:whitespace-nowrap {
        white-space: nowrap;
    }
    .md\:text-balance {
        text-wrap: balance;
    }
    .md\:rounded-full {
        border-radius: 9999px;
    }
    .md\:border-0 {
        border-width: 0;
    }
    .md\:bg-\[\#00BABE\] {
        --tw-bg-opacity: 1;
        background-color: rgb(0 186 190 / var(--tw-bg-opacity, 1));
    }
    .md\:bg-\[\#028FD5\] {
        --tw-bg-opacity: 1;
        background-color: rgb(2 143 213 / var(--tw-bg-opacity, 1));
    }
    .md\:bg-\[\#04987E\] {
        --tw-bg-opacity: 1;
        background-color: rgb(4 152 126 / var(--tw-bg-opacity, 1));
    }
    .md\:bg-\[\#6DC067\] {
        --tw-bg-opacity: 1;
        background-color: rgb(109 192 103 / var(--tw-bg-opacity, 1));
    }
    .md\:bg-\[\#BCD85F\] {
        --tw-bg-opacity: 1;
        background-color: rgb(188 216 95 / var(--tw-bg-opacity, 1));
    }
    .md\:bg-lightgray {
        --tw-bg-opacity: 1;
        background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
    }
    .md\:bg-transparent {
        background-color: transparent;
    }
    .md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .md\:bg-zinc-100 {
        --tw-bg-opacity: 1;
        background-color: rgb(244 244 245 / var(--tw-bg-opacity, 1));
    }
    .md\:bg-zinc-100\/20 {
        background-color: hsla(240, 5%, 96%, 0.2);
    }
    .md\:object-center {
        -o-object-position: center;
        object-position: center;
    }
    .md\:\!p-12 {
        padding: 3rem !important;
    }
    .md\:p-0 {
        padding: 0;
    }
    .md\:p-1 {
        padding: 0.25rem;
    }
    .md\:p-10 {
        padding: 2.5rem;
    }
    .md\:p-12 {
        padding: 3rem;
    }
    .md\:p-3 {
        padding: 0.75rem;
    }
    .md\:p-6 {
        padding: 1.5rem;
    }
    .md\:p-8 {
        padding: 2rem;
    }
    .md\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .md\:\!px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .md\:\!px-4 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    .md\:\!py-0 {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
    .md\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .md\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .md\:px-15 {
        padding-left: 3.75rem;
        padding-right: 3.75rem;
    }
    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .md\:px-\[clamp\(4rem\2c -6\.5rem\+21\.875vw\2c 7\.5rem\)\] {
        padding-left: clamp(4rem, -6.5rem + 21.875vw, 7.5rem);
        padding-right: clamp(4rem, -6.5rem + 21.875vw, 7.5rem);
    }
    .md\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .md\:py-15 {
        padding-bottom: 3.75rem;
        padding-top: 3.75rem;
    }
    .md\:py-17\.5 {
        padding-bottom: 4.375rem;
        padding-top: 4.375rem;
    }
    .md\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .md\:py-30 {
        padding-bottom: 7.5rem;
        padding-top: 7.5rem;
    }
    .md\:py-32 {
        padding-bottom: 8rem;
        padding-top: 8rem;
    }
    .md\:py-4 {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .md\:\!pb-0 {
        padding-bottom: 0 !important;
    }
    .md\:\!pb-12 {
        padding-bottom: 3rem !important;
    }
    .md\:\!pt-0 {
        padding-top: 0 !important;
    }
    .md\:pb-0 {
        padding-bottom: 0;
    }
    .md\:pb-12 {
        padding-bottom: 3rem;
    }
    .md\:pb-15 {
        padding-bottom: 3.75rem;
    }
    .md\:pb-16 {
        padding-bottom: 4rem;
    }
    .md\:pb-24 {
        padding-bottom: 6rem;
    }
    .md\:pb-30 {
        padding-bottom: 7.5rem;
    }
    .md\:pb-48 {
        padding-bottom: 12rem;
    }
    .md\:pb-6 {
        padding-bottom: 1.5rem;
    }
    .md\:pb-\[400px\] {
        padding-bottom: 400px;
    }
    .md\:pl-1 {
        padding-left: 0.25rem;
    }
    .md\:pl-6 {
        padding-left: 1.5rem;
    }
    .md\:pl-\[17\%\] {
        padding-left: 17%;
    }
    .md\:pr-0 {
        padding-right: 0;
    }
    .md\:pr-6 {
        padding-right: 1.5rem;
    }
    .md\:pt-0 {
        padding-top: 0;
    }
    .md\:pt-16 {
        padding-top: 4rem;
    }
    .md\:pt-17\.5 {
        padding-top: 4.375rem;
    }
    .md\:pt-20 {
        padding-top: 5rem;
    }
    .md\:pt-30 {
        padding-top: 7.5rem;
    }
    .md\:pt-4 {
        padding-top: 1rem;
    }
    .md\:pt-\[80vh\] {
        padding-top: 80vh;
    }
    .md\:pt-\[clamp\(4rem\2c -6\.5rem\+21\.875vw\2c 7\.5rem\)\] {
        padding-top: clamp(4rem, -6.5rem + 21.875vw, 7.5rem);
    }
    .md\:text-left {
        text-align: left;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:\!text-base {
        font-size: 1rem !important;
        line-height: 1.5rem !important;
    }
    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .md\:text-\[2\.5rem\] {
        font-size: 2.5rem;
    }
    .md\:text-\[2rem\] {
        font-size: 2rem;
    }
    .md\:text-\[32px\] {
        font-size: 32px;
    }
    .md\:text-\[40px\] {
        font-size: 40px;
    }
    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .md\:text-sm {
        font-size: 0.875rem;
        line-height: 1.25rem;
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .md\:leading-tight {
        line-height: 1.25;
    }
    .md\:text-white {
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity, 1));
    }
    .md\:opacity-0 {
        opacity: 0;
    }
    .md\:\!ease-linear {
        -webkit-transition-timing-function: linear !important;
        transition-timing-function: linear !important;
    }
    .md\:before\:w-4:before {
        content: var(--tw-content);
        width: 1rem;
    }
    .md\:after\:block:after {
        content: var(--tw-content);
        display: block;
    }
    .md\:after\:w-4:after {
        content: var(--tw-content);
        width: 1rem;
    }
    .group:hover .md\:group-hover\:-translate-y-4 {
        --tw-translate-y: -1rem;
    }
    .group:hover .md\:group-hover\:-translate-y-4,
    .group:hover .md\:group-hover\:scale-100 {
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .group:hover .md\:group-hover\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
    }
    .group:hover .md\:group-hover\:opacity-100 {
        opacity: 1;
    }
    .group.is-white .group-\[\.is-white\]\:md\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .group.is-white .group-\[\.is-white\]\:md\:bg-zinc-100\/20 {
        background-color: hsla(240, 5%, 96%, 0.2);
    }
}
@media (min-width: 992px) {
    .lg\:absolute {
        position: absolute;
    }
    .lg\:\!relative {
        position: relative !important;
    }
    .lg\:bottom-12 {
        bottom: 3rem;
    }
    .lg\:bottom-20 {
        bottom: 5rem;
    }
    .lg\:left-0 {
        left: 0;
    }
    .lg\:left-2 {
        left: 0.5rem;
    }
    .lg\:left-\[58\%\] {
        left: 58%;
    }
    .lg\:left-\[calc\(33\%\+5rem\)\] {
        left: calc(33% + 5rem);
    }
    .lg\:left-\[calc\(50\%\+5rem\)\] {
        left: calc(50% + 5rem);
    }
    .lg\:right-12 {
        right: 3rem;
    }
    .lg\:right-20 {
        right: 5rem;
    }
    .lg\:top-0 {
        top: 0;
    }
    .lg\:order-none {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
    .lg\:col-auto {
        grid-column: auto;
    }
    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }
    .lg\:my-20 {
        margin-bottom: 5rem;
        margin-top: 5rem;
    }
    .lg\:-ml-4 {
        margin-left: -1rem;
    }
    .lg\:-mt-\[10vmin\] {
        margin-top: -10vmin;
    }
    .lg\:mb-0 {
        margin-bottom: 0;
    }
    .lg\:mb-2 {
        margin-bottom: 0.5rem;
    }
    .lg\:mb-4 {
        margin-bottom: 1rem;
    }
    .lg\:ml-0 {
        margin-left: 0;
    }
    .lg\:ml-12 {
        margin-left: 3rem;
    }
    .lg\:ml-\[50\%\] {
        margin-left: 50%;
    }
    .lg\:mt-0 {
        margin-top: 0;
    }
    .lg\:mt-12 {
        margin-top: 3rem;
    }
    .lg\:mt-16 {
        margin-top: 4rem;
    }
    .lg\:mt-20 {
        margin-top: 5rem;
    }
    .lg\:mt-4 {
        margin-top: 1rem;
    }
    .lg\:mt-7 {
        margin-top: 1.75rem;
    }
    .lg\:mt-\[2vw\] {
        margin-top: 2vw;
    }
    .lg\:mt-auto {
        margin-top: auto;
    }
    .lg\:block {
        display: block;
    }
    .lg\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .lg\:grid {
        display: grid;
    }
    .lg\:hidden {
        display: none;
    }
    .lg\:size-14 {
        height: 3.5rem;
        width: 3.5rem;
    }
    .lg\:size-9 {
        height: 2.25rem;
        width: 2.25rem;
    }
    .lg\:size-full {
        height: 100%;
        width: 100%;
    }
    .lg\:\!h-\[500px\] {
        height: 500px !important;
    }
    .lg\:h-\[max\(650px\2c 70vmin\)\] {
        height: max(650px, 70vmin);
    }
    .lg\:h-full {
        height: 100%;
    }
    .lg\:h-lvh {
        height: 100lvh;
    }
    .lg\:min-h-0 {
        min-height: 0;
    }
    .lg\:min-h-12 {
        min-height: 3rem;
    }
    .lg\:min-h-60 {
        min-height: 15rem;
    }
    .lg\:min-h-90 {
        min-height: 22.5rem;
    }
    .lg\:min-h-\[200lvh\] {
        min-height: 200lvh;
    }
    .lg\:min-h-lvh {
        min-height: 100lvh;
    }
    .lg\:w-1\/2 {
        width: 50%;
    }
    .lg\:w-10\/12 {
        width: 83.333333%;
    }
    .lg\:w-4\/12 {
        width: 33.333333%;
    }
    .lg\:w-5\/12 {
        width: 41.666667%;
    }
    .lg\:w-6\/12 {
        width: 50%;
    }
    .lg\:w-7\/12 {
        width: 58.333333%;
    }
    .lg\:w-8\/12 {
        width: 66.666667%;
    }
    .lg\:w-9\/12 {
        width: 75%;
    }
    .lg\:w-\[200\%\] {
        width: 200%;
    }
    .lg\:w-auto {
        width: auto;
    }
    .lg\:\!max-w-none {
        max-width: none !important;
    }
    .lg\:max-w-\[20\%\] {
        max-width: 20%;
    }
    .lg\:max-w-\[250px\] {
        max-width: 250px;
    }
    .lg\:max-w-\[95\%\] {
        max-width: 95%;
    }
    .lg\:max-w-none {
        max-width: none;
    }
    .lg\:shrink-0 {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .lg\:basis-1\/2 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .lg\:\!translate-y-0 {
        --tw-translate-y: 0px !important;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y)) !important;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y)) !important;
    }
    .lg\:translate-x-full {
        --tw-translate-x: 100%;
    }
    .lg\:translate-x-full,
    .lg\:translate-y-full {
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .lg\:translate-y-full {
        --tw-translate-y: 100%;
    }
    .lg\:scale-110 {
        --tw-scale-x: 1.1;
        --tw-scale-y: 1.1;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .lg\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .lg\:flex-col-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .lg\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .lg\:flex-nowrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .lg\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .lg\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .lg\:justify-start {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .lg\:justify-end {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .lg\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .lg\:gap-10 {
        gap: 2.5rem;
    }
    .lg\:gap-12 {
        gap: 3rem;
    }
    .lg\:gap-2 {
        gap: 0.5rem;
    }
    .lg\:gap-3 {
        gap: 0.75rem;
    }
    .lg\:gap-4 {
        gap: 1rem;
    }
    .lg\:gap-6 {
        gap: 1.5rem;
    }
    .lg\:gap-x-12 {
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem;
    }
    .lg\:gap-y-0 {
        row-gap: 0;
    }
    .lg\:space-y-6 > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
        margin-top: calc(1.5rem * (1 - var(--tw-space-y-reverse)));
    }
    .lg\:divide-x > :not([hidden]) ~ :not([hidden]) {
        --tw-divide-x-reverse: 0;
        border-left-width: calc(1px * (1 - var(--tw-divide-x-reverse)));
        border-right-width: calc(1px * var(--tw-divide-x-reverse));
    }
    .lg\:\!overflow-hidden {
        overflow: hidden !important;
    }
    .lg\:text-balance {
        text-wrap: balance;
    }
    .lg\:rounded-2xl {
        border-radius: 1rem;
    }
    .lg\:border {
        border-width: 1px;
    }
    .lg\:border-y {
        border-bottom-width: 1px;
        border-top-width: 1px;
    }
    .lg\:bg-primary\/50 {
        background-color: rgba(51, 51, 51, 0.5);
    }
    .lg\:bg-transparent {
        background-color: transparent;
    }
    .lg\:from-15\% {
        --tw-gradient-from-position: 15%;
    }
    .lg\:bg-center {
        background-position: 50%;
    }
    .lg\:bg-left {
        background-position: 0;
    }
    .lg\:object-\[15\%_0\%\] {
        -o-object-position: 15% 0;
        object-position: 15% 0;
    }
    .lg\:object-center {
        -o-object-position: center;
        object-position: center;
    }
    .lg\:object-top {
        -o-object-position: top;
        object-position: top;
    }
    .lg\:\!p-0 {
        padding: 0 !important;
    }
    .lg\:p-12 {
        padding: 3rem;
    }
    .lg\:p-16 {
        padding: 4rem;
    }
    .lg\:p-20 {
        padding: 5rem;
    }
    .lg\:p-6 {
        padding: 1.5rem;
    }
    .lg\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .lg\:\!px-12 {
        padding-left: 3rem !important;
        padding-right: 3rem !important;
    }
    .lg\:\!px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .lg\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .lg\:px-12 {
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .lg\:px-\[8\%\] {
        padding-left: 8%;
        padding-right: 8%;
    }
    .lg\:py-10 {
        padding-bottom: 2.5rem;
        padding-top: 2.5rem;
    }
    .lg\:py-12 {
        padding-bottom: 3rem;
        padding-top: 3rem;
    }
    .lg\:py-16 {
        padding-bottom: 4rem;
        padding-top: 4rem;
    }
    .lg\:py-20 {
        padding-bottom: 5rem;
        padding-top: 5rem;
    }
    .lg\:py-24 {
        padding-bottom: 6rem;
        padding-top: 6rem;
    }
    .lg\:py-30 {
        padding-bottom: 7.5rem;
        padding-top: 7.5rem;
    }
    .lg\:py-40 {
        padding-bottom: 10rem;
        padding-top: 10rem;
    }
    .lg\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
    .lg\:pb-0 {
        padding-bottom: 0;
    }
    .lg\:pb-20 {
        padding-bottom: 5rem;
    }
    .lg\:pb-30 {
        padding-bottom: 7.5rem;
    }
    .lg\:pb-40 {
        padding-bottom: 10rem;
    }
    .lg\:pb-6 {
        padding-bottom: 1.5rem;
    }
    .lg\:pb-\[38vw\] {
        padding-bottom: 38vw;
    }
    .lg\:pl-0 {
        padding-left: 0;
    }
    .lg\:pl-4 {
        padding-left: 1rem;
    }
    .lg\:pr-10 {
        padding-right: 2.5rem;
    }
    .lg\:pr-12 {
        padding-right: 3rem;
    }
    .lg\:pr-16 {
        padding-right: 4rem;
    }
    .lg\:pr-18 {
        padding-right: 4.5rem;
    }
    .lg\:pr-20 {
        padding-right: 5rem;
    }
    .lg\:pt-0 {
        padding-top: 0;
    }
    .lg\:pt-30 {
        padding-top: 7.5rem;
    }
    .lg\:text-center {
        text-align: center;
    }
    .lg\:text-right {
        text-align: right;
    }
    .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .lg\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .lg\:text-7xl {
        font-size: 4.5rem;
        line-height: 1;
    }
    .lg\:text-\[40px\] {
        font-size: 40px;
    }
    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
    .lg\:leading-tight {
        line-height: 1.25;
    }
    .lg\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),
            var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    .lg\:backdrop-blur-2xl {
        --tw-backdrop-blur: blur(40px);
        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
            var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale)
            var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
            var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
            var(--tw-backdrop-sepia);
    }
    .lg\:clip-path-polygon-\[0\%_100\%\2c
        100\%_100\%\2c
        100\%_100\%\2c
        0\%_100\%\] {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    }
    .lg\:split-left-4 {
        --split-left-span: 4/12;
    }
    .lg\:split-right-8 {
        --split-right-span: 8/12;
    }
    .lg\:split-p-0 {
        --split-padding-inline: 0rem;
    }
    .group:hover .lg\:group-hover\:translate-x-4 {
        --tw-translate-x: 1rem;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .group:hover .lg\:group-hover\:opacity-100 {
        opacity: 1;
    }
    .group.is-active .lg\:group-\[\.is-active\]\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .group.is-active .lg\:group-\[\.is-active\]\:h-auto {
        height: auto;
    }
    .group.is-active .lg\:group-\[\.is-active\]\:w-0 {
        width: 0;
    }
    .group.is-active .lg\:group-\[\.is-active\]\:py-8 {
        padding-bottom: 2rem;
        padding-top: 2rem;
    }
}
@media (min-width: 1200px) {
    .xl\:bottom-auto {
        bottom: auto;
    }
    .xl\:left-20 {
        left: 5rem;
    }
    .xl\:right-20 {
        right: 5rem;
    }
    .xl\:top-0 {
        top: 0;
    }
    .xl\:top-1\/2 {
        top: 50%;
    }
    .xl\:mb-0 {
        margin-bottom: 0;
    }
    .xl\:mt-12 {
        margin-top: 3rem;
    }
    .xl\:mt-18 {
        margin-top: 4.5rem;
    }
    .xl\:block {
        display: block;
    }
    .xl\:hidden {
        display: none;
    }
    .xl\:size-full {
        height: 100%;
        width: 100%;
    }
    .xl\:min-h-\[400px\] {
        min-height: 400px;
    }
    .xl\:w-1\/2 {
        width: 50%;
    }
    .xl\:w-10\/12 {
        width: 83.333333%;
    }
    .xl\:w-6\/12 {
        width: 50%;
    }
    .xl\:w-8\/12 {
        width: 66.666667%;
    }
    .xl\:w-\[38\%\] {
        width: 38%;
    }
    .xl\:max-w-\[1140px\] {
        max-width: 1140px;
    }
    .xl\:max-w-full {
        max-width: 100%;
    }
    .xl\:-translate-y-1\/3 {
        --tw-translate-y: -33.333333%;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .xl\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .xl\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .xl\:gap-12 {
        gap: 3rem;
    }
    .xl\:gap-6 {
        gap: 1.5rem;
    }
    .xl\:object-bottom {
        -o-object-position: bottom;
        object-position: bottom;
    }
    .xl\:pl-12 {
        padding-left: 3rem;
    }
    .xl\:pr-20 {
        padding-right: 5rem;
    }
    .xl\:pt-\[6vw\] {
        padding-top: 6vw;
    }
}
@media (min-width: 1366px) {
    .\32xl\:absolute {
        position: absolute;
    }
    .\32xl\:left-full {
        left: 100%;
    }
    .\32xl\:right-full {
        right: 100%;
    }
    .\32xl\:top-1\/2 {
        top: 50%;
    }
    .\32xl\:ml-8 {
        margin-left: 2rem;
    }
    .\32xl\:mr-8 {
        margin-right: 2rem;
    }
    .\32xl\:max-w-6xl {
        max-width: 72rem;
    }
    .\32xl\:max-w-\[1320px\] {
        max-width: 1320px;
    }
    .\32xl\:-translate-y-1\/2 {
        --tw-translate-y: -50%;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .\32xl\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .\32xl\:last\:pb-0:last-child {
        padding-bottom: 0;
    }
    .\32xl\:last\:before\:hidden:last-child:before {
        content: var(--tw-content);
        display: none;
    }
}
@media (min-width: 1600px) {
    .\33xl\:top-28 {
        top: 7rem;
    }
    .\33xl\:ml-\[25\%\] {
        margin-left: 25%;
    }
    .\33xl\:size-full {
        height: 100%;
        width: 100%;
    }
    .\33xl\:h-\[50svh\] {
        height: 50svh;
    }
    .\33xl\:h-lvh {
        height: 100lvh;
    }
    .\33xl\:min-h-lvh {
        min-height: 100lvh;
    }
    .\33xl\:w-80 {
        width: 20rem;
    }
    .\33xl\:w-\[150\%\] {
        width: 150%;
    }
    .\33xl\:py-30 {
        padding-bottom: 7.5rem;
        padding-top: 7.5rem;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .ipad-pro-portrait\:\!absolute {
        position: absolute !important;
    }
    .ipad-pro-portrait\:top-auto {
        top: auto;
    }
    .ipad-pro-portrait\:mt-0 {
        margin-top: 0;
    }
    .ipad-pro-portrait\:h-3\/4 {
        height: 75%;
    }
    .ipad-pro-portrait\:h-\[55vmin\] {
        height: 55vmin;
    }
    .ipad-pro-portrait\:h-\[70vmin\] {
        height: 70vmin;
    }
    .ipad-pro-portrait\:h-\[min\(500px\2c 120vw\)\] {
        height: min(500px, 120vw);
    }
    .ipad-pro-portrait\:h-auto {
        height: auto;
    }
    .ipad-pro-portrait\:w-full {
        width: 100%;
    }
    .ipad-pro-portrait\:w-svw {
        width: 100svw;
    }
    .ipad-pro-portrait\:grow {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
    .ipad-pro-portrait\:-translate-y-20 {
        --tw-translate-y: -5rem;
    }
    .ipad-pro-portrait\:-translate-y-20,
    .ipad-pro-portrait\:translate-y-0 {
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .ipad-pro-portrait\:translate-y-0 {
        --tw-translate-y: 0px;
    }
    .ipad-pro-portrait\:grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .ipad-pro-portrait\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .ipad-pro-portrait\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .ipad-pro-portrait\:items-start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .ipad-pro-portrait\:gap-4 {
        gap: 1rem;
    }
    .ipad-pro-portrait\:bg-white {
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    }
    .ipad-pro-portrait\:object-\[22\%\] {
        -o-object-position: 22%;
        object-position: 22%;
    }
    .ipad-pro-portrait\:px-0 {
        padding-left: 0;
        padding-right: 0;
    }
    .ipad-pro-portrait\:pb-30 {
        padding-bottom: 7.5rem;
    }
    .ipad-pro-portrait\:pt-0 {
        padding-top: 0;
    }
}
@media (max-width: 568px) {
    .max-sm\:m-auto {
        margin: auto;
    }
    .max-sm\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .max-sm\:origin-left {
        -webkit-transform-origin: left;
        transform-origin: left;
    }
    .max-sm\:scale-\[0\.85\] {
        --tw-scale-x: 0.85;
        --tw-scale-y: 0.85;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .max-sm\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .max-sm\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }
}
@media (max-width: 768px) {
    .max-md\:absolute {
        position: absolute;
    }
    .max-md\:\!left-1 {
        left: 0.25rem !important;
    }
    .max-md\:\!right-1 {
        right: 0.25rem !important;
    }
    .max-md\:\!top-\[calc\(\(100vw_-_4rem\)\*0\.25\)\] {
        top: calc(25vw - 1rem) !important;
    }
    .max-md\:-mb-4 {
        margin-bottom: -1rem;
    }
    .max-md\:mt-4 {
        margin-top: 1rem;
    }
    .max-md\:hidden {
        display: none;
    }
    .max-md\:\!size-12 {
        height: 3rem !important;
        width: 3rem !important;
    }
    .max-md\:size-12 {
        height: 3rem;
        width: 3rem;
    }
    .max-md\:h-auto {
        height: auto;
    }
    .max-md\:w-svw {
        width: 100svw;
    }
    .max-md\:\!px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .max-md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .max-md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .max-md\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }
    .max-md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem;
    }
    .group:hover .max-md\:group-hover\:-translate-y-4 {
        --tw-translate-y: -1rem;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
}
@media (max-width: 992px) {
    .max-lg\:mx-auto {
        margin-left: auto;
        margin-right: auto;
    }
    .max-lg\:hidden {
        display: none;
    }
    .max-lg\:w-\[min\(400px\2c 100\%\)\] {
        width: min(400px, 100%);
    }
    .max-lg\:max-w-full {
        max-width: 100%;
    }
    .max-lg\:-translate-x-12 {
        --tw-translate-x: -3rem;
    }
    .max-lg\:-translate-x-12,
    .max-lg\:translate-y-14 {
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .max-lg\:translate-y-14 {
        --tw-translate-y: 3.5rem;
    }
    .max-lg\:scale-75 {
        --tw-scale-x: 0.75;
        --tw-scale-y: 0.75;
        -webkit-transform: translate(
                var(--tw-translate-x),
                var(--tw-translate-y)
            )
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x), var(--tw-translate-y))
            rotate(var(--tw-rotate)) skewX(var(--tw-skew-x))
            skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
            scaleY(var(--tw-scale-y));
    }
    .max-lg\:\!overflow-visible {
        overflow: visible !important;
    }
    .max-lg\:\!px-8 {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }
}
@media (orientation: portrait) {
    .portrait\:-mt-\[5vmin\] {
        margin-top: -5vmin;
    }
    .portrait\:h-\[80lvh\] {
        height: 80lvh;
    }
    .portrait\:w-full {
        width: 100%;
    }
    .portrait\:flex-col {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.\[\&\.active\]\:opacity-100.active {
    opacity: 1;
}
.\[\&\.is-active\]\:pointer-events-auto.is-active {
    pointer-events: auto;
}
.\[\&\.is-active\]\:fixed.is-active {
    position: fixed;
}
.\[\&\.is-active\]\:relative.is-active {
    position: relative;
}
.\[\&\.is-active\]\:z-1.is-active {
    z-index: 1;
}
.\[\&\.is-active\]\:flex-\[4\].is-active {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}
.\[\&\.is-active\]\:translate-x-0.is-active {
    --tw-translate-x: 0px;
}
.\[\&\.is-active\]\:scale-100.is-active,
.\[\&\.is-active\]\:translate-x-0.is-active {
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\.is-active\]\:scale-100.is-active {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
}
.\[\&\.is-active\]\:grid-rows-\[1fr\].is-active {
    grid-template-rows: 1fr;
}
.\[\&\.is-active\]\:border-transparent.is-active {
    border-color: transparent;
}
.\[\&\.is-active\]\:bg-white\/60.is-active {
    background-color: hsla(0, 0%, 100%, 0.6);
}
.\[\&\.is-active\]\:from-\[\#FB6900\].is-active {
    --tw-gradient-from: #fb6900 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(251, 105, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.\[\&\.is-active\]\:from-\[\#FFA200\].is-active {
    --tw-gradient-from: #ffa200 var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(255, 162, 0, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.\[\&\.is-active\]\:from-ci.is-active {
    --tw-gradient-from: #ee273b var(--tw-gradient-from-position);
    --tw-gradient-to: rgba(238, 39, 59, 0) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}
.\[\&\.is-active\]\:to-\[\#F6BE45\].is-active {
    --tw-gradient-to: #f6be45 var(--tw-gradient-to-position);
}
.\[\&\.is-active\]\:to-\[\#f35e6c\].is-active {
    --tw-gradient-to: #f35e6c var(--tw-gradient-to-position);
}
.\[\&\.is-active\]\:to-\[\#ff964a\].is-active {
    --tw-gradient-to: #ff964a var(--tw-gradient-to-position);
}
.\[\&\.is-active\]\:text-white.is-active {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&\.is-active\]\:\!opacity-100.is-active {
    opacity: 1 !important;
}
.\[\&\.is-active\]\:opacity-100.is-active {
    opacity: 1;
}
.\[\&\.is-hide\]\:\!hidden.is-hide {
    display: none !important;
}
.\[\&\.is-sticking\]\:w-full.is-sticking {
    width: 100%;
}
.\[\&\.is-sticking\]\:rounded-none.is-sticking {
    border-radius: 0;
}
.\[\&\.swiper-button-disabled\]\:\!opacity-20.swiper-button-disabled {
    opacity: 0.2 !important;
}
.\[\&\.swiper-button-disabled\]\:\!opacity-30.swiper-button-disabled {
    opacity: 0.3 !important;
}
.\[\&\.swiper-button-disabled\]\:opacity-80.swiper-button-disabled {
    opacity: 0.8;
}
.\[\&\.swiper-slide-active\]\:border-ci.swiper-slide-active {
    --tw-border-opacity: 1;
    border-color: rgb(238 39 59 / var(--tw-border-opacity, 1));
}
.\[\&\.swiper-slide-active\]\:text-ci.swiper-slide-active {
    --tw-text-opacity: 1;
    color: rgb(238 39 59 / var(--tw-text-opacity, 1));
}
.\[\&\.swiper-slide-active\]\:opacity-100.swiper-slide-active {
    opacity: 1;
}
.\[\&\.theme-white\]\:text-white.theme-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.\[\&\:has\(\:not\(\:empty\)\)\]\:pt-4:has(:not(:empty)) {
    padding-top: 1rem;
}
.\[\&\>\*\]\:absolute > * {
    position: absolute;
}
.\[\&\>\.last\]\:ml-0 > .last {
    margin-left: 0;
}
@media (min-width: 768px) {
    .md\:\[\&\>\.swiper-slide-active\]\:\!w-6\/12 > .swiper-slide-active {
        width: 50% !important;
    }
    .md\:\[\&\>\.swiper-slide-active\]\:\!w-8\/12 > .swiper-slide-active {
        width: 66.666667% !important;
    }
}
.\[\&\>\.swiper-slide\]\:-translate-x-1\/2 > .swiper-slide {
    --tw-translate-x: -50%;
    -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))
        rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))
        scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@media (min-width: 768px) {
    .md\:\[\&\>\.swiper-slide\]\:w-4\/12 > .swiper-slide {
        width: 33.333333%;
    }
    .md\:\[\&\>\.swiper-slide\]\:w-5\/12 > .swiper-slide {
        width: 41.666667%;
    }
    .md\:hover\:\[\&\>a\:not\(\:hover\)\]\:w-3\/12 > a:not(:hover):hover {
        width: 25%;
    }
    .md\:hover\:\[\&\>a\]\:w-5\/12 > a:hover {
        width: 41.666667%;
    }
}
@media (min-width: 992px) {
    .lg\:\[\&\>div\:nth-child\(even\)\]\:-mt-20 > div:nth-child(2n) {
        margin-top: -5rem;
    }
}
@media (min-width: 568px) {
    .sm\:\[\&\>div\]\:h-\[50vh\] > div {
        height: 50vh;
    }
}
@media (min-width: 768px) {
    .md\:\[\&\>div\]\:h-full > div {
        height: 100%;
    }
}
.\[\&\>h3\]\:mb-8 > h3 {
    margin-bottom: 2rem;
}
.\[\&\>h3\]\:font-normal > h3 {
    font-weight: 400;
}
@media (max-width: 992px) {
    .max-lg\:\[\&\>h3\]\:text-\[0\.9rem\] > h3 {
        font-size: 0.9rem;
    }
}
.\[\&\>h4\]\:mb-8 > h4 {
    margin-bottom: 2rem;
}
.\[\&\>h4\]\:font-normal > h4 {
    font-weight: 400;
}
@media (max-width: 992px) {
    .max-lg\:\[\&\>h4\]\:text-\[0\.9rem\] > h4 {
        font-size: 0.9rem;
    }
}
@media (min-width: 768px) {
    .md\:\[\&\>li\]\:w-\[480px\] > li {
        width: 480px;
    }
}
@media (min-width: 992px) {
    .lg\:\[\&\>li\]\:w-\[400px\] > li {
        width: 400px;
    }
}
@media (min-width: 1200px) {
    .xl\:\[\&\>li\]\:w-\[480px\] > li {
        width: 480px;
    }
}
.\[\&\>p\]\:text-base > p {
    font-size: 1rem;
    line-height: 1.5rem;
}
.\[\&\>p\]\:text-sm > p {
    font-size: 0.875rem;
    line-height: 1.25rem;
}
@media (min-width: 768px) {
    .md\:\[\&\>p\]\:text-2xl > p {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}
.\[\&\>section\:nth-of-type\(even\)\]\:bg-lightgray > section:nth-of-type(2n) {
    --tw-bg-opacity: 1;
    background-color: rgb(244 244 244 / var(--tw-bg-opacity, 1));
}
.\[\&\>svg\]\:h-full > svg {
    height: 100%;
}
.\[\&\>ul\]\:list-disc > ul {
    list-style-type: disc;
}
.\[\&_\.char\]\:origin-bottom-left .char {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}
.\[\&_\.line\]\:overflow-hidden .line {
    overflow: hidden;
}
.\[\&_ol\]\:list-decimal ol {
    list-style-type: decimal;
}
.\[\&_p\]\:text-size-inherit p {
    font-size: inherit;
}
.\[\&_p_span\]\:bg-clip-text p span {
    -webkit-background-clip: text;
    background-clip: text;
}
.\[\&_p_span\]\:text-fill-transparent p span {
    -webkit-text-fill-color: transparent;
}
.\[\&_svg\]\:inline-block svg {
    display: inline-block;
}
.group:hover
    .group-hover\:\[\&_svg_path\.solid\:not\(\.solid--fixed\)\]\:fill-white
    svg
    path.solid:not(.solid--fixed) {
    fill: #fff;
}
.group\/item:hover
    .group-hover\/item\:\[\&_svg_path\:first-child\]\:fill-red-600
    svg
    path:first-child {
    fill: #dc2626;
}
.group:hover
    .group-hover\:\[\&_svg_path\:first-child\]\:fill-ci
    svg
    path:first-child {
    fill: #ee273b;
}
.group:hover
    .group-hover\:\[\&_svg_path\:not\(\.solid\)\]\:stroke-white
    svg
    path:not(.solid) {
    stroke: #fff;
}
.\[\&_svg_path\]\:transition-all svg path {
    -webkit-transition-duration: 0.15s;
    transition-duration: 0.15s;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.\[\&_ul\]\:list-\[circle\] ul {
    list-style-type: circle;
}
.\[\&_ul\]\:list-\[disc\] ul,
.\[\&_ul\]\:list-disc ul {
    list-style-type: disc;
}