@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
:root {
    --transition-ease: cubic-bezier(.2, .6, .4, 1);
    --transition-ease-2: cubic-bezier(.5, 0, 0, 1);
    --transition-duration: .3s;
    --transition-duration-2: .6s;
    --transition: var(--transition-duration) var(--transition-ease);
    --transition-2: var(--transition-duration-2) var(--transition-ease-2);
    --transition-3: .6s cubic-bezier(.5, 1.3, .5, 1);
    --transition-4: 1s cubic-bezier(.5, 0, 0, 1);
    --grid-gap: 1.5rem;
    --grid-row-gap: clamp(4rem, calc(80 * 100vw / 1512), 8rem);
    --grid-ext: clamp(2rem, calc(50 * 100vw / 1512), 5rem);
    --grid-max: 100%;
    --font-1: Inter, sans-serif;
    --fluid: 62.5%;
    --header-height: 7rem;
    --angle: 315deg;
}

@media (min-width: 1025px) {
    :root {
        --header-height: 9rem;
    }
}
@media (min-width: 1512px) {
    :root {
        --fluid: 0.6vw;
    }
}
:root {
    --color-0: transparent;
    --color-1: #131515;
    --color-2: #FFFFFF;
    --color-3: #EFF6F6;
    --color-4: #00BBB5;
    --color-5: #6DF4EE;
    --color-6: #272929;
    --color-text: var(--color-1);
    --color-highlight: var(--color-4);
    --color-highlight-2: var(--color-2);
    --color-highlight-3: var(--color-5);
    --color-highlight-4: var(--color-1);
    --color-background: var(--color-0);
}

.background-0 {
    --color-background: var(--color-0);
    --color-text: var(--color-1);
    --color-highlight: var(--color-4);
    --color-highlight-2: var(--color-2);
    --color-highlight-3: var(--color-5);
    --color-highlight-4: var(--color-1);
    color: var(--color-text);
    background-color: var(--color-0);
}

.color-0 {
    color: var(--color-0);
}

.background-1 {
    --color-background: var(--color-1);
    --color-text: var(--color-2);
    --color-highlight: var(--color-4);
    --color-highlight-2: var(--color-2);
    --color-highlight-3: var(--color-5);
    --color-highlight-4: var(--color-1);
    color: var(--color-text);
    background-color: var(--color-1);
}

.color-1 {
    color: var(--color-1);
}

.background-2 {
    --color-background: var(--color-2);
    --color-text: var(--color-1);
    --color-highlight: var(--color-4);
    --color-highlight-2: var(--color-2);
    --color-highlight-3: var(--color-5);
    --color-highlight-4: var(--color-1);
    color: var(--color-text);
    background-color: var(--color-2);
}

.color-2 {
    color: var(--color-2);
}

.background-3 {
    --color-background: var(--color-3);
    --color-text: var(--color-1);
    --color-highlight: var(--color-4);
    --color-highlight-2: var(--color-2);
    --color-highlight-3: var(--color-5);
    --color-highlight-4: var(--color-1);
    color: var(--color-text);
    background-color: var(--color-3);
}

.color-3 {
    color: var(--color-3);
}

.background-4 {
    --color-background: var(--color-4);
    --color-text: var(--color-1);
    --color-highlight: var(--color-2);
    --color-highlight-2: var(--color-4);
    --color-highlight-3: var(--color-2);
    --color-highlight-4: var(--color-4);
    color: var(--color-text);
    background-color: var(--color-4);
}

.color-4 {
    color: var(--color-4);
}

.background-5 {
    --color-background: var(--color-5);
    --color-text: var(--color-1);
    --color-highlight: var(--color-2);
    --color-highlight-2: var(--color-4);
    --color-highlight-3: var(--color-2);
    --color-highlight-4: var(--color-4);
    color: var(--color-text);
    background-color: var(--color-5);
}

.color-5 {
    color: var(--color-5);
}

.strate.background-1 {
    background-image: url(/wp-content/themes/breakpoint/assets/img/pattern.svg);
    background-position: top center;
    background-repeat: repeat;
    background-size: 2rem 2rem;
    background-attachment: fixed;
}

.background-highlight {
    background-color: var(--color-highlight);
}

.color-highlight {
    color: var(--color-highlight);
}

.h1 em, .h1 i, .rte h1 em, .rte h1 i, .mce-content-body h1 em, .mce-content-body h1 i,
.h2 em,
.h2 i, .rte h2 em, .rte h2 i, .mce-content-body h2 em, .mce-content-body h2 i,
.h3 em,
.h3 i, .rte h3 em, .rte h3 i, .mce-content-body h3 em, .mce-content-body h3 i,
.h6 em,
.h6 i, .rte h6 em, .rte h6 i, .mce-content-body h6 em, .mce-content-body h6 i {
    font-style: italic;
    color: var(--color-highlight);
}
.h1 strong, .h1 b, .rte h1 strong, .rte h1 b, .mce-content-body h1 strong, .mce-content-body h1 b,
.h2 strong,
.h2 b, .rte h2 strong, .rte h2 b, .mce-content-body h2 strong, .mce-content-body h2 b,
.h3 strong,
.h3 b, .rte h3 strong, .rte h3 b, .mce-content-body h3 strong, .mce-content-body h3 b,
.h6 strong,
.h6 b, .rte h6 strong, .rte h6 b, .mce-content-body h6 strong, .mce-content-body h6 b {
    font-weight: 600;
}

.h1,
.rte h1,
.mce-content-body h1 {
    font-weight: 400;
    line-height: 110%;
    font-size: clamp(4rem, calc(55 * 100vw / 1512), 5.5rem);
}

.h2,
.rte h2,
.mce-content-body h2 {
    font-weight: 400;
    line-height: 110%;
    font-size: clamp(3.5rem, calc(50 * 100vw / 1512), 5rem);
}

.h3,
.rte h3,
.mce-content-body h3 {
    font-weight: 400;
    line-height: 110%;
    font-size: clamp(2.8rem, calc(40 * 100vw / 1512), 4rem);
}

.h4,
.rte h4,
.mce-content-body h4 {
    font-weight: 400;
    line-height: 120%;
    font-size: clamp(2rem, calc(28 * 100vw / 1512), 2.8rem);
}

.h5,
.rte h5,
.mce-content-body h5 {
    font-weight: 900;
    line-height: 120%;
    font-size: clamp(1.8rem, calc(20 * 100vw / 1512), 2rem);
    font-style: italic;
    text-transform: uppercase;
}

.h6,
.rte h6,
.mce-content-body h6 {
    font-weight: 400;
    line-height: 110%;
    font-size: clamp(3.2rem, calc(45 * 100vw / 1512), 4.5rem);
}

.h7,
.rte h7,
.mce-content-body h7 {
    font-weight: 400;
    line-height: 120%;
    font-size: clamp(2.4rem, calc(34 * 100vw / 1512), 3.4rem);
}

.h8 {
    font-weight: 400;
    line-height: 120%;
    font-size: clamp(1.8rem, calc(24 * 100vw / 1512), 2.4rem);
}

.h9 {
    text-transform: uppercase;
    font-weight: 900;
    line-height: 120%;
    font-size: clamp(1.8rem, calc(24 * 100vw / 1512), 2.4rem);
}

.h10 {
    font-weight: 900;
    text-transform: uppercase;
    line-height: 110%;
    font-size: clamp(2rem, calc(30 * 100vw / 1512), 3rem);
}

.text--lg,
.rte .text--lg,
.mce-content-body .text--lg {
    font-size: clamp(1.8rem, calc(20 * 100vw / 1512), 2rem);
}

.text--sm,
.rte .text--sm,
.mce-content-body .text--sm {
    font-size: clamp(1.4rem, calc(16 * 100vw / 1512), 1.6rem);
}

.rte,
.mce-content-body {
    --rte-default-margin: 2rem;
}
.rte b,
.rte strong,
.mce-content-body b,
.mce-content-body strong {
    color: var(--color-highlight);
    font-weight: 900;
}
.rte p:not([class]),
.mce-content-body p:not([class]) {
    line-height: 130%;
}
.rte > * + *,
.mce-content-body > * + * {
    margin-top: var(--rte-default-margin);
}
.rte > * + h1, .rte > * + .h1,
.mce-content-body > * + h1,
.mce-content-body > * + .h1 {
    margin-top: 5rem;
}
.rte > * + h2, .rte > * + .h2,
.mce-content-body > * + h2,
.mce-content-body > * + .h2 {
    margin-top: 5rem;
}
.rte > * + h3, .rte > * + .h3,
.mce-content-body > * + h3,
.mce-content-body > * + .h3 {
    margin-top: 4.5rem;
}
.rte > * + h4, .rte > * + h5, .rte > * + .h4, .rte > * + .h5,
.mce-content-body > * + h4,
.mce-content-body > * + h5,
.mce-content-body > * + .h4,
.mce-content-body > * + .h5 {
    margin-top: 3.5rem;
}
.rte > h1 + *, .rte > .h1 + *,
.mce-content-body > h1 + *,
.mce-content-body > .h1 + * {
    margin-top: 4.5rem;
}
.rte > h2 + *, .rte > .h2 + *,
.mce-content-body > h2 + *,
.mce-content-body > .h2 + * {
    margin-top: 4.5rem;
}
.rte > h3 + *, .rte > .h3 + *,
.mce-content-body > h3 + *,
.mce-content-body > .h3 + * {
    margin-top: 3.5rem;
}
.rte > h9 + *, .rte > .h9 + *,
.mce-content-body > h9 + *,
.mce-content-body > .h9 + * {
    margin-top: 2.5rem;
}
.rte > h4 + *, .rte > h5 + *, .rte > .h4 + *, .rte > .h5 + *,
.mce-content-body > h4 + *,
.mce-content-body > h5 + *,
.mce-content-body > .h4 + *,
.mce-content-body > .h5 + * {
    margin-top: var(--rte-default-margin);
}
.rte > .h6 + *,
.mce-content-body > .h6 + * {
    margin-top: var(--rte-default-margin);
}
.rte > * + .button,
.mce-content-body > * + .button {
    margin-top: 4rem;
}
.rte > * + ul,
.mce-content-body > * + ul {
    margin-top: 5rem;
}
.rte > * + .buttons,
.mce-content-body > * + .buttons {
    margin-top: 6rem;
}
.rte > * + .quote, .rte > * + blockquote,
.mce-content-body > * + .quote,
.mce-content-body > * + blockquote {
    margin-top: 6rem;
}
.rte ul,
.mce-content-body ul {
    list-style-type: none;
    padding: 0;
}
.rte ul li,
.mce-content-body ul li {
    position: relative;
    padding-left: 1em;
    line-height: 150%;
}
.rte ul li ul,
.mce-content-body ul li ul {
    margin-top: 1.5rem;
}
.rte ul li + li,
.mce-content-body ul li + li {
    margin-top: 0.5rem;
}
.rte ul li:before,
.mce-content-body ul li:before {
    position: absolute;
    content: "";
    height: 0.8em;
    aspect-ratio: 1/2;
    background-color: var(--color-highlight);
    top: 0.42em;
    left: 0;
    background-size: contain;
    -webkit-mask-size: contain !important;
    mask-size: contain !important;
    -webkit-mask: url(/wp-content/themes/breakpoint/assets/img/arrow.svg) no-repeat 50% 50%;
    mask: url(/wp-content/themes/breakpoint/assets/img/arrow.svg) no-repeat 50% 50%;
}
.rte ul + *,
.mce-content-body ul + * {
    margin-top: 5rem;
}
.rte > * + ul,
.mce-content-body > * + ul {
    margin-top: var(--rte-default-margin);
}
.rte ol,
.mce-content-body ol {
    list-style-type: auto;
    padding-left: 2rem;
}
.rte ol li,
.mce-content-body ol li {
    position: relative;
    line-height: 150%;
}
.rte ol li::marker,
.mce-content-body ol li::marker {
    font-weight: 700;
    color: var(--color-highlight);
}
.rte ol li + li,
.mce-content-body ol li + li {
    margin-top: 1.5rem;
}
.rte ol + *,
.mce-content-body ol + * {
    margin-top: 5rem;
}
.rte a:not(.button, .link, .link-icon),
.mce-content-body a:not(.button, .link, .link-icon) {
    color: var(--color-text);
    text-decoration: underline;
    transition: var(--transition);
    font-weight: 700;
    text-underline-offset: 0.3em;
    text-decoration-thickness: 0.1rem;
}
@media (min-width: 768px) {
    .rte a:not(.button, .link, .link-icon):hover,
.mce-content-body a:not(.button, .link, .link-icon):hover {
        color: var(--color-highlight);
    }
}
.rte .suptitle + *,
.mce-content-body .suptitle + * {
    margin-top: 3rem;
}

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

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */
    a,
a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images,
    or javascript/internal links */
    pre,
blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    /* h5bp.com/t */
    tr,
img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }
    p,
h2,
h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
h3 {
        page-break-after: avoid;
    }
}
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}

*,
::before,
::after {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    color: #fff;
    text-shadow: none;
    background: #000;
}

button {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

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

a {
    cursor: pointer;
    text-decoration: none;
}
a:hover, a:active, a:focus {
    outline: none;
}

bbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

dfn {
    font-style: italic;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cbc1b3;
    margin: 1.5em 0;
    padding: 0;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

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

pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

q:before,
q:after {
    content: "";
}

small {
    font-size: 85%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul,
ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

dd {
    margin: 0 0 0 40px;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

/* form reset */
form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
    outline: none;
}

button,
input {
    line-height: normal;
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
    *overflow: visible;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *width: 13px;
    *height: 13px;
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input:invalid,
textarea:invalid {
    background-color: #f0dddd;
}

video {
    width: 100%;
}

picture {
    width: 100%;
    display: block;
}
picture img {
    display: block;
    width: 100%;
    height: auto;
}

svg {
    display: block;
    height: auto;
}

p {
    margin: 0;
    padding: 0;
}

button {
    font-family: var(--font-1);
}

img:not([src]):not([srcset]) {
    visibility: hidden;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

.grid {
    position: relative;
    grid-gap: var(--grid-gap);
    grid-row-gap: var(--grid-row-gap);
    padding: 0 var(--grid-ext);
    max-width: var(--grid-max);
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    align-items: flex-start;
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: stretch;
}
.grid + .grid {
    margin-top: var(--grid-row-gap);
}
.grid .grid {
    padding-left: 0;
    padding-right: 0;
}
.grid.start {
    align-items: flex-start;
}
.grid.center {
    align-items: center;
}
.grid.end {
    align-items: flex-end;
}
.grid > * {
    grid-column: 1/-1;
    grid-row: auto;
}

.col-1 {
    grid-column: span 1;
}

.col-2 {
    grid-column: span 2;
}

.col-3 {
    grid-column: span 3;
}

.col-4 {
    grid-column: span 4;
}

.col-5 {
    grid-column: span 5;
}

.col-6 {
    grid-column: span 6;
}

.col-7 {
    grid-column: span 7;
}

.col-8 {
    grid-column: span 8;
}

.col-9 {
    grid-column: span 9;
}

.col-10 {
    grid-column: span 10;
}

.col-11 {
    grid-column: span 11;
}

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

.col-1-2 {
    grid-column: 1/2;
}

.col-1-3 {
    grid-column: 1/3;
}

.col-1-4 {
    grid-column: 1/4;
}

.col-1-5 {
    grid-column: 1/5;
}

.col-1-6 {
    grid-column: 1/6;
}

.col-1-7 {
    grid-column: 1/7;
}

.col-1-8 {
    grid-column: 1/8;
}

.col-1-9 {
    grid-column: 1/9;
}

.col-1-10 {
    grid-column: 1/10;
}

.col-1-11 {
    grid-column: 1/11;
}

.col-1-12 {
    grid-column: 1/12;
}

.col-1-13 {
    grid-column: 1/13;
}

.col-1--1 {
    grid-column: 1/-1;
}

.col-1--2 {
    grid-column: 1/-2;
}

.col-1--3 {
    grid-column: 1/-3;
}

.col-1--4 {
    grid-column: 1/-4;
}

.col-1--5 {
    grid-column: 1/-5;
}

.col-1--6 {
    grid-column: 1/-6;
}

.col-1--7 {
    grid-column: 1/-7;
}

.col-1--8 {
    grid-column: 1/-8;
}

.col-1--9 {
    grid-column: 1/-9;
}

.col-1--10 {
    grid-column: 1/-10;
}

.col-1--11 {
    grid-column: 1/-11;
}

.col-1--12 {
    grid-column: 1/-12;
}

.col-1-auto {
    grid-column: 1/auto;
}

.col-2-3 {
    grid-column: 2/3;
}

.col-2-4 {
    grid-column: 2/4;
}

.col-2-5 {
    grid-column: 2/5;
}

.col-2-6 {
    grid-column: 2/6;
}

.col-2-7 {
    grid-column: 2/7;
}

.col-2-8 {
    grid-column: 2/8;
}

.col-2-9 {
    grid-column: 2/9;
}

.col-2-10 {
    grid-column: 2/10;
}

.col-2-11 {
    grid-column: 2/11;
}

.col-2-12 {
    grid-column: 2/12;
}

.col-2-13 {
    grid-column: 2/13;
}

.col-2--1 {
    grid-column: 2/-1;
}

.col-2--2 {
    grid-column: 2/-2;
}

.col-2--3 {
    grid-column: 2/-3;
}

.col-2--4 {
    grid-column: 2/-4;
}

.col-2--5 {
    grid-column: 2/-5;
}

.col-2--6 {
    grid-column: 2/-6;
}

.col-2--7 {
    grid-column: 2/-7;
}

.col-2--8 {
    grid-column: 2/-8;
}

.col-2--9 {
    grid-column: 2/-9;
}

.col-2--10 {
    grid-column: 2/-10;
}

.col-2--11 {
    grid-column: 2/-11;
}

.col-2--12 {
    grid-column: 2/-12;
}

.col-2-auto {
    grid-column: 2/auto;
}

.col-3-4 {
    grid-column: 3/4;
}

.col-3-5 {
    grid-column: 3/5;
}

.col-3-6 {
    grid-column: 3/6;
}

.col-3-7 {
    grid-column: 3/7;
}

.col-3-8 {
    grid-column: 3/8;
}

.col-3-9 {
    grid-column: 3/9;
}

.col-3-10 {
    grid-column: 3/10;
}

.col-3-11 {
    grid-column: 3/11;
}

.col-3-12 {
    grid-column: 3/12;
}

.col-3-13 {
    grid-column: 3/13;
}

.col-3--1 {
    grid-column: 3/-1;
}

.col-3--2 {
    grid-column: 3/-2;
}

.col-3--3 {
    grid-column: 3/-3;
}

.col-3--4 {
    grid-column: 3/-4;
}

.col-3--5 {
    grid-column: 3/-5;
}

.col-3--6 {
    grid-column: 3/-6;
}

.col-3--7 {
    grid-column: 3/-7;
}

.col-3--8 {
    grid-column: 3/-8;
}

.col-3--9 {
    grid-column: 3/-9;
}

.col-3--10 {
    grid-column: 3/-10;
}

.col-3--11 {
    grid-column: 3/-11;
}

.col-3--12 {
    grid-column: 3/-12;
}

.col-3-auto {
    grid-column: 3/auto;
}

.col-4-5 {
    grid-column: 4/5;
}

.col-4-6 {
    grid-column: 4/6;
}

.col-4-7 {
    grid-column: 4/7;
}

.col-4-8 {
    grid-column: 4/8;
}

.col-4-9 {
    grid-column: 4/9;
}

.col-4-10 {
    grid-column: 4/10;
}

.col-4-11 {
    grid-column: 4/11;
}

.col-4-12 {
    grid-column: 4/12;
}

.col-4-13 {
    grid-column: 4/13;
}

.col-4--1 {
    grid-column: 4/-1;
}

.col-4--2 {
    grid-column: 4/-2;
}

.col-4--3 {
    grid-column: 4/-3;
}

.col-4--4 {
    grid-column: 4/-4;
}

.col-4--5 {
    grid-column: 4/-5;
}

.col-4--6 {
    grid-column: 4/-6;
}

.col-4--7 {
    grid-column: 4/-7;
}

.col-4--8 {
    grid-column: 4/-8;
}

.col-4--9 {
    grid-column: 4/-9;
}

.col-4--10 {
    grid-column: 4/-10;
}

.col-4--11 {
    grid-column: 4/-11;
}

.col-4--12 {
    grid-column: 4/-12;
}

.col-4-auto {
    grid-column: 4/auto;
}

.col-5-6 {
    grid-column: 5/6;
}

.col-5-7 {
    grid-column: 5/7;
}

.col-5-8 {
    grid-column: 5/8;
}

.col-5-9 {
    grid-column: 5/9;
}

.col-5-10 {
    grid-column: 5/10;
}

.col-5-11 {
    grid-column: 5/11;
}

.col-5-12 {
    grid-column: 5/12;
}

.col-5-13 {
    grid-column: 5/13;
}

.col-5--1 {
    grid-column: 5/-1;
}

.col-5--2 {
    grid-column: 5/-2;
}

.col-5--3 {
    grid-column: 5/-3;
}

.col-5--4 {
    grid-column: 5/-4;
}

.col-5--5 {
    grid-column: 5/-5;
}

.col-5--6 {
    grid-column: 5/-6;
}

.col-5--7 {
    grid-column: 5/-7;
}

.col-5--8 {
    grid-column: 5/-8;
}

.col-5--9 {
    grid-column: 5/-9;
}

.col-5--10 {
    grid-column: 5/-10;
}

.col-5--11 {
    grid-column: 5/-11;
}

.col-5--12 {
    grid-column: 5/-12;
}

.col-5-auto {
    grid-column: 5/auto;
}

.col-6-7 {
    grid-column: 6/7;
}

.col-6-8 {
    grid-column: 6/8;
}

.col-6-9 {
    grid-column: 6/9;
}

.col-6-10 {
    grid-column: 6/10;
}

.col-6-11 {
    grid-column: 6/11;
}

.col-6-12 {
    grid-column: 6/12;
}

.col-6-13 {
    grid-column: 6/13;
}

.col-6--1 {
    grid-column: 6/-1;
}

.col-6--2 {
    grid-column: 6/-2;
}

.col-6--3 {
    grid-column: 6/-3;
}

.col-6--4 {
    grid-column: 6/-4;
}

.col-6--5 {
    grid-column: 6/-5;
}

.col-6--6 {
    grid-column: 6/-6;
}

.col-6--7 {
    grid-column: 6/-7;
}

.col-6--8 {
    grid-column: 6/-8;
}

.col-6--9 {
    grid-column: 6/-9;
}

.col-6--10 {
    grid-column: 6/-10;
}

.col-6--11 {
    grid-column: 6/-11;
}

.col-6--12 {
    grid-column: 6/-12;
}

.col-6-auto {
    grid-column: 6/auto;
}

.col-7-8 {
    grid-column: 7/8;
}

.col-7-9 {
    grid-column: 7/9;
}

.col-7-10 {
    grid-column: 7/10;
}

.col-7-11 {
    grid-column: 7/11;
}

.col-7-12 {
    grid-column: 7/12;
}

.col-7-13 {
    grid-column: 7/13;
}

.col-7--1 {
    grid-column: 7/-1;
}

.col-7--2 {
    grid-column: 7/-2;
}

.col-7--3 {
    grid-column: 7/-3;
}

.col-7--4 {
    grid-column: 7/-4;
}

.col-7--5 {
    grid-column: 7/-5;
}

.col-7--6 {
    grid-column: 7/-6;
}

.col-7--7 {
    grid-column: 7/-7;
}

.col-7--8 {
    grid-column: 7/-8;
}

.col-7--9 {
    grid-column: 7/-9;
}

.col-7--10 {
    grid-column: 7/-10;
}

.col-7--11 {
    grid-column: 7/-11;
}

.col-7--12 {
    grid-column: 7/-12;
}

.col-7-auto {
    grid-column: 7/auto;
}

.col-8-9 {
    grid-column: 8/9;
}

.col-8-10 {
    grid-column: 8/10;
}

.col-8-11 {
    grid-column: 8/11;
}

.col-8-12 {
    grid-column: 8/12;
}

.col-8-13 {
    grid-column: 8/13;
}

.col-8--1 {
    grid-column: 8/-1;
}

.col-8--2 {
    grid-column: 8/-2;
}

.col-8--3 {
    grid-column: 8/-3;
}

.col-8--4 {
    grid-column: 8/-4;
}

.col-8--5 {
    grid-column: 8/-5;
}

.col-8--6 {
    grid-column: 8/-6;
}

.col-8--7 {
    grid-column: 8/-7;
}

.col-8--8 {
    grid-column: 8/-8;
}

.col-8--9 {
    grid-column: 8/-9;
}

.col-8--10 {
    grid-column: 8/-10;
}

.col-8--11 {
    grid-column: 8/-11;
}

.col-8--12 {
    grid-column: 8/-12;
}

.col-8-auto {
    grid-column: 8/auto;
}

.col-9-10 {
    grid-column: 9/10;
}

.col-9-11 {
    grid-column: 9/11;
}

.col-9-12 {
    grid-column: 9/12;
}

.col-9-13 {
    grid-column: 9/13;
}

.col-9--1 {
    grid-column: 9/-1;
}

.col-9--2 {
    grid-column: 9/-2;
}

.col-9--3 {
    grid-column: 9/-3;
}

.col-9--4 {
    grid-column: 9/-4;
}

.col-9--5 {
    grid-column: 9/-5;
}

.col-9--6 {
    grid-column: 9/-6;
}

.col-9--7 {
    grid-column: 9/-7;
}

.col-9--8 {
    grid-column: 9/-8;
}

.col-9--9 {
    grid-column: 9/-9;
}

.col-9--10 {
    grid-column: 9/-10;
}

.col-9--11 {
    grid-column: 9/-11;
}

.col-9--12 {
    grid-column: 9/-12;
}

.col-9-auto {
    grid-column: 9/auto;
}

.col-10-11 {
    grid-column: 10/11;
}

.col-10-12 {
    grid-column: 10/12;
}

.col-10-13 {
    grid-column: 10/13;
}

.col-10--1 {
    grid-column: 10/-1;
}

.col-10--2 {
    grid-column: 10/-2;
}

.col-10--3 {
    grid-column: 10/-3;
}

.col-10--4 {
    grid-column: 10/-4;
}

.col-10--5 {
    grid-column: 10/-5;
}

.col-10--6 {
    grid-column: 10/-6;
}

.col-10--7 {
    grid-column: 10/-7;
}

.col-10--8 {
    grid-column: 10/-8;
}

.col-10--9 {
    grid-column: 10/-9;
}

.col-10--10 {
    grid-column: 10/-10;
}

.col-10--11 {
    grid-column: 10/-11;
}

.col-10--12 {
    grid-column: 10/-12;
}

.col-10-auto {
    grid-column: 10/auto;
}

.col-11-12 {
    grid-column: 11/12;
}

.col-11-13 {
    grid-column: 11/13;
}

.col-11--1 {
    grid-column: 11/-1;
}

.col-11--2 {
    grid-column: 11/-2;
}

.col-11--3 {
    grid-column: 11/-3;
}

.col-11--4 {
    grid-column: 11/-4;
}

.col-11--5 {
    grid-column: 11/-5;
}

.col-11--6 {
    grid-column: 11/-6;
}

.col-11--7 {
    grid-column: 11/-7;
}

.col-11--8 {
    grid-column: 11/-8;
}

.col-11--9 {
    grid-column: 11/-9;
}

.col-11--10 {
    grid-column: 11/-10;
}

.col-11--11 {
    grid-column: 11/-11;
}

.col-11--12 {
    grid-column: 11/-12;
}

.col-11-auto {
    grid-column: 11/auto;
}

.col-12-13 {
    grid-column: 12/13;
}

.col-12--1 {
    grid-column: 12/-1;
}

.col-12--2 {
    grid-column: 12/-2;
}

.col-12--3 {
    grid-column: 12/-3;
}

.col-12--4 {
    grid-column: 12/-4;
}

.col-12--5 {
    grid-column: 12/-5;
}

.col-12--6 {
    grid-column: 12/-6;
}

.col-12--7 {
    grid-column: 12/-7;
}

.col-12--8 {
    grid-column: 12/-8;
}

.col-12--9 {
    grid-column: 12/-9;
}

.col-12--10 {
    grid-column: 12/-10;
}

.col-12--11 {
    grid-column: 12/-11;
}

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

.col-12-auto {
    grid-column: 12/auto;
}

.d-none {
    display: none !important;
}

.d-inline {
    display: inline !important;
}

.d-inline-block {
    display: inline-block !important;
}

.d-block {
    display: block !important;
}

.d-table {
    display: table !important;
}

.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}

.d-flex {
    display: flex !important;
}

.d-inline-flex {
    display: inline-flex !important;
}

@media (min-width: 576px) {
    .col-sm-1 {
        grid-column: span 1;
    }

    .col-sm-2 {
        grid-column: span 2;
    }

    .col-sm-3 {
        grid-column: span 3;
    }

    .col-sm-4 {
        grid-column: span 4;
    }

    .col-sm-5 {
        grid-column: span 5;
    }

    .col-sm-6 {
        grid-column: span 6;
    }

    .col-sm-7 {
        grid-column: span 7;
    }

    .col-sm-8 {
        grid-column: span 8;
    }

    .col-sm-9 {
        grid-column: span 9;
    }

    .col-sm-10 {
        grid-column: span 10;
    }

    .col-sm-11 {
        grid-column: span 11;
    }

    .col-sm-12 {
        grid-column: span 12;
    }

    .col-sm-1-2 {
        grid-column: 1/2;
    }

    .col-sm-1-3 {
        grid-column: 1/3;
    }

    .col-sm-1-4 {
        grid-column: 1/4;
    }

    .col-sm-1-5 {
        grid-column: 1/5;
    }

    .col-sm-1-6 {
        grid-column: 1/6;
    }

    .col-sm-1-7 {
        grid-column: 1/7;
    }

    .col-sm-1-8 {
        grid-column: 1/8;
    }

    .col-sm-1-9 {
        grid-column: 1/9;
    }

    .col-sm-1-10 {
        grid-column: 1/10;
    }

    .col-sm-1-11 {
        grid-column: 1/11;
    }

    .col-sm-1-12 {
        grid-column: 1/12;
    }

    .col-sm-1-13 {
        grid-column: 1/13;
    }

    .col-sm-1--1 {
        grid-column: 1/-1;
    }

    .col-sm-1--2 {
        grid-column: 1/-2;
    }

    .col-sm-1--3 {
        grid-column: 1/-3;
    }

    .col-sm-1--4 {
        grid-column: 1/-4;
    }

    .col-sm-1--5 {
        grid-column: 1/-5;
    }

    .col-sm-1--6 {
        grid-column: 1/-6;
    }

    .col-sm-1--7 {
        grid-column: 1/-7;
    }

    .col-sm-1--8 {
        grid-column: 1/-8;
    }

    .col-sm-1--9 {
        grid-column: 1/-9;
    }

    .col-sm-1--10 {
        grid-column: 1/-10;
    }

    .col-sm-1--11 {
        grid-column: 1/-11;
    }

    .col-sm-1--12 {
        grid-column: 1/-12;
    }

    .col-sm-1-auto {
        grid-column: 1/auto;
    }

    .col-sm-2-3 {
        grid-column: 2/3;
    }

    .col-sm-2-4 {
        grid-column: 2/4;
    }

    .col-sm-2-5 {
        grid-column: 2/5;
    }

    .col-sm-2-6 {
        grid-column: 2/6;
    }

    .col-sm-2-7 {
        grid-column: 2/7;
    }

    .col-sm-2-8 {
        grid-column: 2/8;
    }

    .col-sm-2-9 {
        grid-column: 2/9;
    }

    .col-sm-2-10 {
        grid-column: 2/10;
    }

    .col-sm-2-11 {
        grid-column: 2/11;
    }

    .col-sm-2-12 {
        grid-column: 2/12;
    }

    .col-sm-2-13 {
        grid-column: 2/13;
    }

    .col-sm-2--1 {
        grid-column: 2/-1;
    }

    .col-sm-2--2 {
        grid-column: 2/-2;
    }

    .col-sm-2--3 {
        grid-column: 2/-3;
    }

    .col-sm-2--4 {
        grid-column: 2/-4;
    }

    .col-sm-2--5 {
        grid-column: 2/-5;
    }

    .col-sm-2--6 {
        grid-column: 2/-6;
    }

    .col-sm-2--7 {
        grid-column: 2/-7;
    }

    .col-sm-2--8 {
        grid-column: 2/-8;
    }

    .col-sm-2--9 {
        grid-column: 2/-9;
    }

    .col-sm-2--10 {
        grid-column: 2/-10;
    }

    .col-sm-2--11 {
        grid-column: 2/-11;
    }

    .col-sm-2--12 {
        grid-column: 2/-12;
    }

    .col-sm-2-auto {
        grid-column: 2/auto;
    }

    .col-sm-3-4 {
        grid-column: 3/4;
    }

    .col-sm-3-5 {
        grid-column: 3/5;
    }

    .col-sm-3-6 {
        grid-column: 3/6;
    }

    .col-sm-3-7 {
        grid-column: 3/7;
    }

    .col-sm-3-8 {
        grid-column: 3/8;
    }

    .col-sm-3-9 {
        grid-column: 3/9;
    }

    .col-sm-3-10 {
        grid-column: 3/10;
    }

    .col-sm-3-11 {
        grid-column: 3/11;
    }

    .col-sm-3-12 {
        grid-column: 3/12;
    }

    .col-sm-3-13 {
        grid-column: 3/13;
    }

    .col-sm-3--1 {
        grid-column: 3/-1;
    }

    .col-sm-3--2 {
        grid-column: 3/-2;
    }

    .col-sm-3--3 {
        grid-column: 3/-3;
    }

    .col-sm-3--4 {
        grid-column: 3/-4;
    }

    .col-sm-3--5 {
        grid-column: 3/-5;
    }

    .col-sm-3--6 {
        grid-column: 3/-6;
    }

    .col-sm-3--7 {
        grid-column: 3/-7;
    }

    .col-sm-3--8 {
        grid-column: 3/-8;
    }

    .col-sm-3--9 {
        grid-column: 3/-9;
    }

    .col-sm-3--10 {
        grid-column: 3/-10;
    }

    .col-sm-3--11 {
        grid-column: 3/-11;
    }

    .col-sm-3--12 {
        grid-column: 3/-12;
    }

    .col-sm-3-auto {
        grid-column: 3/auto;
    }

    .col-sm-4-5 {
        grid-column: 4/5;
    }

    .col-sm-4-6 {
        grid-column: 4/6;
    }

    .col-sm-4-7 {
        grid-column: 4/7;
    }

    .col-sm-4-8 {
        grid-column: 4/8;
    }

    .col-sm-4-9 {
        grid-column: 4/9;
    }

    .col-sm-4-10 {
        grid-column: 4/10;
    }

    .col-sm-4-11 {
        grid-column: 4/11;
    }

    .col-sm-4-12 {
        grid-column: 4/12;
    }

    .col-sm-4-13 {
        grid-column: 4/13;
    }

    .col-sm-4--1 {
        grid-column: 4/-1;
    }

    .col-sm-4--2 {
        grid-column: 4/-2;
    }

    .col-sm-4--3 {
        grid-column: 4/-3;
    }

    .col-sm-4--4 {
        grid-column: 4/-4;
    }

    .col-sm-4--5 {
        grid-column: 4/-5;
    }

    .col-sm-4--6 {
        grid-column: 4/-6;
    }

    .col-sm-4--7 {
        grid-column: 4/-7;
    }

    .col-sm-4--8 {
        grid-column: 4/-8;
    }

    .col-sm-4--9 {
        grid-column: 4/-9;
    }

    .col-sm-4--10 {
        grid-column: 4/-10;
    }

    .col-sm-4--11 {
        grid-column: 4/-11;
    }

    .col-sm-4--12 {
        grid-column: 4/-12;
    }

    .col-sm-4-auto {
        grid-column: 4/auto;
    }

    .col-sm-5-6 {
        grid-column: 5/6;
    }

    .col-sm-5-7 {
        grid-column: 5/7;
    }

    .col-sm-5-8 {
        grid-column: 5/8;
    }

    .col-sm-5-9 {
        grid-column: 5/9;
    }

    .col-sm-5-10 {
        grid-column: 5/10;
    }

    .col-sm-5-11 {
        grid-column: 5/11;
    }

    .col-sm-5-12 {
        grid-column: 5/12;
    }

    .col-sm-5-13 {
        grid-column: 5/13;
    }

    .col-sm-5--1 {
        grid-column: 5/-1;
    }

    .col-sm-5--2 {
        grid-column: 5/-2;
    }

    .col-sm-5--3 {
        grid-column: 5/-3;
    }

    .col-sm-5--4 {
        grid-column: 5/-4;
    }

    .col-sm-5--5 {
        grid-column: 5/-5;
    }

    .col-sm-5--6 {
        grid-column: 5/-6;
    }

    .col-sm-5--7 {
        grid-column: 5/-7;
    }

    .col-sm-5--8 {
        grid-column: 5/-8;
    }

    .col-sm-5--9 {
        grid-column: 5/-9;
    }

    .col-sm-5--10 {
        grid-column: 5/-10;
    }

    .col-sm-5--11 {
        grid-column: 5/-11;
    }

    .col-sm-5--12 {
        grid-column: 5/-12;
    }

    .col-sm-5-auto {
        grid-column: 5/auto;
    }

    .col-sm-6-7 {
        grid-column: 6/7;
    }

    .col-sm-6-8 {
        grid-column: 6/8;
    }

    .col-sm-6-9 {
        grid-column: 6/9;
    }

    .col-sm-6-10 {
        grid-column: 6/10;
    }

    .col-sm-6-11 {
        grid-column: 6/11;
    }

    .col-sm-6-12 {
        grid-column: 6/12;
    }

    .col-sm-6-13 {
        grid-column: 6/13;
    }

    .col-sm-6--1 {
        grid-column: 6/-1;
    }

    .col-sm-6--2 {
        grid-column: 6/-2;
    }

    .col-sm-6--3 {
        grid-column: 6/-3;
    }

    .col-sm-6--4 {
        grid-column: 6/-4;
    }

    .col-sm-6--5 {
        grid-column: 6/-5;
    }

    .col-sm-6--6 {
        grid-column: 6/-6;
    }

    .col-sm-6--7 {
        grid-column: 6/-7;
    }

    .col-sm-6--8 {
        grid-column: 6/-8;
    }

    .col-sm-6--9 {
        grid-column: 6/-9;
    }

    .col-sm-6--10 {
        grid-column: 6/-10;
    }

    .col-sm-6--11 {
        grid-column: 6/-11;
    }

    .col-sm-6--12 {
        grid-column: 6/-12;
    }

    .col-sm-6-auto {
        grid-column: 6/auto;
    }

    .col-sm-7-8 {
        grid-column: 7/8;
    }

    .col-sm-7-9 {
        grid-column: 7/9;
    }

    .col-sm-7-10 {
        grid-column: 7/10;
    }

    .col-sm-7-11 {
        grid-column: 7/11;
    }

    .col-sm-7-12 {
        grid-column: 7/12;
    }

    .col-sm-7-13 {
        grid-column: 7/13;
    }

    .col-sm-7--1 {
        grid-column: 7/-1;
    }

    .col-sm-7--2 {
        grid-column: 7/-2;
    }

    .col-sm-7--3 {
        grid-column: 7/-3;
    }

    .col-sm-7--4 {
        grid-column: 7/-4;
    }

    .col-sm-7--5 {
        grid-column: 7/-5;
    }

    .col-sm-7--6 {
        grid-column: 7/-6;
    }

    .col-sm-7--7 {
        grid-column: 7/-7;
    }

    .col-sm-7--8 {
        grid-column: 7/-8;
    }

    .col-sm-7--9 {
        grid-column: 7/-9;
    }

    .col-sm-7--10 {
        grid-column: 7/-10;
    }

    .col-sm-7--11 {
        grid-column: 7/-11;
    }

    .col-sm-7--12 {
        grid-column: 7/-12;
    }

    .col-sm-7-auto {
        grid-column: 7/auto;
    }

    .col-sm-8-9 {
        grid-column: 8/9;
    }

    .col-sm-8-10 {
        grid-column: 8/10;
    }

    .col-sm-8-11 {
        grid-column: 8/11;
    }

    .col-sm-8-12 {
        grid-column: 8/12;
    }

    .col-sm-8-13 {
        grid-column: 8/13;
    }

    .col-sm-8--1 {
        grid-column: 8/-1;
    }

    .col-sm-8--2 {
        grid-column: 8/-2;
    }

    .col-sm-8--3 {
        grid-column: 8/-3;
    }

    .col-sm-8--4 {
        grid-column: 8/-4;
    }

    .col-sm-8--5 {
        grid-column: 8/-5;
    }

    .col-sm-8--6 {
        grid-column: 8/-6;
    }

    .col-sm-8--7 {
        grid-column: 8/-7;
    }

    .col-sm-8--8 {
        grid-column: 8/-8;
    }

    .col-sm-8--9 {
        grid-column: 8/-9;
    }

    .col-sm-8--10 {
        grid-column: 8/-10;
    }

    .col-sm-8--11 {
        grid-column: 8/-11;
    }

    .col-sm-8--12 {
        grid-column: 8/-12;
    }

    .col-sm-8-auto {
        grid-column: 8/auto;
    }

    .col-sm-9-10 {
        grid-column: 9/10;
    }

    .col-sm-9-11 {
        grid-column: 9/11;
    }

    .col-sm-9-12 {
        grid-column: 9/12;
    }

    .col-sm-9-13 {
        grid-column: 9/13;
    }

    .col-sm-9--1 {
        grid-column: 9/-1;
    }

    .col-sm-9--2 {
        grid-column: 9/-2;
    }

    .col-sm-9--3 {
        grid-column: 9/-3;
    }

    .col-sm-9--4 {
        grid-column: 9/-4;
    }

    .col-sm-9--5 {
        grid-column: 9/-5;
    }

    .col-sm-9--6 {
        grid-column: 9/-6;
    }

    .col-sm-9--7 {
        grid-column: 9/-7;
    }

    .col-sm-9--8 {
        grid-column: 9/-8;
    }

    .col-sm-9--9 {
        grid-column: 9/-9;
    }

    .col-sm-9--10 {
        grid-column: 9/-10;
    }

    .col-sm-9--11 {
        grid-column: 9/-11;
    }

    .col-sm-9--12 {
        grid-column: 9/-12;
    }

    .col-sm-9-auto {
        grid-column: 9/auto;
    }

    .col-sm-10-11 {
        grid-column: 10/11;
    }

    .col-sm-10-12 {
        grid-column: 10/12;
    }

    .col-sm-10-13 {
        grid-column: 10/13;
    }

    .col-sm-10--1 {
        grid-column: 10/-1;
    }

    .col-sm-10--2 {
        grid-column: 10/-2;
    }

    .col-sm-10--3 {
        grid-column: 10/-3;
    }

    .col-sm-10--4 {
        grid-column: 10/-4;
    }

    .col-sm-10--5 {
        grid-column: 10/-5;
    }

    .col-sm-10--6 {
        grid-column: 10/-6;
    }

    .col-sm-10--7 {
        grid-column: 10/-7;
    }

    .col-sm-10--8 {
        grid-column: 10/-8;
    }

    .col-sm-10--9 {
        grid-column: 10/-9;
    }

    .col-sm-10--10 {
        grid-column: 10/-10;
    }

    .col-sm-10--11 {
        grid-column: 10/-11;
    }

    .col-sm-10--12 {
        grid-column: 10/-12;
    }

    .col-sm-10-auto {
        grid-column: 10/auto;
    }

    .col-sm-11-12 {
        grid-column: 11/12;
    }

    .col-sm-11-13 {
        grid-column: 11/13;
    }

    .col-sm-11--1 {
        grid-column: 11/-1;
    }

    .col-sm-11--2 {
        grid-column: 11/-2;
    }

    .col-sm-11--3 {
        grid-column: 11/-3;
    }

    .col-sm-11--4 {
        grid-column: 11/-4;
    }

    .col-sm-11--5 {
        grid-column: 11/-5;
    }

    .col-sm-11--6 {
        grid-column: 11/-6;
    }

    .col-sm-11--7 {
        grid-column: 11/-7;
    }

    .col-sm-11--8 {
        grid-column: 11/-8;
    }

    .col-sm-11--9 {
        grid-column: 11/-9;
    }

    .col-sm-11--10 {
        grid-column: 11/-10;
    }

    .col-sm-11--11 {
        grid-column: 11/-11;
    }

    .col-sm-11--12 {
        grid-column: 11/-12;
    }

    .col-sm-11-auto {
        grid-column: 11/auto;
    }

    .col-sm-12-13 {
        grid-column: 12/13;
    }

    .col-sm-12--1 {
        grid-column: 12/-1;
    }

    .col-sm-12--2 {
        grid-column: 12/-2;
    }

    .col-sm-12--3 {
        grid-column: 12/-3;
    }

    .col-sm-12--4 {
        grid-column: 12/-4;
    }

    .col-sm-12--5 {
        grid-column: 12/-5;
    }

    .col-sm-12--6 {
        grid-column: 12/-6;
    }

    .col-sm-12--7 {
        grid-column: 12/-7;
    }

    .col-sm-12--8 {
        grid-column: 12/-8;
    }

    .col-sm-12--9 {
        grid-column: 12/-9;
    }

    .col-sm-12--10 {
        grid-column: 12/-10;
    }

    .col-sm-12--11 {
        grid-column: 12/-11;
    }

    .col-sm-12--12 {
        grid-column: 12/-12;
    }

    .col-sm-12-auto {
        grid-column: 12/auto;
    }

    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .col-md-1 {
        grid-column: span 1;
    }

    .col-md-2 {
        grid-column: span 2;
    }

    .col-md-3 {
        grid-column: span 3;
    }

    .col-md-4 {
        grid-column: span 4;
    }

    .col-md-5 {
        grid-column: span 5;
    }

    .col-md-6 {
        grid-column: span 6;
    }

    .col-md-7 {
        grid-column: span 7;
    }

    .col-md-8 {
        grid-column: span 8;
    }

    .col-md-9 {
        grid-column: span 9;
    }

    .col-md-10 {
        grid-column: span 10;
    }

    .col-md-11 {
        grid-column: span 11;
    }

    .col-md-12 {
        grid-column: span 12;
    }

    .col-md-1-2 {
        grid-column: 1/2;
    }

    .col-md-1-3 {
        grid-column: 1/3;
    }

    .col-md-1-4 {
        grid-column: 1/4;
    }

    .col-md-1-5 {
        grid-column: 1/5;
    }

    .col-md-1-6 {
        grid-column: 1/6;
    }

    .col-md-1-7 {
        grid-column: 1/7;
    }

    .col-md-1-8 {
        grid-column: 1/8;
    }

    .col-md-1-9 {
        grid-column: 1/9;
    }

    .col-md-1-10 {
        grid-column: 1/10;
    }

    .col-md-1-11 {
        grid-column: 1/11;
    }

    .col-md-1-12 {
        grid-column: 1/12;
    }

    .col-md-1-13 {
        grid-column: 1/13;
    }

    .col-md-1--1 {
        grid-column: 1/-1;
    }

    .col-md-1--2 {
        grid-column: 1/-2;
    }

    .col-md-1--3 {
        grid-column: 1/-3;
    }

    .col-md-1--4 {
        grid-column: 1/-4;
    }

    .col-md-1--5 {
        grid-column: 1/-5;
    }

    .col-md-1--6 {
        grid-column: 1/-6;
    }

    .col-md-1--7 {
        grid-column: 1/-7;
    }

    .col-md-1--8 {
        grid-column: 1/-8;
    }

    .col-md-1--9 {
        grid-column: 1/-9;
    }

    .col-md-1--10 {
        grid-column: 1/-10;
    }

    .col-md-1--11 {
        grid-column: 1/-11;
    }

    .col-md-1--12 {
        grid-column: 1/-12;
    }

    .col-md-1-auto {
        grid-column: 1/auto;
    }

    .col-md-2-3 {
        grid-column: 2/3;
    }

    .col-md-2-4 {
        grid-column: 2/4;
    }

    .col-md-2-5 {
        grid-column: 2/5;
    }

    .col-md-2-6 {
        grid-column: 2/6;
    }

    .col-md-2-7 {
        grid-column: 2/7;
    }

    .col-md-2-8 {
        grid-column: 2/8;
    }

    .col-md-2-9 {
        grid-column: 2/9;
    }

    .col-md-2-10 {
        grid-column: 2/10;
    }

    .col-md-2-11 {
        grid-column: 2/11;
    }

    .col-md-2-12 {
        grid-column: 2/12;
    }

    .col-md-2-13 {
        grid-column: 2/13;
    }

    .col-md-2--1 {
        grid-column: 2/-1;
    }

    .col-md-2--2 {
        grid-column: 2/-2;
    }

    .col-md-2--3 {
        grid-column: 2/-3;
    }

    .col-md-2--4 {
        grid-column: 2/-4;
    }

    .col-md-2--5 {
        grid-column: 2/-5;
    }

    .col-md-2--6 {
        grid-column: 2/-6;
    }

    .col-md-2--7 {
        grid-column: 2/-7;
    }

    .col-md-2--8 {
        grid-column: 2/-8;
    }

    .col-md-2--9 {
        grid-column: 2/-9;
    }

    .col-md-2--10 {
        grid-column: 2/-10;
    }

    .col-md-2--11 {
        grid-column: 2/-11;
    }

    .col-md-2--12 {
        grid-column: 2/-12;
    }

    .col-md-2-auto {
        grid-column: 2/auto;
    }

    .col-md-3-4 {
        grid-column: 3/4;
    }

    .col-md-3-5 {
        grid-column: 3/5;
    }

    .col-md-3-6 {
        grid-column: 3/6;
    }

    .col-md-3-7 {
        grid-column: 3/7;
    }

    .col-md-3-8 {
        grid-column: 3/8;
    }

    .col-md-3-9 {
        grid-column: 3/9;
    }

    .col-md-3-10 {
        grid-column: 3/10;
    }

    .col-md-3-11 {
        grid-column: 3/11;
    }

    .col-md-3-12 {
        grid-column: 3/12;
    }

    .col-md-3-13 {
        grid-column: 3/13;
    }

    .col-md-3--1 {
        grid-column: 3/-1;
    }

    .col-md-3--2 {
        grid-column: 3/-2;
    }

    .col-md-3--3 {
        grid-column: 3/-3;
    }

    .col-md-3--4 {
        grid-column: 3/-4;
    }

    .col-md-3--5 {
        grid-column: 3/-5;
    }

    .col-md-3--6 {
        grid-column: 3/-6;
    }

    .col-md-3--7 {
        grid-column: 3/-7;
    }

    .col-md-3--8 {
        grid-column: 3/-8;
    }

    .col-md-3--9 {
        grid-column: 3/-9;
    }

    .col-md-3--10 {
        grid-column: 3/-10;
    }

    .col-md-3--11 {
        grid-column: 3/-11;
    }

    .col-md-3--12 {
        grid-column: 3/-12;
    }

    .col-md-3-auto {
        grid-column: 3/auto;
    }

    .col-md-4-5 {
        grid-column: 4/5;
    }

    .col-md-4-6 {
        grid-column: 4/6;
    }

    .col-md-4-7 {
        grid-column: 4/7;
    }

    .col-md-4-8 {
        grid-column: 4/8;
    }

    .col-md-4-9 {
        grid-column: 4/9;
    }

    .col-md-4-10 {
        grid-column: 4/10;
    }

    .col-md-4-11 {
        grid-column: 4/11;
    }

    .col-md-4-12 {
        grid-column: 4/12;
    }

    .col-md-4-13 {
        grid-column: 4/13;
    }

    .col-md-4--1 {
        grid-column: 4/-1;
    }

    .col-md-4--2 {
        grid-column: 4/-2;
    }

    .col-md-4--3 {
        grid-column: 4/-3;
    }

    .col-md-4--4 {
        grid-column: 4/-4;
    }

    .col-md-4--5 {
        grid-column: 4/-5;
    }

    .col-md-4--6 {
        grid-column: 4/-6;
    }

    .col-md-4--7 {
        grid-column: 4/-7;
    }

    .col-md-4--8 {
        grid-column: 4/-8;
    }

    .col-md-4--9 {
        grid-column: 4/-9;
    }

    .col-md-4--10 {
        grid-column: 4/-10;
    }

    .col-md-4--11 {
        grid-column: 4/-11;
    }

    .col-md-4--12 {
        grid-column: 4/-12;
    }

    .col-md-4-auto {
        grid-column: 4/auto;
    }

    .col-md-5-6 {
        grid-column: 5/6;
    }

    .col-md-5-7 {
        grid-column: 5/7;
    }

    .col-md-5-8 {
        grid-column: 5/8;
    }

    .col-md-5-9 {
        grid-column: 5/9;
    }

    .col-md-5-10 {
        grid-column: 5/10;
    }

    .col-md-5-11 {
        grid-column: 5/11;
    }

    .col-md-5-12 {
        grid-column: 5/12;
    }

    .col-md-5-13 {
        grid-column: 5/13;
    }

    .col-md-5--1 {
        grid-column: 5/-1;
    }

    .col-md-5--2 {
        grid-column: 5/-2;
    }

    .col-md-5--3 {
        grid-column: 5/-3;
    }

    .col-md-5--4 {
        grid-column: 5/-4;
    }

    .col-md-5--5 {
        grid-column: 5/-5;
    }

    .col-md-5--6 {
        grid-column: 5/-6;
    }

    .col-md-5--7 {
        grid-column: 5/-7;
    }

    .col-md-5--8 {
        grid-column: 5/-8;
    }

    .col-md-5--9 {
        grid-column: 5/-9;
    }

    .col-md-5--10 {
        grid-column: 5/-10;
    }

    .col-md-5--11 {
        grid-column: 5/-11;
    }

    .col-md-5--12 {
        grid-column: 5/-12;
    }

    .col-md-5-auto {
        grid-column: 5/auto;
    }

    .col-md-6-7 {
        grid-column: 6/7;
    }

    .col-md-6-8 {
        grid-column: 6/8;
    }

    .col-md-6-9 {
        grid-column: 6/9;
    }

    .col-md-6-10 {
        grid-column: 6/10;
    }

    .col-md-6-11 {
        grid-column: 6/11;
    }

    .col-md-6-12 {
        grid-column: 6/12;
    }

    .col-md-6-13 {
        grid-column: 6/13;
    }

    .col-md-6--1 {
        grid-column: 6/-1;
    }

    .col-md-6--2 {
        grid-column: 6/-2;
    }

    .col-md-6--3 {
        grid-column: 6/-3;
    }

    .col-md-6--4 {
        grid-column: 6/-4;
    }

    .col-md-6--5 {
        grid-column: 6/-5;
    }

    .col-md-6--6 {
        grid-column: 6/-6;
    }

    .col-md-6--7 {
        grid-column: 6/-7;
    }

    .col-md-6--8 {
        grid-column: 6/-8;
    }

    .col-md-6--9 {
        grid-column: 6/-9;
    }

    .col-md-6--10 {
        grid-column: 6/-10;
    }

    .col-md-6--11 {
        grid-column: 6/-11;
    }

    .col-md-6--12 {
        grid-column: 6/-12;
    }

    .col-md-6-auto {
        grid-column: 6/auto;
    }

    .col-md-7-8 {
        grid-column: 7/8;
    }

    .col-md-7-9 {
        grid-column: 7/9;
    }

    .col-md-7-10 {
        grid-column: 7/10;
    }

    .col-md-7-11 {
        grid-column: 7/11;
    }

    .col-md-7-12 {
        grid-column: 7/12;
    }

    .col-md-7-13 {
        grid-column: 7/13;
    }

    .col-md-7--1 {
        grid-column: 7/-1;
    }

    .col-md-7--2 {
        grid-column: 7/-2;
    }

    .col-md-7--3 {
        grid-column: 7/-3;
    }

    .col-md-7--4 {
        grid-column: 7/-4;
    }

    .col-md-7--5 {
        grid-column: 7/-5;
    }

    .col-md-7--6 {
        grid-column: 7/-6;
    }

    .col-md-7--7 {
        grid-column: 7/-7;
    }

    .col-md-7--8 {
        grid-column: 7/-8;
    }

    .col-md-7--9 {
        grid-column: 7/-9;
    }

    .col-md-7--10 {
        grid-column: 7/-10;
    }

    .col-md-7--11 {
        grid-column: 7/-11;
    }

    .col-md-7--12 {
        grid-column: 7/-12;
    }

    .col-md-7-auto {
        grid-column: 7/auto;
    }

    .col-md-8-9 {
        grid-column: 8/9;
    }

    .col-md-8-10 {
        grid-column: 8/10;
    }

    .col-md-8-11 {
        grid-column: 8/11;
    }

    .col-md-8-12 {
        grid-column: 8/12;
    }

    .col-md-8-13 {
        grid-column: 8/13;
    }

    .col-md-8--1 {
        grid-column: 8/-1;
    }

    .col-md-8--2 {
        grid-column: 8/-2;
    }

    .col-md-8--3 {
        grid-column: 8/-3;
    }

    .col-md-8--4 {
        grid-column: 8/-4;
    }

    .col-md-8--5 {
        grid-column: 8/-5;
    }

    .col-md-8--6 {
        grid-column: 8/-6;
    }

    .col-md-8--7 {
        grid-column: 8/-7;
    }

    .col-md-8--8 {
        grid-column: 8/-8;
    }

    .col-md-8--9 {
        grid-column: 8/-9;
    }

    .col-md-8--10 {
        grid-column: 8/-10;
    }

    .col-md-8--11 {
        grid-column: 8/-11;
    }

    .col-md-8--12 {
        grid-column: 8/-12;
    }

    .col-md-8-auto {
        grid-column: 8/auto;
    }

    .col-md-9-10 {
        grid-column: 9/10;
    }

    .col-md-9-11 {
        grid-column: 9/11;
    }

    .col-md-9-12 {
        grid-column: 9/12;
    }

    .col-md-9-13 {
        grid-column: 9/13;
    }

    .col-md-9--1 {
        grid-column: 9/-1;
    }

    .col-md-9--2 {
        grid-column: 9/-2;
    }

    .col-md-9--3 {
        grid-column: 9/-3;
    }

    .col-md-9--4 {
        grid-column: 9/-4;
    }

    .col-md-9--5 {
        grid-column: 9/-5;
    }

    .col-md-9--6 {
        grid-column: 9/-6;
    }

    .col-md-9--7 {
        grid-column: 9/-7;
    }

    .col-md-9--8 {
        grid-column: 9/-8;
    }

    .col-md-9--9 {
        grid-column: 9/-9;
    }

    .col-md-9--10 {
        grid-column: 9/-10;
    }

    .col-md-9--11 {
        grid-column: 9/-11;
    }

    .col-md-9--12 {
        grid-column: 9/-12;
    }

    .col-md-9-auto {
        grid-column: 9/auto;
    }

    .col-md-10-11 {
        grid-column: 10/11;
    }

    .col-md-10-12 {
        grid-column: 10/12;
    }

    .col-md-10-13 {
        grid-column: 10/13;
    }

    .col-md-10--1 {
        grid-column: 10/-1;
    }

    .col-md-10--2 {
        grid-column: 10/-2;
    }

    .col-md-10--3 {
        grid-column: 10/-3;
    }

    .col-md-10--4 {
        grid-column: 10/-4;
    }

    .col-md-10--5 {
        grid-column: 10/-5;
    }

    .col-md-10--6 {
        grid-column: 10/-6;
    }

    .col-md-10--7 {
        grid-column: 10/-7;
    }

    .col-md-10--8 {
        grid-column: 10/-8;
    }

    .col-md-10--9 {
        grid-column: 10/-9;
    }

    .col-md-10--10 {
        grid-column: 10/-10;
    }

    .col-md-10--11 {
        grid-column: 10/-11;
    }

    .col-md-10--12 {
        grid-column: 10/-12;
    }

    .col-md-10-auto {
        grid-column: 10/auto;
    }

    .col-md-11-12 {
        grid-column: 11/12;
    }

    .col-md-11-13 {
        grid-column: 11/13;
    }

    .col-md-11--1 {
        grid-column: 11/-1;
    }

    .col-md-11--2 {
        grid-column: 11/-2;
    }

    .col-md-11--3 {
        grid-column: 11/-3;
    }

    .col-md-11--4 {
        grid-column: 11/-4;
    }

    .col-md-11--5 {
        grid-column: 11/-5;
    }

    .col-md-11--6 {
        grid-column: 11/-6;
    }

    .col-md-11--7 {
        grid-column: 11/-7;
    }

    .col-md-11--8 {
        grid-column: 11/-8;
    }

    .col-md-11--9 {
        grid-column: 11/-9;
    }

    .col-md-11--10 {
        grid-column: 11/-10;
    }

    .col-md-11--11 {
        grid-column: 11/-11;
    }

    .col-md-11--12 {
        grid-column: 11/-12;
    }

    .col-md-11-auto {
        grid-column: 11/auto;
    }

    .col-md-12-13 {
        grid-column: 12/13;
    }

    .col-md-12--1 {
        grid-column: 12/-1;
    }

    .col-md-12--2 {
        grid-column: 12/-2;
    }

    .col-md-12--3 {
        grid-column: 12/-3;
    }

    .col-md-12--4 {
        grid-column: 12/-4;
    }

    .col-md-12--5 {
        grid-column: 12/-5;
    }

    .col-md-12--6 {
        grid-column: 12/-6;
    }

    .col-md-12--7 {
        grid-column: 12/-7;
    }

    .col-md-12--8 {
        grid-column: 12/-8;
    }

    .col-md-12--9 {
        grid-column: 12/-9;
    }

    .col-md-12--10 {
        grid-column: 12/-10;
    }

    .col-md-12--11 {
        grid-column: 12/-11;
    }

    .col-md-12--12 {
        grid-column: 12/-12;
    }

    .col-md-12-auto {
        grid-column: 12/auto;
    }

    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1025px) {
    .col-lg-1 {
        grid-column: span 1;
    }

    .col-lg-2 {
        grid-column: span 2;
    }

    .col-lg-3 {
        grid-column: span 3;
    }

    .col-lg-4 {
        grid-column: span 4;
    }

    .col-lg-5 {
        grid-column: span 5;
    }

    .col-lg-6 {
        grid-column: span 6;
    }

    .col-lg-7 {
        grid-column: span 7;
    }

    .col-lg-8 {
        grid-column: span 8;
    }

    .col-lg-9 {
        grid-column: span 9;
    }

    .col-lg-10 {
        grid-column: span 10;
    }

    .col-lg-11 {
        grid-column: span 11;
    }

    .col-lg-12 {
        grid-column: span 12;
    }

    .col-lg-1-2 {
        grid-column: 1/2;
    }

    .col-lg-1-3 {
        grid-column: 1/3;
    }

    .col-lg-1-4 {
        grid-column: 1/4;
    }

    .col-lg-1-5 {
        grid-column: 1/5;
    }

    .col-lg-1-6 {
        grid-column: 1/6;
    }

    .col-lg-1-7 {
        grid-column: 1/7;
    }

    .col-lg-1-8 {
        grid-column: 1/8;
    }

    .col-lg-1-9 {
        grid-column: 1/9;
    }

    .col-lg-1-10 {
        grid-column: 1/10;
    }

    .col-lg-1-11 {
        grid-column: 1/11;
    }

    .col-lg-1-12 {
        grid-column: 1/12;
    }

    .col-lg-1-13 {
        grid-column: 1/13;
    }

    .col-lg-1--1 {
        grid-column: 1/-1;
    }

    .col-lg-1--2 {
        grid-column: 1/-2;
    }

    .col-lg-1--3 {
        grid-column: 1/-3;
    }

    .col-lg-1--4 {
        grid-column: 1/-4;
    }

    .col-lg-1--5 {
        grid-column: 1/-5;
    }

    .col-lg-1--6 {
        grid-column: 1/-6;
    }

    .col-lg-1--7 {
        grid-column: 1/-7;
    }

    .col-lg-1--8 {
        grid-column: 1/-8;
    }

    .col-lg-1--9 {
        grid-column: 1/-9;
    }

    .col-lg-1--10 {
        grid-column: 1/-10;
    }

    .col-lg-1--11 {
        grid-column: 1/-11;
    }

    .col-lg-1--12 {
        grid-column: 1/-12;
    }

    .col-lg-1-auto {
        grid-column: 1/auto;
    }

    .col-lg-2-3 {
        grid-column: 2/3;
    }

    .col-lg-2-4 {
        grid-column: 2/4;
    }

    .col-lg-2-5 {
        grid-column: 2/5;
    }

    .col-lg-2-6 {
        grid-column: 2/6;
    }

    .col-lg-2-7 {
        grid-column: 2/7;
    }

    .col-lg-2-8 {
        grid-column: 2/8;
    }

    .col-lg-2-9 {
        grid-column: 2/9;
    }

    .col-lg-2-10 {
        grid-column: 2/10;
    }

    .col-lg-2-11 {
        grid-column: 2/11;
    }

    .col-lg-2-12 {
        grid-column: 2/12;
    }

    .col-lg-2-13 {
        grid-column: 2/13;
    }

    .col-lg-2--1 {
        grid-column: 2/-1;
    }

    .col-lg-2--2 {
        grid-column: 2/-2;
    }

    .col-lg-2--3 {
        grid-column: 2/-3;
    }

    .col-lg-2--4 {
        grid-column: 2/-4;
    }

    .col-lg-2--5 {
        grid-column: 2/-5;
    }

    .col-lg-2--6 {
        grid-column: 2/-6;
    }

    .col-lg-2--7 {
        grid-column: 2/-7;
    }

    .col-lg-2--8 {
        grid-column: 2/-8;
    }

    .col-lg-2--9 {
        grid-column: 2/-9;
    }

    .col-lg-2--10 {
        grid-column: 2/-10;
    }

    .col-lg-2--11 {
        grid-column: 2/-11;
    }

    .col-lg-2--12 {
        grid-column: 2/-12;
    }

    .col-lg-2-auto {
        grid-column: 2/auto;
    }

    .col-lg-3-4 {
        grid-column: 3/4;
    }

    .col-lg-3-5 {
        grid-column: 3/5;
    }

    .col-lg-3-6 {
        grid-column: 3/6;
    }

    .col-lg-3-7 {
        grid-column: 3/7;
    }

    .col-lg-3-8 {
        grid-column: 3/8;
    }

    .col-lg-3-9 {
        grid-column: 3/9;
    }

    .col-lg-3-10 {
        grid-column: 3/10;
    }

    .col-lg-3-11 {
        grid-column: 3/11;
    }

    .col-lg-3-12 {
        grid-column: 3/12;
    }

    .col-lg-3-13 {
        grid-column: 3/13;
    }

    .col-lg-3--1 {
        grid-column: 3/-1;
    }

    .col-lg-3--2 {
        grid-column: 3/-2;
    }

    .col-lg-3--3 {
        grid-column: 3/-3;
    }

    .col-lg-3--4 {
        grid-column: 3/-4;
    }

    .col-lg-3--5 {
        grid-column: 3/-5;
    }

    .col-lg-3--6 {
        grid-column: 3/-6;
    }

    .col-lg-3--7 {
        grid-column: 3/-7;
    }

    .col-lg-3--8 {
        grid-column: 3/-8;
    }

    .col-lg-3--9 {
        grid-column: 3/-9;
    }

    .col-lg-3--10 {
        grid-column: 3/-10;
    }

    .col-lg-3--11 {
        grid-column: 3/-11;
    }

    .col-lg-3--12 {
        grid-column: 3/-12;
    }

    .col-lg-3-auto {
        grid-column: 3/auto;
    }

    .col-lg-4-5 {
        grid-column: 4/5;
    }

    .col-lg-4-6 {
        grid-column: 4/6;
    }

    .col-lg-4-7 {
        grid-column: 4/7;
    }

    .col-lg-4-8 {
        grid-column: 4/8;
    }

    .col-lg-4-9 {
        grid-column: 4/9;
    }

    .col-lg-4-10 {
        grid-column: 4/10;
    }

    .col-lg-4-11 {
        grid-column: 4/11;
    }

    .col-lg-4-12 {
        grid-column: 4/12;
    }

    .col-lg-4-13 {
        grid-column: 4/13;
    }

    .col-lg-4--1 {
        grid-column: 4/-1;
    }

    .col-lg-4--2 {
        grid-column: 4/-2;
    }

    .col-lg-4--3 {
        grid-column: 4/-3;
    }

    .col-lg-4--4 {
        grid-column: 4/-4;
    }

    .col-lg-4--5 {
        grid-column: 4/-5;
    }

    .col-lg-4--6 {
        grid-column: 4/-6;
    }

    .col-lg-4--7 {
        grid-column: 4/-7;
    }

    .col-lg-4--8 {
        grid-column: 4/-8;
    }

    .col-lg-4--9 {
        grid-column: 4/-9;
    }

    .col-lg-4--10 {
        grid-column: 4/-10;
    }

    .col-lg-4--11 {
        grid-column: 4/-11;
    }

    .col-lg-4--12 {
        grid-column: 4/-12;
    }

    .col-lg-4-auto {
        grid-column: 4/auto;
    }

    .col-lg-5-6 {
        grid-column: 5/6;
    }

    .col-lg-5-7 {
        grid-column: 5/7;
    }

    .col-lg-5-8 {
        grid-column: 5/8;
    }

    .col-lg-5-9 {
        grid-column: 5/9;
    }

    .col-lg-5-10 {
        grid-column: 5/10;
    }

    .col-lg-5-11 {
        grid-column: 5/11;
    }

    .col-lg-5-12 {
        grid-column: 5/12;
    }

    .col-lg-5-13 {
        grid-column: 5/13;
    }

    .col-lg-5--1 {
        grid-column: 5/-1;
    }

    .col-lg-5--2 {
        grid-column: 5/-2;
    }

    .col-lg-5--3 {
        grid-column: 5/-3;
    }

    .col-lg-5--4 {
        grid-column: 5/-4;
    }

    .col-lg-5--5 {
        grid-column: 5/-5;
    }

    .col-lg-5--6 {
        grid-column: 5/-6;
    }

    .col-lg-5--7 {
        grid-column: 5/-7;
    }

    .col-lg-5--8 {
        grid-column: 5/-8;
    }

    .col-lg-5--9 {
        grid-column: 5/-9;
    }

    .col-lg-5--10 {
        grid-column: 5/-10;
    }

    .col-lg-5--11 {
        grid-column: 5/-11;
    }

    .col-lg-5--12 {
        grid-column: 5/-12;
    }

    .col-lg-5-auto {
        grid-column: 5/auto;
    }

    .col-lg-6-7 {
        grid-column: 6/7;
    }

    .col-lg-6-8 {
        grid-column: 6/8;
    }

    .col-lg-6-9 {
        grid-column: 6/9;
    }

    .col-lg-6-10 {
        grid-column: 6/10;
    }

    .col-lg-6-11 {
        grid-column: 6/11;
    }

    .col-lg-6-12 {
        grid-column: 6/12;
    }

    .col-lg-6-13 {
        grid-column: 6/13;
    }

    .col-lg-6--1 {
        grid-column: 6/-1;
    }

    .col-lg-6--2 {
        grid-column: 6/-2;
    }

    .col-lg-6--3 {
        grid-column: 6/-3;
    }

    .col-lg-6--4 {
        grid-column: 6/-4;
    }

    .col-lg-6--5 {
        grid-column: 6/-5;
    }

    .col-lg-6--6 {
        grid-column: 6/-6;
    }

    .col-lg-6--7 {
        grid-column: 6/-7;
    }

    .col-lg-6--8 {
        grid-column: 6/-8;
    }

    .col-lg-6--9 {
        grid-column: 6/-9;
    }

    .col-lg-6--10 {
        grid-column: 6/-10;
    }

    .col-lg-6--11 {
        grid-column: 6/-11;
    }

    .col-lg-6--12 {
        grid-column: 6/-12;
    }

    .col-lg-6-auto {
        grid-column: 6/auto;
    }

    .col-lg-7-8 {
        grid-column: 7/8;
    }

    .col-lg-7-9 {
        grid-column: 7/9;
    }

    .col-lg-7-10 {
        grid-column: 7/10;
    }

    .col-lg-7-11 {
        grid-column: 7/11;
    }

    .col-lg-7-12 {
        grid-column: 7/12;
    }

    .col-lg-7-13 {
        grid-column: 7/13;
    }

    .col-lg-7--1 {
        grid-column: 7/-1;
    }

    .col-lg-7--2 {
        grid-column: 7/-2;
    }

    .col-lg-7--3 {
        grid-column: 7/-3;
    }

    .col-lg-7--4 {
        grid-column: 7/-4;
    }

    .col-lg-7--5 {
        grid-column: 7/-5;
    }

    .col-lg-7--6 {
        grid-column: 7/-6;
    }

    .col-lg-7--7 {
        grid-column: 7/-7;
    }

    .col-lg-7--8 {
        grid-column: 7/-8;
    }

    .col-lg-7--9 {
        grid-column: 7/-9;
    }

    .col-lg-7--10 {
        grid-column: 7/-10;
    }

    .col-lg-7--11 {
        grid-column: 7/-11;
    }

    .col-lg-7--12 {
        grid-column: 7/-12;
    }

    .col-lg-7-auto {
        grid-column: 7/auto;
    }

    .col-lg-8-9 {
        grid-column: 8/9;
    }

    .col-lg-8-10 {
        grid-column: 8/10;
    }

    .col-lg-8-11 {
        grid-column: 8/11;
    }

    .col-lg-8-12 {
        grid-column: 8/12;
    }

    .col-lg-8-13 {
        grid-column: 8/13;
    }

    .col-lg-8--1 {
        grid-column: 8/-1;
    }

    .col-lg-8--2 {
        grid-column: 8/-2;
    }

    .col-lg-8--3 {
        grid-column: 8/-3;
    }

    .col-lg-8--4 {
        grid-column: 8/-4;
    }

    .col-lg-8--5 {
        grid-column: 8/-5;
    }

    .col-lg-8--6 {
        grid-column: 8/-6;
    }

    .col-lg-8--7 {
        grid-column: 8/-7;
    }

    .col-lg-8--8 {
        grid-column: 8/-8;
    }

    .col-lg-8--9 {
        grid-column: 8/-9;
    }

    .col-lg-8--10 {
        grid-column: 8/-10;
    }

    .col-lg-8--11 {
        grid-column: 8/-11;
    }

    .col-lg-8--12 {
        grid-column: 8/-12;
    }

    .col-lg-8-auto {
        grid-column: 8/auto;
    }

    .col-lg-9-10 {
        grid-column: 9/10;
    }

    .col-lg-9-11 {
        grid-column: 9/11;
    }

    .col-lg-9-12 {
        grid-column: 9/12;
    }

    .col-lg-9-13 {
        grid-column: 9/13;
    }

    .col-lg-9--1 {
        grid-column: 9/-1;
    }

    .col-lg-9--2 {
        grid-column: 9/-2;
    }

    .col-lg-9--3 {
        grid-column: 9/-3;
    }

    .col-lg-9--4 {
        grid-column: 9/-4;
    }

    .col-lg-9--5 {
        grid-column: 9/-5;
    }

    .col-lg-9--6 {
        grid-column: 9/-6;
    }

    .col-lg-9--7 {
        grid-column: 9/-7;
    }

    .col-lg-9--8 {
        grid-column: 9/-8;
    }

    .col-lg-9--9 {
        grid-column: 9/-9;
    }

    .col-lg-9--10 {
        grid-column: 9/-10;
    }

    .col-lg-9--11 {
        grid-column: 9/-11;
    }

    .col-lg-9--12 {
        grid-column: 9/-12;
    }

    .col-lg-9-auto {
        grid-column: 9/auto;
    }

    .col-lg-10-11 {
        grid-column: 10/11;
    }

    .col-lg-10-12 {
        grid-column: 10/12;
    }

    .col-lg-10-13 {
        grid-column: 10/13;
    }

    .col-lg-10--1 {
        grid-column: 10/-1;
    }

    .col-lg-10--2 {
        grid-column: 10/-2;
    }

    .col-lg-10--3 {
        grid-column: 10/-3;
    }

    .col-lg-10--4 {
        grid-column: 10/-4;
    }

    .col-lg-10--5 {
        grid-column: 10/-5;
    }

    .col-lg-10--6 {
        grid-column: 10/-6;
    }

    .col-lg-10--7 {
        grid-column: 10/-7;
    }

    .col-lg-10--8 {
        grid-column: 10/-8;
    }

    .col-lg-10--9 {
        grid-column: 10/-9;
    }

    .col-lg-10--10 {
        grid-column: 10/-10;
    }

    .col-lg-10--11 {
        grid-column: 10/-11;
    }

    .col-lg-10--12 {
        grid-column: 10/-12;
    }

    .col-lg-10-auto {
        grid-column: 10/auto;
    }

    .col-lg-11-12 {
        grid-column: 11/12;
    }

    .col-lg-11-13 {
        grid-column: 11/13;
    }

    .col-lg-11--1 {
        grid-column: 11/-1;
    }

    .col-lg-11--2 {
        grid-column: 11/-2;
    }

    .col-lg-11--3 {
        grid-column: 11/-3;
    }

    .col-lg-11--4 {
        grid-column: 11/-4;
    }

    .col-lg-11--5 {
        grid-column: 11/-5;
    }

    .col-lg-11--6 {
        grid-column: 11/-6;
    }

    .col-lg-11--7 {
        grid-column: 11/-7;
    }

    .col-lg-11--8 {
        grid-column: 11/-8;
    }

    .col-lg-11--9 {
        grid-column: 11/-9;
    }

    .col-lg-11--10 {
        grid-column: 11/-10;
    }

    .col-lg-11--11 {
        grid-column: 11/-11;
    }

    .col-lg-11--12 {
        grid-column: 11/-12;
    }

    .col-lg-11-auto {
        grid-column: 11/auto;
    }

    .col-lg-12-13 {
        grid-column: 12/13;
    }

    .col-lg-12--1 {
        grid-column: 12/-1;
    }

    .col-lg-12--2 {
        grid-column: 12/-2;
    }

    .col-lg-12--3 {
        grid-column: 12/-3;
    }

    .col-lg-12--4 {
        grid-column: 12/-4;
    }

    .col-lg-12--5 {
        grid-column: 12/-5;
    }

    .col-lg-12--6 {
        grid-column: 12/-6;
    }

    .col-lg-12--7 {
        grid-column: 12/-7;
    }

    .col-lg-12--8 {
        grid-column: 12/-8;
    }

    .col-lg-12--9 {
        grid-column: 12/-9;
    }

    .col-lg-12--10 {
        grid-column: 12/-10;
    }

    .col-lg-12--11 {
        grid-column: 12/-11;
    }

    .col-lg-12--12 {
        grid-column: 12/-12;
    }

    .col-lg-12-auto {
        grid-column: 12/auto;
    }

    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .col-xlg-1 {
        grid-column: span 1;
    }

    .col-xlg-2 {
        grid-column: span 2;
    }

    .col-xlg-3 {
        grid-column: span 3;
    }

    .col-xlg-4 {
        grid-column: span 4;
    }

    .col-xlg-5 {
        grid-column: span 5;
    }

    .col-xlg-6 {
        grid-column: span 6;
    }

    .col-xlg-7 {
        grid-column: span 7;
    }

    .col-xlg-8 {
        grid-column: span 8;
    }

    .col-xlg-9 {
        grid-column: span 9;
    }

    .col-xlg-10 {
        grid-column: span 10;
    }

    .col-xlg-11 {
        grid-column: span 11;
    }

    .col-xlg-12 {
        grid-column: span 12;
    }

    .col-xlg-1-2 {
        grid-column: 1/2;
    }

    .col-xlg-1-3 {
        grid-column: 1/3;
    }

    .col-xlg-1-4 {
        grid-column: 1/4;
    }

    .col-xlg-1-5 {
        grid-column: 1/5;
    }

    .col-xlg-1-6 {
        grid-column: 1/6;
    }

    .col-xlg-1-7 {
        grid-column: 1/7;
    }

    .col-xlg-1-8 {
        grid-column: 1/8;
    }

    .col-xlg-1-9 {
        grid-column: 1/9;
    }

    .col-xlg-1-10 {
        grid-column: 1/10;
    }

    .col-xlg-1-11 {
        grid-column: 1/11;
    }

    .col-xlg-1-12 {
        grid-column: 1/12;
    }

    .col-xlg-1-13 {
        grid-column: 1/13;
    }

    .col-xlg-1--1 {
        grid-column: 1/-1;
    }

    .col-xlg-1--2 {
        grid-column: 1/-2;
    }

    .col-xlg-1--3 {
        grid-column: 1/-3;
    }

    .col-xlg-1--4 {
        grid-column: 1/-4;
    }

    .col-xlg-1--5 {
        grid-column: 1/-5;
    }

    .col-xlg-1--6 {
        grid-column: 1/-6;
    }

    .col-xlg-1--7 {
        grid-column: 1/-7;
    }

    .col-xlg-1--8 {
        grid-column: 1/-8;
    }

    .col-xlg-1--9 {
        grid-column: 1/-9;
    }

    .col-xlg-1--10 {
        grid-column: 1/-10;
    }

    .col-xlg-1--11 {
        grid-column: 1/-11;
    }

    .col-xlg-1--12 {
        grid-column: 1/-12;
    }

    .col-xlg-1-auto {
        grid-column: 1/auto;
    }

    .col-xlg-2-3 {
        grid-column: 2/3;
    }

    .col-xlg-2-4 {
        grid-column: 2/4;
    }

    .col-xlg-2-5 {
        grid-column: 2/5;
    }

    .col-xlg-2-6 {
        grid-column: 2/6;
    }

    .col-xlg-2-7 {
        grid-column: 2/7;
    }

    .col-xlg-2-8 {
        grid-column: 2/8;
    }

    .col-xlg-2-9 {
        grid-column: 2/9;
    }

    .col-xlg-2-10 {
        grid-column: 2/10;
    }

    .col-xlg-2-11 {
        grid-column: 2/11;
    }

    .col-xlg-2-12 {
        grid-column: 2/12;
    }

    .col-xlg-2-13 {
        grid-column: 2/13;
    }

    .col-xlg-2--1 {
        grid-column: 2/-1;
    }

    .col-xlg-2--2 {
        grid-column: 2/-2;
    }

    .col-xlg-2--3 {
        grid-column: 2/-3;
    }

    .col-xlg-2--4 {
        grid-column: 2/-4;
    }

    .col-xlg-2--5 {
        grid-column: 2/-5;
    }

    .col-xlg-2--6 {
        grid-column: 2/-6;
    }

    .col-xlg-2--7 {
        grid-column: 2/-7;
    }

    .col-xlg-2--8 {
        grid-column: 2/-8;
    }

    .col-xlg-2--9 {
        grid-column: 2/-9;
    }

    .col-xlg-2--10 {
        grid-column: 2/-10;
    }

    .col-xlg-2--11 {
        grid-column: 2/-11;
    }

    .col-xlg-2--12 {
        grid-column: 2/-12;
    }

    .col-xlg-2-auto {
        grid-column: 2/auto;
    }

    .col-xlg-3-4 {
        grid-column: 3/4;
    }

    .col-xlg-3-5 {
        grid-column: 3/5;
    }

    .col-xlg-3-6 {
        grid-column: 3/6;
    }

    .col-xlg-3-7 {
        grid-column: 3/7;
    }

    .col-xlg-3-8 {
        grid-column: 3/8;
    }

    .col-xlg-3-9 {
        grid-column: 3/9;
    }

    .col-xlg-3-10 {
        grid-column: 3/10;
    }

    .col-xlg-3-11 {
        grid-column: 3/11;
    }

    .col-xlg-3-12 {
        grid-column: 3/12;
    }

    .col-xlg-3-13 {
        grid-column: 3/13;
    }

    .col-xlg-3--1 {
        grid-column: 3/-1;
    }

    .col-xlg-3--2 {
        grid-column: 3/-2;
    }

    .col-xlg-3--3 {
        grid-column: 3/-3;
    }

    .col-xlg-3--4 {
        grid-column: 3/-4;
    }

    .col-xlg-3--5 {
        grid-column: 3/-5;
    }

    .col-xlg-3--6 {
        grid-column: 3/-6;
    }

    .col-xlg-3--7 {
        grid-column: 3/-7;
    }

    .col-xlg-3--8 {
        grid-column: 3/-8;
    }

    .col-xlg-3--9 {
        grid-column: 3/-9;
    }

    .col-xlg-3--10 {
        grid-column: 3/-10;
    }

    .col-xlg-3--11 {
        grid-column: 3/-11;
    }

    .col-xlg-3--12 {
        grid-column: 3/-12;
    }

    .col-xlg-3-auto {
        grid-column: 3/auto;
    }

    .col-xlg-4-5 {
        grid-column: 4/5;
    }

    .col-xlg-4-6 {
        grid-column: 4/6;
    }

    .col-xlg-4-7 {
        grid-column: 4/7;
    }

    .col-xlg-4-8 {
        grid-column: 4/8;
    }

    .col-xlg-4-9 {
        grid-column: 4/9;
    }

    .col-xlg-4-10 {
        grid-column: 4/10;
    }

    .col-xlg-4-11 {
        grid-column: 4/11;
    }

    .col-xlg-4-12 {
        grid-column: 4/12;
    }

    .col-xlg-4-13 {
        grid-column: 4/13;
    }

    .col-xlg-4--1 {
        grid-column: 4/-1;
    }

    .col-xlg-4--2 {
        grid-column: 4/-2;
    }

    .col-xlg-4--3 {
        grid-column: 4/-3;
    }

    .col-xlg-4--4 {
        grid-column: 4/-4;
    }

    .col-xlg-4--5 {
        grid-column: 4/-5;
    }

    .col-xlg-4--6 {
        grid-column: 4/-6;
    }

    .col-xlg-4--7 {
        grid-column: 4/-7;
    }

    .col-xlg-4--8 {
        grid-column: 4/-8;
    }

    .col-xlg-4--9 {
        grid-column: 4/-9;
    }

    .col-xlg-4--10 {
        grid-column: 4/-10;
    }

    .col-xlg-4--11 {
        grid-column: 4/-11;
    }

    .col-xlg-4--12 {
        grid-column: 4/-12;
    }

    .col-xlg-4-auto {
        grid-column: 4/auto;
    }

    .col-xlg-5-6 {
        grid-column: 5/6;
    }

    .col-xlg-5-7 {
        grid-column: 5/7;
    }

    .col-xlg-5-8 {
        grid-column: 5/8;
    }

    .col-xlg-5-9 {
        grid-column: 5/9;
    }

    .col-xlg-5-10 {
        grid-column: 5/10;
    }

    .col-xlg-5-11 {
        grid-column: 5/11;
    }

    .col-xlg-5-12 {
        grid-column: 5/12;
    }

    .col-xlg-5-13 {
        grid-column: 5/13;
    }

    .col-xlg-5--1 {
        grid-column: 5/-1;
    }

    .col-xlg-5--2 {
        grid-column: 5/-2;
    }

    .col-xlg-5--3 {
        grid-column: 5/-3;
    }

    .col-xlg-5--4 {
        grid-column: 5/-4;
    }

    .col-xlg-5--5 {
        grid-column: 5/-5;
    }

    .col-xlg-5--6 {
        grid-column: 5/-6;
    }

    .col-xlg-5--7 {
        grid-column: 5/-7;
    }

    .col-xlg-5--8 {
        grid-column: 5/-8;
    }

    .col-xlg-5--9 {
        grid-column: 5/-9;
    }

    .col-xlg-5--10 {
        grid-column: 5/-10;
    }

    .col-xlg-5--11 {
        grid-column: 5/-11;
    }

    .col-xlg-5--12 {
        grid-column: 5/-12;
    }

    .col-xlg-5-auto {
        grid-column: 5/auto;
    }

    .col-xlg-6-7 {
        grid-column: 6/7;
    }

    .col-xlg-6-8 {
        grid-column: 6/8;
    }

    .col-xlg-6-9 {
        grid-column: 6/9;
    }

    .col-xlg-6-10 {
        grid-column: 6/10;
    }

    .col-xlg-6-11 {
        grid-column: 6/11;
    }

    .col-xlg-6-12 {
        grid-column: 6/12;
    }

    .col-xlg-6-13 {
        grid-column: 6/13;
    }

    .col-xlg-6--1 {
        grid-column: 6/-1;
    }

    .col-xlg-6--2 {
        grid-column: 6/-2;
    }

    .col-xlg-6--3 {
        grid-column: 6/-3;
    }

    .col-xlg-6--4 {
        grid-column: 6/-4;
    }

    .col-xlg-6--5 {
        grid-column: 6/-5;
    }

    .col-xlg-6--6 {
        grid-column: 6/-6;
    }

    .col-xlg-6--7 {
        grid-column: 6/-7;
    }

    .col-xlg-6--8 {
        grid-column: 6/-8;
    }

    .col-xlg-6--9 {
        grid-column: 6/-9;
    }

    .col-xlg-6--10 {
        grid-column: 6/-10;
    }

    .col-xlg-6--11 {
        grid-column: 6/-11;
    }

    .col-xlg-6--12 {
        grid-column: 6/-12;
    }

    .col-xlg-6-auto {
        grid-column: 6/auto;
    }

    .col-xlg-7-8 {
        grid-column: 7/8;
    }

    .col-xlg-7-9 {
        grid-column: 7/9;
    }

    .col-xlg-7-10 {
        grid-column: 7/10;
    }

    .col-xlg-7-11 {
        grid-column: 7/11;
    }

    .col-xlg-7-12 {
        grid-column: 7/12;
    }

    .col-xlg-7-13 {
        grid-column: 7/13;
    }

    .col-xlg-7--1 {
        grid-column: 7/-1;
    }

    .col-xlg-7--2 {
        grid-column: 7/-2;
    }

    .col-xlg-7--3 {
        grid-column: 7/-3;
    }

    .col-xlg-7--4 {
        grid-column: 7/-4;
    }

    .col-xlg-7--5 {
        grid-column: 7/-5;
    }

    .col-xlg-7--6 {
        grid-column: 7/-6;
    }

    .col-xlg-7--7 {
        grid-column: 7/-7;
    }

    .col-xlg-7--8 {
        grid-column: 7/-8;
    }

    .col-xlg-7--9 {
        grid-column: 7/-9;
    }

    .col-xlg-7--10 {
        grid-column: 7/-10;
    }

    .col-xlg-7--11 {
        grid-column: 7/-11;
    }

    .col-xlg-7--12 {
        grid-column: 7/-12;
    }

    .col-xlg-7-auto {
        grid-column: 7/auto;
    }

    .col-xlg-8-9 {
        grid-column: 8/9;
    }

    .col-xlg-8-10 {
        grid-column: 8/10;
    }

    .col-xlg-8-11 {
        grid-column: 8/11;
    }

    .col-xlg-8-12 {
        grid-column: 8/12;
    }

    .col-xlg-8-13 {
        grid-column: 8/13;
    }

    .col-xlg-8--1 {
        grid-column: 8/-1;
    }

    .col-xlg-8--2 {
        grid-column: 8/-2;
    }

    .col-xlg-8--3 {
        grid-column: 8/-3;
    }

    .col-xlg-8--4 {
        grid-column: 8/-4;
    }

    .col-xlg-8--5 {
        grid-column: 8/-5;
    }

    .col-xlg-8--6 {
        grid-column: 8/-6;
    }

    .col-xlg-8--7 {
        grid-column: 8/-7;
    }

    .col-xlg-8--8 {
        grid-column: 8/-8;
    }

    .col-xlg-8--9 {
        grid-column: 8/-9;
    }

    .col-xlg-8--10 {
        grid-column: 8/-10;
    }

    .col-xlg-8--11 {
        grid-column: 8/-11;
    }

    .col-xlg-8--12 {
        grid-column: 8/-12;
    }

    .col-xlg-8-auto {
        grid-column: 8/auto;
    }

    .col-xlg-9-10 {
        grid-column: 9/10;
    }

    .col-xlg-9-11 {
        grid-column: 9/11;
    }

    .col-xlg-9-12 {
        grid-column: 9/12;
    }

    .col-xlg-9-13 {
        grid-column: 9/13;
    }

    .col-xlg-9--1 {
        grid-column: 9/-1;
    }

    .col-xlg-9--2 {
        grid-column: 9/-2;
    }

    .col-xlg-9--3 {
        grid-column: 9/-3;
    }

    .col-xlg-9--4 {
        grid-column: 9/-4;
    }

    .col-xlg-9--5 {
        grid-column: 9/-5;
    }

    .col-xlg-9--6 {
        grid-column: 9/-6;
    }

    .col-xlg-9--7 {
        grid-column: 9/-7;
    }

    .col-xlg-9--8 {
        grid-column: 9/-8;
    }

    .col-xlg-9--9 {
        grid-column: 9/-9;
    }

    .col-xlg-9--10 {
        grid-column: 9/-10;
    }

    .col-xlg-9--11 {
        grid-column: 9/-11;
    }

    .col-xlg-9--12 {
        grid-column: 9/-12;
    }

    .col-xlg-9-auto {
        grid-column: 9/auto;
    }

    .col-xlg-10-11 {
        grid-column: 10/11;
    }

    .col-xlg-10-12 {
        grid-column: 10/12;
    }

    .col-xlg-10-13 {
        grid-column: 10/13;
    }

    .col-xlg-10--1 {
        grid-column: 10/-1;
    }

    .col-xlg-10--2 {
        grid-column: 10/-2;
    }

    .col-xlg-10--3 {
        grid-column: 10/-3;
    }

    .col-xlg-10--4 {
        grid-column: 10/-4;
    }

    .col-xlg-10--5 {
        grid-column: 10/-5;
    }

    .col-xlg-10--6 {
        grid-column: 10/-6;
    }

    .col-xlg-10--7 {
        grid-column: 10/-7;
    }

    .col-xlg-10--8 {
        grid-column: 10/-8;
    }

    .col-xlg-10--9 {
        grid-column: 10/-9;
    }

    .col-xlg-10--10 {
        grid-column: 10/-10;
    }

    .col-xlg-10--11 {
        grid-column: 10/-11;
    }

    .col-xlg-10--12 {
        grid-column: 10/-12;
    }

    .col-xlg-10-auto {
        grid-column: 10/auto;
    }

    .col-xlg-11-12 {
        grid-column: 11/12;
    }

    .col-xlg-11-13 {
        grid-column: 11/13;
    }

    .col-xlg-11--1 {
        grid-column: 11/-1;
    }

    .col-xlg-11--2 {
        grid-column: 11/-2;
    }

    .col-xlg-11--3 {
        grid-column: 11/-3;
    }

    .col-xlg-11--4 {
        grid-column: 11/-4;
    }

    .col-xlg-11--5 {
        grid-column: 11/-5;
    }

    .col-xlg-11--6 {
        grid-column: 11/-6;
    }

    .col-xlg-11--7 {
        grid-column: 11/-7;
    }

    .col-xlg-11--8 {
        grid-column: 11/-8;
    }

    .col-xlg-11--9 {
        grid-column: 11/-9;
    }

    .col-xlg-11--10 {
        grid-column: 11/-10;
    }

    .col-xlg-11--11 {
        grid-column: 11/-11;
    }

    .col-xlg-11--12 {
        grid-column: 11/-12;
    }

    .col-xlg-11-auto {
        grid-column: 11/auto;
    }

    .col-xlg-12-13 {
        grid-column: 12/13;
    }

    .col-xlg-12--1 {
        grid-column: 12/-1;
    }

    .col-xlg-12--2 {
        grid-column: 12/-2;
    }

    .col-xlg-12--3 {
        grid-column: 12/-3;
    }

    .col-xlg-12--4 {
        grid-column: 12/-4;
    }

    .col-xlg-12--5 {
        grid-column: 12/-5;
    }

    .col-xlg-12--6 {
        grid-column: 12/-6;
    }

    .col-xlg-12--7 {
        grid-column: 12/-7;
    }

    .col-xlg-12--8 {
        grid-column: 12/-8;
    }

    .col-xlg-12--9 {
        grid-column: 12/-9;
    }

    .col-xlg-12--10 {
        grid-column: 12/-10;
    }

    .col-xlg-12--11 {
        grid-column: 12/-11;
    }

    .col-xlg-12--12 {
        grid-column: 12/-12;
    }

    .col-xlg-12-auto {
        grid-column: 12/auto;
    }

    .d-xlg-none {
        display: none !important;
    }

    .d-xlg-inline {
        display: inline !important;
    }

    .d-xlg-inline-block {
        display: inline-block !important;
    }

    .d-xlg-block {
        display: block !important;
    }

    .d-xlg-table {
        display: table !important;
    }

    .d-xlg-table-row {
        display: table-row !important;
    }

    .d-xlg-table-cell {
        display: table-cell !important;
    }

    .d-xlg-flex {
        display: flex !important;
    }

    .d-xlg-inline-flex {
        display: inline-flex !important;
    }
}
@media (min-width: 1512px) {
    .col-wd-1 {
        grid-column: span 1;
    }

    .col-wd-2 {
        grid-column: span 2;
    }

    .col-wd-3 {
        grid-column: span 3;
    }

    .col-wd-4 {
        grid-column: span 4;
    }

    .col-wd-5 {
        grid-column: span 5;
    }

    .col-wd-6 {
        grid-column: span 6;
    }

    .col-wd-7 {
        grid-column: span 7;
    }

    .col-wd-8 {
        grid-column: span 8;
    }

    .col-wd-9 {
        grid-column: span 9;
    }

    .col-wd-10 {
        grid-column: span 10;
    }

    .col-wd-11 {
        grid-column: span 11;
    }

    .col-wd-12 {
        grid-column: span 12;
    }

    .col-wd-1-2 {
        grid-column: 1/2;
    }

    .col-wd-1-3 {
        grid-column: 1/3;
    }

    .col-wd-1-4 {
        grid-column: 1/4;
    }

    .col-wd-1-5 {
        grid-column: 1/5;
    }

    .col-wd-1-6 {
        grid-column: 1/6;
    }

    .col-wd-1-7 {
        grid-column: 1/7;
    }

    .col-wd-1-8 {
        grid-column: 1/8;
    }

    .col-wd-1-9 {
        grid-column: 1/9;
    }

    .col-wd-1-10 {
        grid-column: 1/10;
    }

    .col-wd-1-11 {
        grid-column: 1/11;
    }

    .col-wd-1-12 {
        grid-column: 1/12;
    }

    .col-wd-1-13 {
        grid-column: 1/13;
    }

    .col-wd-1--1 {
        grid-column: 1/-1;
    }

    .col-wd-1--2 {
        grid-column: 1/-2;
    }

    .col-wd-1--3 {
        grid-column: 1/-3;
    }

    .col-wd-1--4 {
        grid-column: 1/-4;
    }

    .col-wd-1--5 {
        grid-column: 1/-5;
    }

    .col-wd-1--6 {
        grid-column: 1/-6;
    }

    .col-wd-1--7 {
        grid-column: 1/-7;
    }

    .col-wd-1--8 {
        grid-column: 1/-8;
    }

    .col-wd-1--9 {
        grid-column: 1/-9;
    }

    .col-wd-1--10 {
        grid-column: 1/-10;
    }

    .col-wd-1--11 {
        grid-column: 1/-11;
    }

    .col-wd-1--12 {
        grid-column: 1/-12;
    }

    .col-wd-1-auto {
        grid-column: 1/auto;
    }

    .col-wd-2-3 {
        grid-column: 2/3;
    }

    .col-wd-2-4 {
        grid-column: 2/4;
    }

    .col-wd-2-5 {
        grid-column: 2/5;
    }

    .col-wd-2-6 {
        grid-column: 2/6;
    }

    .col-wd-2-7 {
        grid-column: 2/7;
    }

    .col-wd-2-8 {
        grid-column: 2/8;
    }

    .col-wd-2-9 {
        grid-column: 2/9;
    }

    .col-wd-2-10 {
        grid-column: 2/10;
    }

    .col-wd-2-11 {
        grid-column: 2/11;
    }

    .col-wd-2-12 {
        grid-column: 2/12;
    }

    .col-wd-2-13 {
        grid-column: 2/13;
    }

    .col-wd-2--1 {
        grid-column: 2/-1;
    }

    .col-wd-2--2 {
        grid-column: 2/-2;
    }

    .col-wd-2--3 {
        grid-column: 2/-3;
    }

    .col-wd-2--4 {
        grid-column: 2/-4;
    }

    .col-wd-2--5 {
        grid-column: 2/-5;
    }

    .col-wd-2--6 {
        grid-column: 2/-6;
    }

    .col-wd-2--7 {
        grid-column: 2/-7;
    }

    .col-wd-2--8 {
        grid-column: 2/-8;
    }

    .col-wd-2--9 {
        grid-column: 2/-9;
    }

    .col-wd-2--10 {
        grid-column: 2/-10;
    }

    .col-wd-2--11 {
        grid-column: 2/-11;
    }

    .col-wd-2--12 {
        grid-column: 2/-12;
    }

    .col-wd-2-auto {
        grid-column: 2/auto;
    }

    .col-wd-3-4 {
        grid-column: 3/4;
    }

    .col-wd-3-5 {
        grid-column: 3/5;
    }

    .col-wd-3-6 {
        grid-column: 3/6;
    }

    .col-wd-3-7 {
        grid-column: 3/7;
    }

    .col-wd-3-8 {
        grid-column: 3/8;
    }

    .col-wd-3-9 {
        grid-column: 3/9;
    }

    .col-wd-3-10 {
        grid-column: 3/10;
    }

    .col-wd-3-11 {
        grid-column: 3/11;
    }

    .col-wd-3-12 {
        grid-column: 3/12;
    }

    .col-wd-3-13 {
        grid-column: 3/13;
    }

    .col-wd-3--1 {
        grid-column: 3/-1;
    }

    .col-wd-3--2 {
        grid-column: 3/-2;
    }

    .col-wd-3--3 {
        grid-column: 3/-3;
    }

    .col-wd-3--4 {
        grid-column: 3/-4;
    }

    .col-wd-3--5 {
        grid-column: 3/-5;
    }

    .col-wd-3--6 {
        grid-column: 3/-6;
    }

    .col-wd-3--7 {
        grid-column: 3/-7;
    }

    .col-wd-3--8 {
        grid-column: 3/-8;
    }

    .col-wd-3--9 {
        grid-column: 3/-9;
    }

    .col-wd-3--10 {
        grid-column: 3/-10;
    }

    .col-wd-3--11 {
        grid-column: 3/-11;
    }

    .col-wd-3--12 {
        grid-column: 3/-12;
    }

    .col-wd-3-auto {
        grid-column: 3/auto;
    }

    .col-wd-4-5 {
        grid-column: 4/5;
    }

    .col-wd-4-6 {
        grid-column: 4/6;
    }

    .col-wd-4-7 {
        grid-column: 4/7;
    }

    .col-wd-4-8 {
        grid-column: 4/8;
    }

    .col-wd-4-9 {
        grid-column: 4/9;
    }

    .col-wd-4-10 {
        grid-column: 4/10;
    }

    .col-wd-4-11 {
        grid-column: 4/11;
    }

    .col-wd-4-12 {
        grid-column: 4/12;
    }

    .col-wd-4-13 {
        grid-column: 4/13;
    }

    .col-wd-4--1 {
        grid-column: 4/-1;
    }

    .col-wd-4--2 {
        grid-column: 4/-2;
    }

    .col-wd-4--3 {
        grid-column: 4/-3;
    }

    .col-wd-4--4 {
        grid-column: 4/-4;
    }

    .col-wd-4--5 {
        grid-column: 4/-5;
    }

    .col-wd-4--6 {
        grid-column: 4/-6;
    }

    .col-wd-4--7 {
        grid-column: 4/-7;
    }

    .col-wd-4--8 {
        grid-column: 4/-8;
    }

    .col-wd-4--9 {
        grid-column: 4/-9;
    }

    .col-wd-4--10 {
        grid-column: 4/-10;
    }

    .col-wd-4--11 {
        grid-column: 4/-11;
    }

    .col-wd-4--12 {
        grid-column: 4/-12;
    }

    .col-wd-4-auto {
        grid-column: 4/auto;
    }

    .col-wd-5-6 {
        grid-column: 5/6;
    }

    .col-wd-5-7 {
        grid-column: 5/7;
    }

    .col-wd-5-8 {
        grid-column: 5/8;
    }

    .col-wd-5-9 {
        grid-column: 5/9;
    }

    .col-wd-5-10 {
        grid-column: 5/10;
    }

    .col-wd-5-11 {
        grid-column: 5/11;
    }

    .col-wd-5-12 {
        grid-column: 5/12;
    }

    .col-wd-5-13 {
        grid-column: 5/13;
    }

    .col-wd-5--1 {
        grid-column: 5/-1;
    }

    .col-wd-5--2 {
        grid-column: 5/-2;
    }

    .col-wd-5--3 {
        grid-column: 5/-3;
    }

    .col-wd-5--4 {
        grid-column: 5/-4;
    }

    .col-wd-5--5 {
        grid-column: 5/-5;
    }

    .col-wd-5--6 {
        grid-column: 5/-6;
    }

    .col-wd-5--7 {
        grid-column: 5/-7;
    }

    .col-wd-5--8 {
        grid-column: 5/-8;
    }

    .col-wd-5--9 {
        grid-column: 5/-9;
    }

    .col-wd-5--10 {
        grid-column: 5/-10;
    }

    .col-wd-5--11 {
        grid-column: 5/-11;
    }

    .col-wd-5--12 {
        grid-column: 5/-12;
    }

    .col-wd-5-auto {
        grid-column: 5/auto;
    }

    .col-wd-6-7 {
        grid-column: 6/7;
    }

    .col-wd-6-8 {
        grid-column: 6/8;
    }

    .col-wd-6-9 {
        grid-column: 6/9;
    }

    .col-wd-6-10 {
        grid-column: 6/10;
    }

    .col-wd-6-11 {
        grid-column: 6/11;
    }

    .col-wd-6-12 {
        grid-column: 6/12;
    }

    .col-wd-6-13 {
        grid-column: 6/13;
    }

    .col-wd-6--1 {
        grid-column: 6/-1;
    }

    .col-wd-6--2 {
        grid-column: 6/-2;
    }

    .col-wd-6--3 {
        grid-column: 6/-3;
    }

    .col-wd-6--4 {
        grid-column: 6/-4;
    }

    .col-wd-6--5 {
        grid-column: 6/-5;
    }

    .col-wd-6--6 {
        grid-column: 6/-6;
    }

    .col-wd-6--7 {
        grid-column: 6/-7;
    }

    .col-wd-6--8 {
        grid-column: 6/-8;
    }

    .col-wd-6--9 {
        grid-column: 6/-9;
    }

    .col-wd-6--10 {
        grid-column: 6/-10;
    }

    .col-wd-6--11 {
        grid-column: 6/-11;
    }

    .col-wd-6--12 {
        grid-column: 6/-12;
    }

    .col-wd-6-auto {
        grid-column: 6/auto;
    }

    .col-wd-7-8 {
        grid-column: 7/8;
    }

    .col-wd-7-9 {
        grid-column: 7/9;
    }

    .col-wd-7-10 {
        grid-column: 7/10;
    }

    .col-wd-7-11 {
        grid-column: 7/11;
    }

    .col-wd-7-12 {
        grid-column: 7/12;
    }

    .col-wd-7-13 {
        grid-column: 7/13;
    }

    .col-wd-7--1 {
        grid-column: 7/-1;
    }

    .col-wd-7--2 {
        grid-column: 7/-2;
    }

    .col-wd-7--3 {
        grid-column: 7/-3;
    }

    .col-wd-7--4 {
        grid-column: 7/-4;
    }

    .col-wd-7--5 {
        grid-column: 7/-5;
    }

    .col-wd-7--6 {
        grid-column: 7/-6;
    }

    .col-wd-7--7 {
        grid-column: 7/-7;
    }

    .col-wd-7--8 {
        grid-column: 7/-8;
    }

    .col-wd-7--9 {
        grid-column: 7/-9;
    }

    .col-wd-7--10 {
        grid-column: 7/-10;
    }

    .col-wd-7--11 {
        grid-column: 7/-11;
    }

    .col-wd-7--12 {
        grid-column: 7/-12;
    }

    .col-wd-7-auto {
        grid-column: 7/auto;
    }

    .col-wd-8-9 {
        grid-column: 8/9;
    }

    .col-wd-8-10 {
        grid-column: 8/10;
    }

    .col-wd-8-11 {
        grid-column: 8/11;
    }

    .col-wd-8-12 {
        grid-column: 8/12;
    }

    .col-wd-8-13 {
        grid-column: 8/13;
    }

    .col-wd-8--1 {
        grid-column: 8/-1;
    }

    .col-wd-8--2 {
        grid-column: 8/-2;
    }

    .col-wd-8--3 {
        grid-column: 8/-3;
    }

    .col-wd-8--4 {
        grid-column: 8/-4;
    }

    .col-wd-8--5 {
        grid-column: 8/-5;
    }

    .col-wd-8--6 {
        grid-column: 8/-6;
    }

    .col-wd-8--7 {
        grid-column: 8/-7;
    }

    .col-wd-8--8 {
        grid-column: 8/-8;
    }

    .col-wd-8--9 {
        grid-column: 8/-9;
    }

    .col-wd-8--10 {
        grid-column: 8/-10;
    }

    .col-wd-8--11 {
        grid-column: 8/-11;
    }

    .col-wd-8--12 {
        grid-column: 8/-12;
    }

    .col-wd-8-auto {
        grid-column: 8/auto;
    }

    .col-wd-9-10 {
        grid-column: 9/10;
    }

    .col-wd-9-11 {
        grid-column: 9/11;
    }

    .col-wd-9-12 {
        grid-column: 9/12;
    }

    .col-wd-9-13 {
        grid-column: 9/13;
    }

    .col-wd-9--1 {
        grid-column: 9/-1;
    }

    .col-wd-9--2 {
        grid-column: 9/-2;
    }

    .col-wd-9--3 {
        grid-column: 9/-3;
    }

    .col-wd-9--4 {
        grid-column: 9/-4;
    }

    .col-wd-9--5 {
        grid-column: 9/-5;
    }

    .col-wd-9--6 {
        grid-column: 9/-6;
    }

    .col-wd-9--7 {
        grid-column: 9/-7;
    }

    .col-wd-9--8 {
        grid-column: 9/-8;
    }

    .col-wd-9--9 {
        grid-column: 9/-9;
    }

    .col-wd-9--10 {
        grid-column: 9/-10;
    }

    .col-wd-9--11 {
        grid-column: 9/-11;
    }

    .col-wd-9--12 {
        grid-column: 9/-12;
    }

    .col-wd-9-auto {
        grid-column: 9/auto;
    }

    .col-wd-10-11 {
        grid-column: 10/11;
    }

    .col-wd-10-12 {
        grid-column: 10/12;
    }

    .col-wd-10-13 {
        grid-column: 10/13;
    }

    .col-wd-10--1 {
        grid-column: 10/-1;
    }

    .col-wd-10--2 {
        grid-column: 10/-2;
    }

    .col-wd-10--3 {
        grid-column: 10/-3;
    }

    .col-wd-10--4 {
        grid-column: 10/-4;
    }

    .col-wd-10--5 {
        grid-column: 10/-5;
    }

    .col-wd-10--6 {
        grid-column: 10/-6;
    }

    .col-wd-10--7 {
        grid-column: 10/-7;
    }

    .col-wd-10--8 {
        grid-column: 10/-8;
    }

    .col-wd-10--9 {
        grid-column: 10/-9;
    }

    .col-wd-10--10 {
        grid-column: 10/-10;
    }

    .col-wd-10--11 {
        grid-column: 10/-11;
    }

    .col-wd-10--12 {
        grid-column: 10/-12;
    }

    .col-wd-10-auto {
        grid-column: 10/auto;
    }

    .col-wd-11-12 {
        grid-column: 11/12;
    }

    .col-wd-11-13 {
        grid-column: 11/13;
    }

    .col-wd-11--1 {
        grid-column: 11/-1;
    }

    .col-wd-11--2 {
        grid-column: 11/-2;
    }

    .col-wd-11--3 {
        grid-column: 11/-3;
    }

    .col-wd-11--4 {
        grid-column: 11/-4;
    }

    .col-wd-11--5 {
        grid-column: 11/-5;
    }

    .col-wd-11--6 {
        grid-column: 11/-6;
    }

    .col-wd-11--7 {
        grid-column: 11/-7;
    }

    .col-wd-11--8 {
        grid-column: 11/-8;
    }

    .col-wd-11--9 {
        grid-column: 11/-9;
    }

    .col-wd-11--10 {
        grid-column: 11/-10;
    }

    .col-wd-11--11 {
        grid-column: 11/-11;
    }

    .col-wd-11--12 {
        grid-column: 11/-12;
    }

    .col-wd-11-auto {
        grid-column: 11/auto;
    }

    .col-wd-12-13 {
        grid-column: 12/13;
    }

    .col-wd-12--1 {
        grid-column: 12/-1;
    }

    .col-wd-12--2 {
        grid-column: 12/-2;
    }

    .col-wd-12--3 {
        grid-column: 12/-3;
    }

    .col-wd-12--4 {
        grid-column: 12/-4;
    }

    .col-wd-12--5 {
        grid-column: 12/-5;
    }

    .col-wd-12--6 {
        grid-column: 12/-6;
    }

    .col-wd-12--7 {
        grid-column: 12/-7;
    }

    .col-wd-12--8 {
        grid-column: 12/-8;
    }

    .col-wd-12--9 {
        grid-column: 12/-9;
    }

    .col-wd-12--10 {
        grid-column: 12/-10;
    }

    .col-wd-12--11 {
        grid-column: 12/-11;
    }

    .col-wd-12--12 {
        grid-column: 12/-12;
    }

    .col-wd-12-auto {
        grid-column: 12/auto;
    }

    .d-wd-none {
        display: none !important;
    }

    .d-wd-inline {
        display: inline !important;
    }

    .d-wd-inline-block {
        display: inline-block !important;
    }

    .d-wd-block {
        display: block !important;
    }

    .d-wd-table {
        display: table !important;
    }

    .d-wd-table-row {
        display: table-row !important;
    }

    .d-wd-table-cell {
        display: table-cell !important;
    }

    .d-wd-flex {
        display: flex !important;
    }

    .d-wd-inline-flex {
        display: inline-flex !important;
    }
}
::selection {
    background: var(--color-highlight);
    color: var(--color-highlight-2);
    text-shadow: none;
}

::-moz-selection {
    background: var(--color-highlight);
    color: var(--color-0);
    text-shadow: none;
}

:root {
    font-size: var(--fluid);
    scroll-padding-top: 0;
}

body {
    max-width: 100%;
    width: 100vw;
    font-family: var(--font-1);
    font-display: swap;
    font-optical-sizing: auto;
    font-style: normal;
    font-size: 1.6rem;
    line-height: 140%;
    font-weight: 400;
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
    overscroll-behavior: none;
}
@media (min-width: 1025px) {
    body {
        font-size: 1.8rem;
        line-height: 140%;
    }
}
body .layer {
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100vw;
    background-color: var(--color-highlight);
    transform: translate3d(0, 100%, 0);
    z-index: 1000000;
    pointer-events: none;
}

a {
    color: var(--color-text);
}

button {
    color: var(--color-text);
    text-align: left;
}

.enlarge {
    position: relative;
}
.enlarge a:before,
.enlarge button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
}

html.lenis,
html.lenis body {
    height: auto;
}

.lenis.lenis-smooth {
    scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
    overscroll-behavior: contain;
}

.lenis.lenis-stopped {
    overflow: hidden;
}

.lenis.lenis-scrolling iframe {
    pointer-events: none;
}

picture.lazy {
    background-color: var(--color-0);
}

img.lazy {
    opacity: 0;
    filter: blur(1rem);
    transition: var(--transition-2);
}
img.lazy.loaded {
    opacity: 1;
    filter: blur(0);
}

.otgs-development-site-front-end {
    display: none !important;
}

.swiper-pagination {
    position: relative !important;
    margin-top: 7rem;
    background-color: transparent !important;
    height: 0.1rem !important;
}
.swiper-pagination:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-text) !important;
    opacity: 0.2;
}
.swiper-pagination > span {
    background-color: var(--color-highlight) !important;
}

[data-href] {
    cursor: pointer;
}

.link {
    color: var(--color-text);
    font-size: 1.6rem;
    font-weight: 400;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-right: 2.3rem;
    transition: var(--transition);
    overflow: hidden;
}
.link svg {
    position: absolute;
    top: 50%;
    width: 1.3rem;
    color: var(--color-highlight);
    transition: var(--transition);
}
.link svg:first-child {
    left: 0;
    transform: rotate(180deg) translate3d(100%, 50%, 0) scale(0);
}
.link svg:last-child {
    right: 0;
    transform: translate3d(0, -50%, 0);
}
@media (min-width: 768px) {
    .link:hover {
        padding-right: 0;
        padding-left: 2.3rem;
    }
    .link:hover svg:first-child {
        left: 0;
        transform: rotate(180deg) translate3d(0, 50%, 0) scale(1);
    }
    .link:hover svg:last-child {
        right: 0;
        transform: translate3d(100%, -50%, 0) scale(0);
    }
}

:root {
    --button-background-color-1: var(--color-background);
    --button-background-color-2: var(--color-highlight-3);
    --button-text-color-1: var(--color-text);
    --button-text-color-2: var(--color-highlight-4);
    --button-secondary-background-color-: var(--color-highlight);
    --button-secondary-text-color: var(--color-highlight-2);
}
:root .background-0 {
    --button-background-color-1: var(--color-background);
    --button-background-color-2: var(--color-highlight-3);
    --button-text-color-1: var(--color-text);
    --button-text-color-2: var(--color-highlight-4);
    --button-secondary-background-color: var(--color-highlight);
    --button-secondary-text-color: var(--color-highlight-2);
}
:root .background-1 {
    --button-background-color-1: var(--color-background);
    --button-background-color-2: var(--color-highlight-3);
    --button-text-color-1: var(--color-text);
    --button-text-color-2: var(--color-highlight-4);
    --button-secondary-background-color: var(--color-highlight);
    --button-secondary-text-color: var(--color-highlight-2);
}
:root .background-2 {
    --button-background-color-1: var(--color-background);
    --button-background-color-2: var(--color-highlight-3);
    --button-text-color-1: var(--color-text);
    --button-text-color-2: var(--color-highlight-4);
    --button-secondary-background-color: var(--color-highlight);
    --button-secondary-text-color: var(--color-highlight-2);
}
:root .background-3 {
    --button-background-color-1: var(--color-background);
    --button-background-color-2: var(--color-highlight-3);
    --button-text-color-1: var(--color-text);
    --button-text-color-2: var(--color-highlight-4);
    --button-secondary-background-color: var(--color-highlight);
    --button-secondary-text-color: var(--color-highlight-2);
}
:root .background-4 {
    --button-background-color-1: var(--color-background);
    --button-background-color-2: var(--color-highlight-3);
    --button-text-color-1: var(--color-text);
    --button-text-color-2: var(--color-highlight-4);
    --button-secondary-background-color: var(--color-highlight);
    --button-secondary-text-color: var(--color-highlight-2);
}
:root .background-5 {
    --button-background-color-1: var(--color-background);
    --button-background-color-2: var(--color-highlight-3);
    --button-text-color-1: var(--color-text);
    --button-text-color-2: var(--color-highlight-4);
    --button-secondary-background-color: var(--color-highlight);
    --button-secondary-text-color: var(--color-highlight-2);
}

.button {
    --button-size: 6rem;
    display: inline-flex;
    position: relative;
    transition: var(--transition);
    overflow: hidden;
}
.button--secondary {
    --button-background-color-2: var(--button-secondary-background-color);
    --button-text-color-2: var(--button-secondary-text-color);
}
.button[disabled] {
    opacity: 0.3;
    cursor: not-allowed;
}
.button__inner {
    padding-right: calc(var(--button-size) + 0.5rem);
    position: relative;
    transition: var(--transition);
}
.button__title {
    font-size: 1.8rem;
    font-weight: 700;
    background-color: var(--button-background-color-1);
    padding: 1rem 2.5rem;
    min-height: var(--button-size);
    display: inline-flex;
    align-items: center;
    position: relative;
    color: var(--button-text-color-1);
    position: relative;
}
.button__title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: inset 0 0 0 0.1rem var(--button-text-color-1);
    opacity: 0.5;
}
.button__icon {
    position: absolute;
    top: 0;
    height: 100%;
    width: var(--button-size);
    min-width: var(--button-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--button-background-color-2);
    color: var(--button-text-color-2);
    transition: var(--transition);
}
.button__icon:first-child {
    left: 0;
    transform: translate3d(calc(-100% - 0.5rem), 0, 0) rotateY(-90deg);
    transform-origin: right center;
}
.button__icon:last-child {
    right: 0;
    transform-origin: left center;
}
.button__icon svg {
    width: 38%;
    height: 38%;
}
@media (min-width: 768px) {
    .button:hover:not([disabled]) .button__inner {
        transform: translate3d(calc(var(--button-size) + 0.5rem), 0, 0);
    }
    .button:hover:not([disabled]) .button__icon:first-child {
        transform: translate3d(calc(-100% - 0.5rem), 0, 0) rotateY(0);
    }
    .button:hover:not([disabled]) .button__icon:last-child {
        transform: rotateY(90deg);
    }
}

:root {
    --button-round-background-color: var(--color-text);
    --button-round-text-color: var(--color-4);
}
:root .background-0 {
    --button-round-background-color: var(--color-text);
    --button-round-text-color: var(--color-4);
}
:root .background-1 {
    --button-round-background-color: var(--color-text);
    --button-round-text-color: var(--color-4);
}
:root .background-2 {
    --button-round-background-color: var(--color-text);
    --button-round-text-color: var(--color-4);
}
:root .background-3 {
    --button-round-background-color: var(--color-text);
    --button-round-text-color: var(--color-4);
}
:root .background-4 {
    --button-round-background-color: var(--color-text);
    --button-round-text-color: var(--color-4);
}
:root .background-5 {
    --button-round-background-color: var(--color-text);
    --button-round-text-color: var(--color-4);
}

.button-round {
    --button-size: 6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: var(--transition);
    overflow: hidden;
    width: var(--button-size);
    height: var(--button-size);
    min-width: var(--button-size);
    min-height: var(--button-size);
    background-color: var(--button-round-background-color);
    color: var(--button-round-text-color);
    border-radius: 10rem;
}
.button-round[disabled] {
    opacity: 0.3;
    cursor: not-allowed;
}
.button-round svg {
    width: 40%;
    height: 40%;
    transform: translate3d(10%, 0, 0);
}
@media (min-width: 768px) {
    .button-round:hover:not([disabled]) {
        background-color: var(--color-highlight);
        color: var(--color-highlight-2);
    }
}
.button-round.prev {
    transform: rotate(180deg);
}

body {
    --cmp-padding-x: 20px;
    --cmp-padding-y: 40px;
    --cmp-background-color: var(--color-2);
    --cmp-title-font: var(--font-1);
    --cmp-titlte-font-size: 2rem;
    --cmp-title-line-height: 130%;
    --cmp-title-margin-bottom: 20px;
    --cmp-text-font: var(--font-1);
    --cmp-text-font-size: 16px;
    --cmp-text-line-height: 130%;
    --cmp-text-color: var(--color-1);
    --cmp-text-color-highlight: var(--color-highlight);
    --cmp-button-background-color: var(--color-transparent);
    --cmp-button-background-color-hover: var(--color-highlight);
    --cmp-button-text-color: var(--color-1);
    --cmp-button-text-color-hover: var(--color-2);
    --cmp-button-border-color: var(--color-highlight);
    --cmp-button-font: var(--font-1);
    --cmp-button-font-size: 14px;
    --cmp-button-font-weight: 700;
    --cmp-button-padding: 5px 20px 7px 20px;
    --cmp-button-height: 50px;
    --cmp-border-color: var(--color-3);
    --cmp-item-background-color: var(--color-3);
    --cmp-item-text-color: var(--color-1);
    --cmp-item-border-color: var(--color-highlight);
    --cmp-item-font-size: 14px;
    --cmp-space-between-lg: 30px;
    --cmp-space-between-md: 20px;
    --cmp-space-between-sm: 10px;
    --cmp-shadow: 0px 0px 200px 0px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
    body {
        --cmp-text-font-size: 14px;
        --cmp-item-font-size: 12px;
    }
}
body #ppms_cm_popup_overlay {
    background: var(--cmp-background-color) !important;
    color: var(--cmp-text-color) !important;
}
body div.ppms_cm_popup_overlay span.ppms_cm_header1,
body div.ppms_cm_popup_overlay span.ppms_cm_header1:focus,
body div.ppms_cm_popup_overlay span.ppms_cm_header1:hover {
    color: var(--cmp-text-color) !important;
    font-family: var(--cmp-title-font) !important;
    font-size: var(--cmp-titlte-font-size) !important;
    line-height: var(--cmp-title-line-height) !important;
    margin-bottom: var(--cmp-title-margin-bottom) !important;
}
body div.ppms_cm_popup_overlay p.ppms_cm_paragraph,
body div.ppms_cm_popup_overlay p.ppms_cm_paragraph:focus,
body div.ppms_cm_popup_overlay p.ppms_cm_paragraph:hover {
    color: var(--cmp-text-color) !important;
    font-family: var(--cmp-text-font) !important;
    font-size: var(--cmp-text-font-size) !important;
    line-height: var(--cmp-text-line-height) !important;
}
body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text,
body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text:focus,
body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text:hover {
    color: var(--cmp-text-color) !important;
    font-family: var(--cmp-text-font) !important;
    font-size: var(--cmp-text-font-size) !important;
    line-height: var(--cmp-text-line-height) !important;
}
body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-dot,
body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-dot:focus,
body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-dot:hover {
    background-color: var(--cmp-text-color-highlight) !important;
    font-family: var(--cmp-text-font) !important;
    background-color: var(--cmp-text-color-highlight) !important;
    width: 0.5rem !important;
    height: 0.5rem !important;
    border-radius: 50% !important;
    margin-right: 1rem !important;
    padding: 0 !important;
    transform: translate(0px, 0.1em) !important;
}
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn:hover,
body div.ppms_cm_popup_overlay a.ppms_cm_link,
body div.ppms_cm_popup_overlay a.ppms_cm_link:focus,
body div.ppms_cm_popup_overlay a.ppms_cm_link:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn:hover {
    color: var(--cmp-text-color) !important;
    font-weight: 700 !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-stretch: normal !important;
    font-size: 100% !important;
    font-family: var(--cmp-text-font) !important;
    font-size: var(--cmp-text-font-size) !important;
    line-height: var(--cmp-text-line-height) !important;
    font-family: var(--cmp-text-font) !important;
    margin: 0 !important;
    font-weight: 600 !important;
    text-underline-offset: 0.5em !important;
}
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_show_btn:hover,
body div.ppms_cm_popup_overlay a.ppms_cm_link,
body div.ppms_cm_popup_overlay a.ppms_cm_link:focus,
body div.ppms_cm_popup_overlay a.ppms_cm_link:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn.expanded,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn.expanded:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_content_expander_hide_btn.expanded:hover {
    color: var(--cmp-text-color) !important;
    font-weight: 700 !important;
    font-weight: normal !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-stretch: normal !important;
    font-size: 100% !important;
    font-family: var(--cmp-text-font) !important;
    font-size: var(--cmp-text-font-size) !important;
    line-height: var(--cmp-text-line-height) !important;
    font-family: var(--cmp-text-font) !important;
    margin: 0 !important;
    font-weight: 600 !important;
    text-underline-offset: 0.5em !important;
    text-decoration: underline !important;
}
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices,
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all,
body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all:hover,
body div.ppms_cm_consent_bar button.ppms_cm_set_your_consent,
body div.ppms_cm_consent_bar button.ppms_cm_set_your_consent:focus,
body div.ppms_cm_consent_bar button.ppms_cm_set_your_consent:hover {
    background-color: var(--cmp-button-background-color) !important;
    color: var(--cmp-button-text-color) !important;
    border: 0.1rem solid var(--cmp-button-border-color) !important;
    border-radius: 0 !important;
    font-family: var(--cmp-text-font) !important;
    padding: var(--cmp-button-padding) !important;
    font-size: var(--cmp-button-font-size) !important;
    font-weight: var(--cmp-button-font-weight) !important;
    font-family: var(--cmp-button-font) !important;
    height: var(--cmp-button-height) !important;
    box-sizing: border-box !important;
    margin: 0 !important;
}
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices:focus:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_save-choices:hover:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all:focus:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_agree-to-all:hover:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all:focus:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_reject-all:hover:hover,
body div.ppms_cm_consent_bar button.ppms_cm_set_your_consent:hover,
body div.ppms_cm_consent_bar button.ppms_cm_set_your_consent:focus:hover,
body div.ppms_cm_consent_bar button.ppms_cm_set_your_consent:hover:hover {
    background-color: var(--cmp-button-background-color-hover) !important;
    color: var(--cmp-button-text-color-hover) !important;
}
body #ppms_cm_footer {
    background-color: var(--cmp-background-color) !important;
    color: var(--cmp-text-color) !important;
    font-family: var(--cmp-text-font) !important;
    border: 1px solid var(--cmp-border-color) !important;
}
body #ppms_cm_footer a,
body #ppms_cm_footer a:focus,
body #ppms_cm_footer a:hover {
    color: var(--cmp-text-color) !important;
    text-decoration: underline !important;
    font-family: var(--cmp-text-font) !important;
}
body svg.ppms_cm_footer__logo * {
    fill: var(--cmp-text-color) !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_footer,
body div.ppms_cm_popup_overlay div.ppms_cm_footer:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_footer:hover {
    box-shadow: initial !important;
}
body div.ppms_cm_consent_bar p.ppms_cm_main_text,
body div.ppms_cm_consent_bar p.ppms_cm_main_text:focus,
body div.ppms_cm_consent_bar p.ppms_cm_main_text:hover {
    color: var(--cmp-text-color) !important;
    font-family: var(--cmp-text-font) !important;
    font-size: var(--cmp-text-font-size) !important;
    line-height: var(--cmp-text-line-height) !important;
    margin-bottom: var(--cmp-space-between-lg) !important;
}
body div.ppms_cm_consent_bar,
body div.ppms_cm_consent_bar:focus,
body div.ppms_cm_consent_bar:hover {
    background-color: var(--cmp-background-color) !important;
    color: var(--cmp-text-color) !important;
    font-family: var(--cmp-text-font) !important;
}
body div.ppms_cm_consent_bar,
body div.ppms_cm_consent_bar:focus,
body div.ppms_cm_consent_bar:hover {
    padding: 50px var(--cmp-padding-x) var(--cmp-padding-y) !important;
    left: initial !important;
    right: 20px !important;
    bottom: 20px !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 340px !important;
    box-shadow: var(--cmp-shadow) !important;
    z-index: 100 !important;
}
@media (max-width: 767px) {
    body div.ppms_cm_consent_bar,
body div.ppms_cm_consent_bar:focus,
body div.ppms_cm_consent_bar:hover {
        right: 0 !important;
        bottom: 0 !important;
        max-width: 100% !important;
    }
}
body div.ppms_cm_popup_overlay,
body div.ppms_cm_popup_overlay:focus,
body div.ppms_cm_popup_overlay:hover {
    box-shadow: var(--cmp-shadow) !important;
    z-index: 100 !important;
}
body div.ppms_cm_consent_bar,
body button.ppms_cm_set_your_consent,
body p.ppms_cm_main_text,
body button.ppms_cm_bar-close-icon,
body svg.ppms_cm_close_icon_svg * {
    fill: var(--cmp-text-color) !important;
}
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:focus,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:hover {
    fill: var(--cmp-text-color) !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_consents_list,
body div.ppms_cm_popup_overlay div.ppms_cm_consents_list:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_consents_list:hover {
    margin-top: var(--cmp-space-between-lg) !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_consent_item,
body div.ppms_cm_popup_overlay div.ppms_cm_consent_item:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_consent_item:hover {
    margin: 0 !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_data_uses,
body div.ppms_cm_popup_overlay div.ppms_cm_data_uses:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_data_uses {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin-top: var(--cmp-space-between-lg) !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_data_uses > button, body div.ppms_cm_popup_overlay div.ppms_cm_data_uses > a,
body div.ppms_cm_popup_overlay div.ppms_cm_data_uses:focus > button,
body div.ppms_cm_popup_overlay div.ppms_cm_data_uses:focus > a,
body div.ppms_cm_popup_overlay div.ppms_cm_data_uses > button,
body div.ppms_cm_popup_overlay div.ppms_cm_data_uses > a {
    margin: 0 !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_consent_wrapper,
body div.ppms_cm_popup_overlay div.ppms_cm_consent_wrapper:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_consent_wrapper:hover {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_consent_wrapper .ppms_cm_centered_buttons,
body div.ppms_cm_popup_overlay div.ppms_cm_consent_wrapper:focus .ppms_cm_centered_buttons,
body div.ppms_cm_popup_overlay div.ppms_cm_consent_wrapper:hover .ppms_cm_centered_buttons {
    margin-top: var(--cmp-space-between-lg) !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_card_section,
body div.ppms_cm_popup_overlay div.ppms_cm_card_section:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_card_section:hover {
    background-color: var(--cmp-item-background-color) !important;
    border-color: var(--cmp-item-border-color) !important;
    border: 0 !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_card_section + .ppms_cm_card_section,
body div.ppms_cm_popup_overlay div.ppms_cm_card_section:focus + .ppms_cm_card_section,
body div.ppms_cm_popup_overlay div.ppms_cm_card_section:hover + .ppms_cm_card_section {
    margin-top: var(--cmp-space-between-sm) !important;
}
body div.ppms_cm_popup_overlay span.ppms_cm_header4,
body div.ppms_cm_popup_overlay span.ppms_cm_header4:focus,
body div.ppms_cm_popup_overlay span.ppms_cm_header4:hover {
    color: var(--cmp-item-text-color) !important;
    font-family: var(--cmp-text-font) !important;
}
body div.ppms_cm_popup_overlay span.ppms_cm_span,
body div.ppms_cm_popup_overlay span.ppms_cm_span:focus,
body div.ppms_cm_popup_overlay span.ppms_cm_span:hover {
    color: var(--cmp-item-text-color) !important;
    font-family: var(--cmp-text-font) !important;
}
body body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text,
body body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text:focus,
body body div.ppms_cm_popup_overlay span.ppms_cm_consent_item-text:hover {
    font-size: var(--cmp-text-font-size) !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_main_content,
body div.ppms_cm_popup_overlay div.ppms_cm_main_content:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_main_content:hover {
    gap: var(--cmp-space-between-lg) !important;
}
@media (max-width: 767px) {
    body div.ppms_cm_popup_overlay div.ppms_cm_main_content,
body div.ppms_cm_popup_overlay div.ppms_cm_main_content:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_main_content:hover {
        flex-direction: column !important;
    }
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_consent_wrapper,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_consent_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_consent_wrapper:hover,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_consent_wrapper,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_consent_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_consent_wrapper:hover {
    margin: 0 !important;
}
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_agree-to-all,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_agree-to-all:focus,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_agree-to-all:hover,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_agree-to-all,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_agree-to-all:focus,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_agree-to-all:hover {
    height: var(--cmp-button-height) !important;
    padding: var(--cmp-button-padding) !important;
}
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_reject-all,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_reject-all:focus,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_reject-all:hover,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_reject-all,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_reject-all:focus,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_reject-all:hover {
    height: var(--cmp-button-height) !important;
    padding: var(--cmp-button-padding) !important;
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper:not(.expanded) .ppms_agree_button_wrapper,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper:not(.expanded) .ppms_agree_button_wrapper,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper:not(.expanded) .ppms_agree_button_wrapper:hover,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper:not(.expanded) .ppms_agree_button_wrapper:hover,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper:not(.expanded) .ppms_agree_button_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper:not(.expanded) .ppms_agree_button_wrapper:focus {
    height: auto !important;
    width: 100% !important;
    padding: 0 var(--cmp-padding-x) !important;
    margin: 0 0 var(--cmp-space-between-md) 0 !important;
    box-sizing: border-box !important;
}
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_agree-to-all,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_agree-to-all:focus,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_agree-to-all:hover,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_agree-to-all,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_agree-to-all:focus,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_agree-to-all:hover {
    margin: 0 !important;
}
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_reject-all,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_reject-all:focus,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_reject-all:hover,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_reject-all,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_reject-all:focus,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_reject-all:hover {
    margin: 0 !important;
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_agree_button_wrapper,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_agree_button_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_agree_button_wrapper:hover,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_agree_button_wrapper,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_agree_button_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_agree_button_wrapper:hover {
    height: auto !important;
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper:hover,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper:hover {
    margin-bottom: calc(3 * var(--cmp-button-height) + 2 * var(--cmp-space-between-md) + 2 * var(--cmp-space-between-sm)) !important;
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper:not(.expanded),
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper:not(.expanded),
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper:not(.expanded):hover,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper:not(.expanded):hover,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper:not(.expanded):focus,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper:not(.expanded):focus {
    margin-bottom: calc(var(--cmp-button-height) + var(--cmp-button-height) + var(--cmp-space-between-sm) + var(--cmp-space-between-lg)) !important;
}
body div.ppms_cm_popup_overlay div.ppms_agree_button_wrapper,
body div.ppms_cm_popup_overlay div.ppms_agree_button_wrapper:focus,
body div.ppms_cm_popup_overlay div.ppms_agree_button_wrapper:hover {
    height: auto !important;
}
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_save-choices,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_save-choices:focus,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_save-choices:hover,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_save-choices,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_save-choices:focus,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_save-choices:hover {
    bottom: calc(35px + var(--cmp-space-between-md)) !important;
    width: calc(100% - 2 * var(--cmp-padding-x)) !important;
    box-sizing: border-box !important;
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_agree_button_wrapper,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_agree_button_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_agree_button_wrapper:hover,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_agree_button_wrapper,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_agree_button_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_agree_button_wrapper:hover {
    bottom: calc(35px + var(--cmp-space-between-md) + var(--cmp-button-height) + var(--cmp-space-between-sm)) !important;
    padding: 0 var(--cmp-padding-x) !important;
    box-sizing: border-box !important;
}
body div.ppms_cm_popup_overlay.mobile-lg span.ppms_cm_header1,
body div.ppms_cm_popup_overlay.mobile-lg span.ppms_cm_header1:focus,
body div.ppms_cm_popup_overlay.mobile-lg span.ppms_cm_header1:hover,
body div.ppms_cm_popup_overlay.mobile-sm span.ppms_cm_header1,
body div.ppms_cm_popup_overlay.mobile-sm span.ppms_cm_header1:focus,
body div.ppms_cm_popup_overlay.mobile-sm span.ppms_cm_header1:hover {
    bottom: 0 0 var(--cmp-title-margin-bottom) 0 !important;
    padding: 0 !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_popup,
body div.ppms_cm_popup_overlay div.ppms_cm_popup:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_popup:hover {
    padding: 0 var(--cmp-padding-x) var(--cmp-padding-y) var(--cmp-padding-x) !important;
}
body div.ppms_cm_popup_overlay div.ppms_agree_button_wrapper,
body div.ppms_cm_popup_overlay div.ppms_agree_button_wrapper:focus,
body div.ppms_cm_popup_overlay div.ppms_agree_button_wrapper:hover {
    gap: var(--cmp-space-between-sm) !important;
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_consent_wrapper .ppms_cm_centered_buttons {
    margin-top: 0 !important;
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup_wrapper.expanded::before,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup_wrapper.expanded::before {
    display: none !important;
}
body div.ppms_cm_popup_overlay.mobile-lg a.ppms_cm_link,
body div.ppms_cm_popup_overlay.mobile-lg a.ppms_cm_link:focus,
body div.ppms_cm_popup_overlay.mobile-lg a.ppms_cm_link:hover,
body div.ppms_cm_popup_overlay.mobile-sm a.ppms_cm_link,
body div.ppms_cm_popup_overlay.mobile-sm a.ppms_cm_link:focus,
body div.ppms_cm_popup_overlay.mobile-sm a.ppms_cm_link:hover {
    margin: 0 !important;
    padding: 0 !important;
}
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_content_expander_show_btn,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_content_expander_show_btn:focus,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_content_expander_show_btn:hover,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_content_expander_show_btn,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_content_expander_show_btn:focus,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_content_expander_show_btn:hover,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_content_expander_hide_btn,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_content_expander_hide_btn:focus,
body div.ppms_cm_popup_overlay.mobile-lg button.ppms_cm_content_expander_hide_btn:hover,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_content_expander_hide_btn,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_content_expander_hide_btn:focus,
body div.ppms_cm_popup_overlay.mobile-sm button.ppms_cm_content_expander_hide_btn:hover {
    padding: 0 !important;
}
body div.ppms_cm_popup_overlay.mobile-lg p.ppms_cm_paragraph,
body div.ppms_cm_popup_overlay.mobile-lg p.ppms_cm_paragraph:focus,
body div.ppms_cm_popup_overlay.mobile-lg p.ppms_cm_paragraph:hover,
body div.ppms_cm_popup_overlay.mobile-sm p.ppms_cm_paragraph,
body div.ppms_cm_popup_overlay.mobile-sm p.ppms_cm_paragraph:focus,
body div.ppms_cm_popup_overlay.mobile-sm p.ppms_cm_paragraph:hover {
    margin: 0 !important;
    padding: 0 !important;
}
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup:focus,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_popup:hover,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup:focus,
body div.ppms_cm_popup_overlay.mobile-sm div.ppms_cm_popup:hover {
    padding: 0 var(--cmp-padding-x) 0 var(--cmp-padding-x) !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_content_wrapper,
body div.ppms_cm_popup_overlay div.ppms_cm_content_wrapper:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_content_wrapper:hover,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_content_wrapper,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_content_wrapper:focus,
body div.ppms_cm_popup_overlay.mobile-lg div.ppms_cm_content_wrapper:hover {
    margin: 0 !important;
}
body div.ppms_cm_popup_overlay div.ppms_cm_card_section,
body div.ppms_cm_popup_overlay div.ppms_cm_card_section:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_card_section:hover {
    padding: var(--cmp-space-between-md) !important;
    gap: var(--cmp-space-between-md) !important;
}
@media (max-width: 767px) {
    body div.ppms_cm_popup_overlay div.ppms_cm_card_section,
body div.ppms_cm_popup_overlay div.ppms_cm_card_section:focus,
body div.ppms_cm_popup_overlay div.ppms_cm_card_section:hover {
        flex-direction: column !important;
        gap: var(--cmp-space-between-sm) !important;
    }
}
body div.ppms_cm_popup_overlay span.ppms_cm_header4,
body div.ppms_cm_popup_overlay span.ppms_cm_header4:focus,
body div.ppms_cm_popup_overlay span.ppms_cm_header4:hover {
    font-size: var(--cmp-item-font-size) !important;
    margin-bottom: var(--cmp-space-between-sm) !important;
}
body div.ppms_cm_popup_overlay span.ppms_cm_span,
body body div.ppms_cm_popup_overlay span.ppms_cm_span:focus,
body body div.ppms_cm_popup_overlay span.ppms_cm_span:hover,
body div.ppms_cm_popup_overlay span.ppms_cm_span,
body div.ppms_cm_popup_overlay span.ppms_cm_span:focus,
body div.ppms_cm_popup_overlay span.ppms_cm_span:hover {
    font-size: var(--cmp-item-font-size) !important;
}
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:focus,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:hover,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:focus,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:hover,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:focus,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:hover {
    background-color: transparent !important;
    width: 18px !important;
    height: 18px !important;
    right: 20px !important;
    top: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
}
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon > svg,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:focus > svg,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:hover > svg,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup > svg,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:focus > svg,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:hover > svg,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup > svg,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:focus > svg,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:hover > svg {
    display: none !important;
}
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:before, body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:after,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:focus:before,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:focus:after,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:hover:before,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:hover:after,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:before,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:after,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:focus:before,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:focus:after,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:hover:before,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:hover:after,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:before,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:after,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:focus:before,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:focus:after,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:hover:before,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:hover:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px !important;
    background-color: var(--cmp-text-color-highlight) !important;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:after,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:focus:after,
body div.ppms_cm_consent_bar button.ppms_cm_bar-close-icon:hover:after,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:after,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:focus:after,
body div.ppms_cm_popup_overlay svg.ppms_cm_close_popup:hover:after,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:after,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:focus:after,
body div.ppms_cm_popup_overlay button.ppms_cm_close_popup:hover:after {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.card-article {
    height: 100%;
}
.card-article__img {
    overflow: hidden;
}
.card-article__img picture {
    aspect-ratio: 458/257;
    margin-bottom: 3rem;
    overflow: hidden;
}
.card-article__img picture img {
    height: 100%;
    object-fit: cover;
}
.card-article__content {
    padding: 0 2.4rem;
}
@media (max-width: 767px) {
    .card-article__content {
        padding: 0 var(--grid-ext);
    }
}
.card-article__content__top {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-weight: 400;
    gap: 2rem;
    row-gap: 0.2rem;
}
.card-article__content__top > p {
    font-size: 1.6rem;
    line-height: 105%;
    position: relative;
}
.card-article__content__top > p:not(:last-child):before {
    content: "";
    position: absolute;
    top: 0.35rem;
    right: -1.1rem;
    width: 0.1rem;
    height: 1.2rem;
    background-color: var(--color-highlight);
}
.card-article__content > p {
    margin-top: 2.5rem;
    font-size: 1.5rem;
    line-height: 140%;
}
.card-article .rte {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 130%;
}
.card-article .link {
    margin-top: 2.5rem;
}

:root {
    --action-background-color: var(--color-4);
    --action-text-color: var(--color-2);
    --action-padding: 1.8rem;
}
:root .background-0 {
    --action-background-color: var(--color-4);
    --action-text-color: var(--color-2);
}
:root .background-1 {
    --action-background-color: var(--color-4);
    --action-text-color: var(--color-2);
}
:root .background-2 {
    --action-background-color: var(--color-4);
    --action-text-color: var(--color-2);
}
:root .background-3 {
    --action-background-color: var(--color-4);
    --action-text-color: var(--color-2);
}
:root .background-4 {
    --action-background-color: var(--color-2);
    --action-text-color: var(--color-4);
}
:root .background-5 {
    --action-background-color: var(--color-4);
    --action-text-color: var(--color-2);
}

.action {
    --action-size: 3rem;
    overflow: hidden;
    cursor: pointer;
}
.action__inner {
    position: relative;
    padding: var(--action-padding) calc(var(--action-size) + 1rem) var(--action-padding) 0;
    transition: var(--transition);
}
.action__inner:before, .action__inner:after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0.1rem;
    background-color: var(--color-text);
    transition: var(--transition);
}
.action__inner:before {
    left: 0;
    width: 100%;
    opacity: 0.2;
    background-color: var(--color-text);
}
.action__inner:after {
    right: 0;
    width: 0;
    background-color: var(--color-highlight);
}
.action__icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate3d(calc(-100% - 1rem), 0, 0);
    width: var(--action-size);
    height: var(--action-size);
    min-width: var(--action-size);
    min-height: var(--action-size);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    background-color: var(--action-background-color);
    color: var(--action-text-color);
    transform: translate3d(calc(-100% - 1rem), -50%, 0);
    transition: var(--transition);
}
.action__icon svg {
    width: 50%;
}
.action__title {
    font-size: 2rem;
}
@media (min-width: 768px) {
    .action:hover .action__icon {
        transform: translate3d(0, -50%, 0);
    }
    .action:hover .action__inner {
        padding: var(--action-padding) 0 var(--action-padding) calc(var(--action-size) + 1rem);
    }
    .action:hover .action__inner:after {
        left: 0;
        width: 100%;
        right: initial;
    }
    .action.active .action__icon {
        transform: translate3d(0, -50%, 0);
    }
    .action.active .action__inner {
        padding: var(--action-padding) 0 var(--action-padding) calc(var(--action-size) + 1rem);
    }
    .action.active .action__inner:after {
        left: 0;
        width: 100%;
        right: initial;
    }
}
.action__expand {
    display: grid;
    grid-template-rows: 0fr;
    transition: var(--transition-2);
    overflow: hidden;
    filter: blur(10rem);
    width: 100%;
}
.action__expand__inner {
    overflow: hidden;
    margin: auto;
    width: 100%;
}
.action__expand__inner > div {
    padding-top: var(--action-padding);
    padding-bottom: var(--action-padding);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 2rem;
}
.action__expand__inner > div > picture {
    width: 30%;
    min-width: 13rem;
    max-width: 20rem;
}
.action.active + .action__expand {
    grid-template-rows: 1fr;
    filter: blur(0);
}
@media (max-width: 767px) {
    .action .action__inner {
        padding: var(--action-padding) calc(var(--action-size) + 1rem) var(--action-padding) 0;
    }
    .action .action__icon {
        left: initial;
        right: 0;
        background-color: transparent;
        color: var(--color-text);
        transform: translate3d(0, -50%, 0);
    }
    .action.active .action__icon {
        transform: translate3d(0, -50%, 0) rotate(90deg);
        background-color: var(--action-background-color);
        color: var(--action-text-color);
    }
}

.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-color: var(--color-highlight-3);
    border: 0.1rem solid var(--color-highlight-3);
    color: var(--color-highlight-4);
    border-radius: 100rem;
    padding: 0.5rem 2rem;
    min-height: 4rem;
    font-size: 1.8rem;
    white-space: nowrap;
}

.card-action {
    --card-action-offset: 0.1rem;
    position: relative;
    padding: 0.1rem;
    backdrop-filter: blur(1rem);
}
.card-action:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-background);
    opacity: 0.5;
    z-index: 1;
}
.card-action:after {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.1rem;
    background: linear-gradient(var(--angle), var(--color-highlight-3) 0%, transparent 60%);
    border-radius: inherit;
    --m: conic-gradient(#000 0 0);
    -webkit-mask: var(--m) content-box, var(--m);
    -webkit-mask-composite: xor;
            mask: var(--m) content-box exclude, var(--m);
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
}
.card-action__inner {
    position: relative;
    padding: 3rem 2rem;
    z-index: 3;
}
.card-action__content {
    margin-top: 5rem;
}
.card-action__content svg {
    width: 3.2rem;
    color: var(--color-highlight-3);
    margin-bottom: 2rem;
}

.card-form {
    --card-form-background-color: var(--color-background);
    --card-form-hightlight-color: var(--color-highlight);
    position: relative;
    transition: var(--transition);
    height: 100%;
}
.card-form input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 10;
}
.card-form:before, .card-form:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    transition: var(--transition);
}
.card-form:before {
    background-color: var(--card-form-background-color);
    opacity: 0.5;
}
.card-form:after {
    border: 0.1rem solid var(--color-text);
    opacity: 0.2;
}
.card-form__title {
    padding: 1.6rem 2.4rem;
    position: relative;
    font-size: 1.2rem;
    font-weight: 900;
    text-transform: uppercase;
    font-style: italic;
}
.card-form__title > svg {
    position: absolute;
    width: 1.2rem;
    top: 50%;
    left: 0;
    color: var(--color-highlight);
    transform: translate3d(0, -50%, 0);
    transition: var(--transition);
}
.card-form__title:before, .card-form__title:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 2.4rem;
    transition: var(--transition);
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
}
.card-form__title:before {
    border: 0.1rem solid var(--card-form-hightlight-color);
    transform: translate3d(0, -50%, 0);
}
.card-form__title:after {
    background-color: var(--card-form-hightlight-color);
    transform: translate3d(0, -50%, 0) scale(0);
}
.card-form__content {
    position: relative;
    padding: 2.4rem;
    font-size: 1.4rem;
}
.card-form__content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-text);
    opacity: 0.2;
    z-index: 1;
    transition: var(--transition);
}
.card-form__content__title {
    font-size: 2.4rem;
    line-height: 120%;
    margin-bottom: 2rem;
}
.card-form:has(input:checked) {
    --card-form-background-color: var(--color-highlight);
    --card-form-hightlight-color: var(--color-highlight-2);
    --color-text: var(--color-highlight-2);
    color: var(--color-text);
}
.card-form:has(input:checked):before {
    opacity: 1;
}
.card-form:has(input:checked) .card-form__title > svg {
    color: var(--color-5);
}
.card-form:has(input:checked) .card-form__title:after {
    transform: translate3d(0, -50%, 0) scale(0.4);
}

.card-team {
    padding: 2rem;
    display: flex;
    gap: 1.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}
.card-team picture {
    pointer-events: none;
    display: none;
    position: absolute;
    top: 100%;
    width: 100%;
    left: 50%;
    aspect-ratio: 1/1;
    min-width: 38rem;
    transform: translate3d(-50%, 0, 0);
    overflow: hidden;
}
.card-team picture img {
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1024px) {
    .card-team picture {
        position: relative;
        display: block;
        width: 5rem;
        min-width: initial;
        border-radius: 10rem;
        left: initial;
        transform: none;
    }
}

.strate-footer {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    min-height: 100svh;
}
.strate-footer__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}
.strate-footer__background > svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    height: 100%;
    z-index: -1;
}
.strate-footer .h3 {
    padding-left: 3vw;
}
.strate-footer__content {
    display: flex;
    gap: 4rem;
    grid-row-gap: 2rem;
    justify-content: space-between;
    flex-wrap: wrap;
}
.strate-footer__content ul {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    grid-row-gap: 0.5rem;
}

.suptitle {
    position: relative;
    display: inline-flex;
    overflow: hidden;
}
.suptitle.inview:before {
    animation: suptitle-bar var(--transition-4) forwards;
}
.suptitle.inview p {
    animation: suptitle-text var(--transition-4) forwards;
}
.suptitle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: var(--color-highlight);
    z-index: 0;
}
.suptitle p {
    position: relative;
    z-index: 1;
    clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

@keyframes suptitle-bar {
    0% {
        width: 0;
        left: 0;
    }
    100% {
        width: 50%;
        left: 100%;
    }
}
@keyframes suptitle-text {
    0% {
        clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
}
.loader {
    background-color: var(--color-4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100lvh;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition-2);
}
.loader__content {
    display: grid;
    overflow: hidden;
    width: 60%;
    max-width: 50rem;
}
.loader__content > * {
    grid-area: 1/1;
    transition: var(--transition-2);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1407.65/234.67;
}
.loader__content > *:first-child {
    transform: translate3d(0, 110%, 0);
}
.loader__content > *:last-child {
    transform: translate3d(0, 110%, 0);
}
.loader__content svg {
    color: var(--color-2);
    width: auto;
    height: 100%;
    margin: 0 auto;
}
.loader.step1 .loader__content > *:first-child {
    transform: translate3d(0, 0, 0);
}
.loader.step2 .loader__content > *:first-child {
    transform: translate3d(0, -110%, 0);
}
.loader.step2 .loader__content > *:last-child {
    transform: translate3d(0, 0, 0);
}
.loader.loaded {
    transform: translate3d(0, -100%, 0);
}

.background-gradient {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    opacity: 0.5;
    z-index: -2;
}

.spline {
    position: fixed;
    top: 0%;
    right: 0;
    width: 100vw !important;
    height: 100vh !important;
    mix-blend-mode: darken;
    z-index: -1;
}

.card-brand {
    --card-brand-offset: 0.1rem;
    position: relative;
    display: grid;
    cursor: pointer;
    height: 100%;
}
.card-brand > * {
    grid-area: 1/1;
}
.card-brand:before {
    content: "";
    display: block;
    width: 100%;
    grid-area: 1/1;
    aspect-ratio: 408/480;
    align-self: flex-start;
}
.card-brand__recto {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    padding: 2rem;
}
.card-brand__recto__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
}
.card-brand__recto__background img {
    height: 100%;
    object-fit: cover;
}
.card-brand__recto__content {
    position: relative;
    z-index: 1;
    padding: 2rem;
    border-radius: 1rem;
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2rem);
    width: 100%;
}
.card-brand__recto__content > svg {
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    width: 5rem;
    color: var(--color-highlight-3);
}
.card-brand__recto__content > div {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-right: 6rem;
    min-height: 19rem;
}
.card-brand__recto__content > div .card-brand__logo {
    margin-bottom: 4rem;
    width: 50%;
    max-width: 15rem;
    height: 6rem;
}
.card-brand__recto__content > div .card-brand__logo img {
    height: 100%;
    object-fit: contain;
    object-position: center left;
}
.card-brand__verso {
    position: relative;
    z-index: 2;
    border-radius: 1rem;
    overflow: clip;
    opacity: 0;
    transition: var(--transition-2);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    will-change: transform, opacity, filter;
    transform: translateZ(0);
    backface-visibility: hidden;
}
@media (min-width: 1025px) {
    .card-brand__verso {
        font-size: 2.2rem;
    }
}
@media (min-width: 1200px) {
    .card-brand__verso {
        width: calc(200% + 2.5rem);
    }
}
.card-brand__verso:before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 0.1rem;
    background: linear-gradient(var(--angle), var(--color-highlight-3) 0%, transparent 60%);
    border-radius: inherit;
    --m: conic-gradient(#000 0 0);
    -webkit-mask: var(--m) content-box, var(--m);
    -webkit-mask-composite: xor;
            mask: var(--m) content-box exclude, var(--m);
    pointer-events: none;
    width: 100%;
    height: 100%;
    z-index: 2;
    left: 0;
    top: 0;
}
.card-brand__verso__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
}
.card-brand__verso__background img {
    height: 100%;
    object-fit: cover;
}
.card-brand__verso__content {
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2rem);
    padding: 2rem;
}
@media (min-width: 1025px) {
    .card-brand__verso__content {
        padding: 3rem;
    }
}
@media (min-width: 1200px) {
    .card-brand__verso__content .rte {
        max-width: calc(100% - 19rem);
    }
}
.card-brand__verso__content .card-brand__logo {
    position: absolute;
    right: 3rem;
    bottom: 3rem;
    width: 19rem;
    height: 8rem;
}
.card-brand__verso__content .card-brand__logo img {
    height: 100%;
    object-fit: contain;
    object-position: bottom right;
}
@media (max-width: 1199px) {
    .card-brand__verso__content .card-brand__logo {
        display: none;
    }
}
.card-brand.active .card-brand__verso {
    opacity: 1;
}
@media (min-width: 768px) {
    .card-brand:hover .card-brand__recto__background img {
        transform: scale(1.2);
    }
}

.header {
    height: var(--header-height);
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: var(--color-0);
    transform: translate3d(0, calc(-100% - 1px), 0);
    transition: var(--transition);
    justify-content: space-between;
    padding: 0 clamp(2rem, calc(40 * 100vw / 1512), 4rem);
    background-color: var(--color-4);
    --color-text: var(--color-2);
    --color-highlight: var(--color-2);
}
.header.light {
    background-color: var(--color-3);
    --color-text: var(--color-1);
    --color-highlight: var(--color-4);
    --color-highlight-3: var(--color-4);
}
.header.scrolled {
    background-color: var(--color-2);
    --color-text: var(--color-1);
    --color-highlight: var(--color-4);
    --color-highlight-3: var(--color-4);
}
.header.visible {
    transform: translate3d(0, 0, 0);
}
.header__contact {
    font-weight: 900;
    transition: var(--transition);
}
@media (min-width: 768px) {
    .header__contact:hover {
        color: var(--color-highlight);
    }
}
.header__button {
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 1.5rem;
    position: relative;
    display: none;
    font-style: italic;
    text-align: center;
    padding: 1rem 1.5rem;
    transition: var(--transition);
    overflow: hidden;
    border-radius: 10rem;
}
.header__button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.1rem solid var(--color-highlight-3);
    border-radius: 10rem;
}
.header__button__inner {
    overflow: hidden;
    display: grid;
}
.header__button__inner span {
    grid-area: 1/1;
    transition: var(--transition);
}
.header__button__inner span:last-child {
    transform: translate3d(0, 100%, 0);
}
.header__logo {
    z-index: 10;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.header__logo > svg {
    width: auto;
    height: 3.3rem;
    color: var(--color-text);
}
@media (min-width: 1025px) {
    .header__logo > svg {
        height: 4.3rem;
    }
}
.header__logo > svg:nth-of-type(2) {
    height: 1.7rem;
}
@media (min-width: 1025px) {
    .header__logo > svg:nth-of-type(2) {
        height: 2.2rem;
    }
}
.header__nav {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 3rem;
    margin: 0 auto;
    left: 0;
}
.header__nav__secondary {
    align-items: center;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    display: none;
    padding: 0 clamp(2rem, calc(40 * 100vw / 1512), 4rem);
}
.header__nav__main {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex: 1;
    width: 100%;
}
.header__nav__main__inner {
    display: flex;
    max-height: 100%;
    align-items: center;
    justify-content: center;
}
.header__nav__main__inner > li {
    transition: var(--transition);
}
.header__nav__main__inner > li a {
    font-size: 1.8rem;
    padding: 0 1.25rem;
    position: relative;
    display: flex;
    align-items: center;
    gap: 1rem;
}
.header__nav__main__inner > li a svg {
    width: 2rem;
    min-width: 2rem;
    position: absolute;
    left: 50%;
    opacity: 0;
    transition: var(--transition);
    color: var(--color-highlight);
}
.header__nav__main__inner > li a svg:first-of-type {
    bottom: calc(100% + 0.25rem);
    transform: translate3d(-50%, -100%, 0) rotate(180deg);
}
.header__nav__main__inner > li a svg:last-of-type {
    top: calc(100% + 0.25rem);
    transform: translate3d(-50%, 100%, 0);
}
.header__nav__main__inner > li a.active svg {
    opacity: 1;
}
.header__nav__main__inner > li a.active svg:first-of-type {
    transform: translate3d(-50%, 0, 0) rotate(180deg);
}
.header__nav__main__inner > li a.active svg:last-of-type {
    transform: translate3d(-50%, 0, 0);
}
@media (min-width: 768px) {
    .header__nav__main__inner:hover > li {
        opacity: 0.3;
    }
    .header__nav__main__inner:hover > li:hover {
        opacity: 1;
    }
}
.header__nav-secondary {
    display: flex;
    gap: 3.6rem;
    align-items: center;
}
.header__nav-secondary > li {
    position: relative;
}
.header__nav-secondary > li a,
.header__nav-secondary > li button {
    font-size: 1.8rem;
    font-family: var(--font-1);
}
.header__nav-secondary > li + li:before {
    content: "";
    position: absolute;
    top: 1.7rem;
    left: -1.8rem;
    width: 1px;
    height: 2rem;
    transform: translate3d(0, -50%, 0);
    background-color: var(--color-text);
    opacity: 0.25;
}

@media (max-width: 575px) {
    .header__logo > svg:nth-of-type(2) {
        display: none;
    }
}
@media (max-width: 1199px) {
    .header:not(.light) .header__nav {
        position: fixed;
        width: 100%;
        height: calc(100dvh - var(--header-height));
        left: 0;
        top: var(--header-height);
        background: rgba(255, 255, 255, 0.9);
        transition: var(--transition);
        opacity: 0;
        backdrop-filter: blur(1rem);
        overflow: auto;
        padding: 3rem 0;
        pointer-events: none;
        margin: 0;
    }
    .header:not(.light) .header__nav__main {
        flex-direction: column;
        overflow: auto;
    }
    .header:not(.light) .header__nav__main__inner {
        gap: 0;
        flex-direction: column;
        justify-content: flex-start;
    }
    .header:not(.light) .header__nav__main__inner li a {
        margin: 1.5rem 0;
    }
    .header:not(.light) .header__nav__main__inner li a > svg:first-of-type {
        right: 100%;
        left: initial;
        transform: translate(-1rem, -50%) rotate(90deg);
        top: 50%;
    }
    .header:not(.light) .header__nav__main__inner li a > svg:last-of-type {
        left: 100%;
        right: initial;
        transform: translate(1rem, -50%) rotate(-90deg);
        top: 50%;
    }
    .header:not(.light) .header__nav__main__inner li a.active > svg:first-of-type {
        right: 100%;
        left: initial;
        transform: translate(0, -50%) rotate(90deg);
        top: 50%;
    }
    .header:not(.light) .header__nav__main__inner li a.active > svg:last-of-type {
        left: 100%;
        right: initial;
        transform: translate(0, -50%) rotate(-90deg);
        top: 50%;
    }
    .header:not(.light) .header__nav__secondary {
        display: flex;
    }
    .header:not(.light) .header__nav__secondary .select > button:after {
        transform: rotate(0deg);
    }
    .header:not(.light) .header__nav__secondary .select > ul {
        top: initial;
        bottom: 100%;
    }
    .header:not(.light) .header__nav__secondary .select.active > button:after {
        transform: rotate(180deg);
    }
    .header:not(.light) .header__nav-secondary {
        display: none;
    }
    .header:not(.light) .header .header__button {
        display: block;
    }
    .header:not(.light) .header.active {
        background-color: var(--color-2);
        --color-text: var(--color-1);
        --color-highlight: var(--color-4);
        --color-highlight-3: var(--color-4);
    }
    .header:not(.light) .header.active .header__nav {
        opacity: 1;
        pointer-events: auto;
    }
    .header:not(.light) .header.active .header__button {
        background-color: var(--color-highlight-3);
    }
    .header:not(.light) .header.active .header__button__inner span:last-child {
        transform: translate3d(0, 0, 0);
    }
    .header:not(.light) .header.active .header__button__inner span:first-child {
        transform: translate3d(0, -100%, 0);
    }
}
.select {
    position: relative;
}
.select button {
    padding: 0.5rem 0;
    position: relative;
    padding-right: 1.5rem;
    font-size: 1.8rem;
}
.select button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: rotate(180deg);
    height: 0;
    width: 0;
    border-right: 0.4rem solid transparent;
    border-bottom: 0.4rem solid var(--color-highlight);
    border-left: 0.4rem solid transparent;
    transition: var(--transition);
}
.select ul {
    --color-text: var(--color-1);
    --color-highlight: var(--color-4);
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: var(--color-2);
    padding: 1rem;
    z-index: 1000;
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
    min-width: 5rem;
    max-width: 10rem;
}
.select ul li a {
    position: relative;
    display: grid;
    font-size: 1.4rem;
}
@media (min-width: 768px) {
    .select ul li a:hover {
        color: var(--color-highlight);
    }
}
@media (min-width: 768px) {
    .select:hover button:after {
        transform: rotate(0deg);
    }
    .select:hover ul {
        display: flex;
    }
}
.select.active button:after {
    transform: rotate(0deg);
}
.select.active ul {
    display: flex;
}

.buttons {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.card-community-lab {
    --card-community-lab-background-color: var(--color-2);
    --card-community-lab-color: var(--color-1);
    position: relative;
    display: grid;
}
.card-community-lab:before {
    grid-area: 1/1;
    content: "";
    aspect-ratio: 622/313;
    width: 100%;
    pointer-events: none;
    display: block;
    align-self: flex-start;
}
.card-community-lab__inner {
    grid-area: 1/1;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: 1fr;
    height: 100%;
}
.card-community-lab__inner > picture {
    min-height: 0;
}
.card-community-lab__inner > picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-community-lab__content {
    padding: clamp(2.4rem, calc(40 * 100vw / 1512), 4rem);
    height: 100%;
    background-color: var(--card-community-lab-background-color);
    color: var(--card-community-lab-color);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.card-community-lab__content .h10 + * {
    margin-top: 2.4rem;
}
@media (max-width: 575px) {
    .card-community-lab:before {
        display: none;
    }
    .card-community-lab .card-community-lab__inner {
        display: flex;
        flex-direction: column;
    }
    .card-community-lab .card-community-lab__inner picture {
        aspect-ratio: 16/9;
    }
    .card-community-lab .card-community-lab__content {
        height: auto;
        flex: 1;
    }
}

.card-content {
    position: relative;
    border-radius: 2rem;
    background-color: var(--color-6);
    overflow: hidden;
    display: grid;
}
.card-content__inner {
    grid-area: 1/1;
    padding: clamp(2.4rem, calc(32 * 100vw / 1512), 3.2rem) clamp(2.4rem, calc(46 * 100vw / 1512), 4.6rem);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card-content__number {
    margin-bottom: 8rem;
    width: 5.6rem;
    height: 5.6rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10rem;
    background-color: var(--color-4);
    color: var(--color-2);
    font-size: 2rem;
}
.card-content .rte {
    --rte-default-margin: 1rem;
}

.scrollhelper {
    position: absolute;
    bottom: var(--grid-ext);
    right: var(--grid-ext);
    width: 2.7rem;
    z-index: 100;
    padding-top: 2.8rem;
    cursor: pointer;
}
.scrollhelper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0.1rem;
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-4);
    border-radius: 5rem;
    animation: scrollhelper 2s infinite;
}
.scrollhelper svg {
    width: 100%;
}

@keyframes scrollhelper {
    0% {
        transform: translate3d(0, 0, 0);
    }
    30% {
        transform: translate3d(0, -1.5rem, 0);
    }
    50% {
        transform: translate3d(0, -1.5rem, 0);
    }
    80% {
        transform: translate3d(0, 0, 0);
    }
}
:root {
    --strate-y-0: 0rem;
    --strate-y-xs: clamp(2rem, calc(40 * 100vw / 1512), 4rem);
    --strate-y-sm: clamp(3rem, calc(60 * 100vw / 1512), 6rem);
    --strate-y-md: clamp(4rem, calc(80 * 100vw / 1512), 8rem);
    --strate-y-lg: clamp(7rem, calc(100 * 100vw / 1512), 10rem);
    --strate-y-xl: clamp(9rem, calc(120 * 100vw / 1512), 12rem);
    --strate-y-wd: clamp(12rem, calc(140 * 100vw / 1512), 30rem);
    --strate-y: var(--strate-y-default);
    --strate-y-default: var(--strate-y-xl);
}

.strate {
    position: relative;
    padding: var(--strate-y) 0 var(--strate-y-default);
    z-index: 1;
    margin-bottom: -0.1rem;
}
.strate--0 {
    --strate-y: var(--strate-y-0);
}
.strate--xs {
    --strate-y: var(--strate-y-xs);
}
.strate--sm {
    --strate-y: var(--strate-y-sm);
}
.strate--md {
    --strate-y: var(--strate-y-md);
}
.strate--lg {
    --strate-y: var(--strate-y-lg);
}
.strate--xl {
    --strate-y: var(--strate-y-xl);
}
.strate--wd {
    --strate-y: var(--strate-y-wd);
}
.strate:not([class*=background-]):has(+ *:not([class*=background-])) {
    padding-bottom: 0;
}
.strate.background-0:has(+ [class*=background-0]:not(.strate-team)) {
    padding-bottom: 0;
}
.strate.background-1:has(+ [class*=background-1]:not(.strate-team)) {
    padding-bottom: 0;
}
.strate.background-2:has(+ [class*=background-2]:not(.strate-team)) {
    padding-bottom: 0;
}
.strate.background-3:has(+ [class*=background-3]:not(.strate-team)) {
    padding-bottom: 0;
}
.strate.background-4:has(+ [class*=background-4]:not(.strate-team)) {
    padding-bottom: 0;
}
.strate.background-5:has(+ [class*=background-5]:not(.strate-team)) {
    padding-bottom: 0;
}

.strate {
    --strate-in-view-stagger: 0.1s;
}
.strate .in-view__item {
    opacity: 0;
    transform: translate3d(0, 1rem, 0);
    transition: opacity 0.6s cubic-bezier(0.5, 1.5, 0.5, 1), transform 0.6s cubic-bezier(0.5, 1.5, 0.5, 1);
}
.strate .in-view__item--scale {
    opacity: 1;
    transform: scale(0);
    transition: transform 0.6s cubic-bezier(0.5, 1.3, 0.5, 1);
}
.strate .in-view__item--right {
    transform: translate3d(2rem, 0, 0);
}
.strate .in-view__item--left {
    transform: translate3d(-2rem, 0, 0);
}
.strate .in-view__item:nth-child(0) {
    transition-delay: calc(0 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(1) {
    transition-delay: calc(1 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(2) {
    transition-delay: calc(2 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(3) {
    transition-delay: calc(3 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(4) {
    transition-delay: calc(4 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(5) {
    transition-delay: calc(5 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(6) {
    transition-delay: calc(6 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(7) {
    transition-delay: calc(7 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(8) {
    transition-delay: calc(8 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(9) {
    transition-delay: calc(9 * var(--strate-in-view-stagger));
}
.strate .in-view__item:nth-child(10) {
    transition-delay: calc(10 * var(--strate-in-view-stagger));
}
.strate.in-view .in-view__item {
    opacity: 1;
    transform: scale(1) translate3d(0, 0, 0);
}

.strate-expertises {
    --strate-expertises-offset: 50%;
}
@media (min-width: 768px) {
    .strate-expertises {
        --strate-expertises-offset: 30%;
    }
}
@media (min-width: 1025px) {
    .strate-expertises {
        --strate-expertises-offset: 37%;
    }
}
.strate-expertises__intro {
    text-align: center;
}
.strate-expertises__items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: var(--grid-gap);
    row-gap: var(--grid-gap);
    position: relative;
}
@media (min-width: 1025px) {
    .strate-expertises__items.inview .strate-expertises__item {
        transform: scale(1) rotateY(0deg);
        opacity: 1;
        filter: blur(0);
    }
}
@media (min-width: 768px) {
    .strate-expertises__items {
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }
}
.strate-expertises__item {
    padding: 2.4rem 2rem;
    border: 0.2rem solid var(--color-2);
    border-radius: 1rem;
}
@media (min-width: 1025px) {
    .strate-expertises__item {
        transform: rotateZ(-2deg) scale(0.9);
        opacity: 0;
        transition: var(--transition);
        transition-delay: calc(sibling-index() * 0.05s);
        transform-origin: bottom right;
        filter: blur(2rem);
    }
}
@media (min-width: 768px) {
    .strate-expertises__item {
        padding: 3.2rem calc(var(--strate-expertises-offset) + 2rem) 3.2rem 3.2rem;
    }
    .strate-expertises__item:nth-child(even) {
        text-align: right;
        padding: 3.2rem 3.2rem 3.2rem calc(var(--strate-expertises-offset) + 2rem);
    }
    .strate-expertises__item:nth-child(1) {
        transform-origin: bottom right;
    }
    .strate-expertises__item:nth-child(2) {
        transform-origin: bottom left;
    }
    .strate-expertises__item:nth-child(3) {
        transform-origin: top right;
    }
    .strate-expertises__item:nth-child(4) {
        transform-origin: top left;
    }
}
.strate-expertises__item__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    row-gap: var(--grid-row-gap);
}
.strate-expertises__img {
    background-size: 100% 100%;
    position: absolute;
    width: var(--strate-expertises-offset);
    aspect-ratio: 1/1;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 1;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 0 0.5rem 5rem 0 rgba(0, 0, 0, 0.2);
}
.strate-expertises__img svg {
    width: 50%;
}
@media (max-width: 767px) {
    .strate-expertises__img {
        position: relative;
        margin: calc(var(--grid-gap) * -1 - 5vw) auto 0;
        transform: translate3d(0, 0, 0);
        top: 0;
        left: 0;
        width: 70%;
    }
}
.strate-expertises__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/breakpoint/assets/img/strate-expertises.png);
    background-size: 100% 100%;
    border-radius: 100%;
    z-index: -1;
}

.strate-team {
    z-index: 2;
    position: relative;
}
.strate-team .background-gradient {
    position: absolute;
}
.strate-team__main-img {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 38rem;
    display: grid;
    pointer-events: none;
}
@media (max-width: 1024px) {
    .strate-team__main-img {
        display: none !important;
    }
}
.strate-team__main-img > * {
    grid-area: 1/1;
    transition: var(--transition);
    filter: blur(5rem);
    opacity: 0;
}
.strate-team__main-img > * picture {
    aspect-ratio: 1/1.3;
    width: 100%;
}
.strate-team__main-img > * img {
    height: 100%;
    object-fit: cover;
}
.strate-team__main-img > *.active {
    display: block;
    filter: blur(0);
    opacity: 1;
}
.strate-team__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
}
.strate-team__background > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    z-index: -1;
}
.strate-team > svg {
    position: absolute;
    top: 0;
    right: 2rem;
    height: auto;
    z-index: 1;
    width: 27%;
    z-index: 0;
}
@media (max-width: 1024px) {
    .strate-team > svg {
        width: 37%;
    }
}
@media (max-width: 767px) {
    .strate-team > svg {
        width: 47%;
    }
}
.strate-team__items {
    margin-top: var(--grid-row-gap);
    position: relative;
    padding-bottom: 4rem;
    overflow: hidden;
}
.strate-team__item {
    position: relative;
    border-top: 0.1rem solid var(--color-highlight-2);
}
.strate-team__item:last-child {
    border-bottom: 0.1rem solid var(--color-highlight-2);
}
.strate-team__item ul {
    display: flex;
    will-change: transform;
    align-items: center;
}
@media (min-width: 768px) {
    .strate-team__item:hover {
        z-index: 2;
    }
}
@media (min-width: 768px) {
    .strate-team__items:hover .card-team {
        transition: var(--transition);
        opacity: 0.3;
    }
    .strate-team__items:hover .card-team .badge {
        transition: var(--transition);
    }
    .strate-team__items:hover .card-team:hover {
        transition: none;
        opacity: 1;
    }
    .strate-team__items:hover .card-team:hover .badge {
        transition: none;
    }
    .strate-team__items:hover .card-team:not(:hover) .badge {
        border-color: var(--color-text);
        background-color: transparent;
        color: var(--color-text);
    }
}

.strate-actions .actions {
    margin-top: 5rem;
}
@media (min-width: 1025px) {
    .strate-actions .actions {
        padding-left: 20%;
    }
}
.strate-actions .action {
    opacity: 0.5;
    transition: var(--transition);
}
@media (min-width: 768px) {
    .strate-actions .action:hover {
        opacity: 1;
    }
}
.strate-actions .action.active {
    opacity: 1;
}
@media (min-width: 1025px) {
    .strate-actions .action__expand {
        display: none;
    }
}
.strate-actions__content {
    align-self: center;
}
.strate-actions__items {
    display: grid;
    position: sticky;
    top: 0;
    max-height: 100vh;
}
.strate-actions__items > * {
    grid-area: 1/1;
}
@media (max-width: 1024px) {
    .strate-actions__items {
        display: none;
    }
}
.strate-actions__item {
    display: flex;
    align-items: center;
    transition: var(--transition-4);
}
.strate-actions__item__inner {
    display: grid;
}
.strate-actions__item__inner > * {
    grid-area: 1/1;
}
.strate-actions__item__inner > div {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.strate-actions__item__inner .card-action {
    width: 80%;
    align-self: flex-end;
    justify-self: flex-end;
    max-width: 40rem;
}
.strate-actions__item:not(.active) {
    opacity: 0;
    filter: blur(5rem);
}

@media (min-width: 1025px) {
    .strate-articles__intro {
        align-items: flex-end;
    }
    .strate-articles__actions {
        display: flex;
        justify-content: flex-end;
    }
}
.strate-articles .swiper-slide {
    height: auto;
}

.strate-contact {
    --strate-contact-offset: 30%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}
@media (max-width: 767px) {
    .strate-contact {
        min-height: initial;
    }
}
.strate-contact__title {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.strate-contact__title picture {
    display: none;
    width: 10rem;
    min-width: 10rem;
}
.strate-contact__title picture:first-child {
    margin-left: -6rem;
}
.strate-contact__title picture:last-child {
    margin-right: -6rem;
    transform: rotateY(180deg);
}
@media (max-width: 767px) {
    .strate-contact__title picture {
        display: block;
    }
}
.strate-contact__intro {
    text-align: center;
    padding: 0 var(--strate-contact-offset);
}
@media (max-width: 767px) {
    .strate-contact__intro {
        padding: 0;
    }
}
.strate-contact__outro {
    text-align: center;
}
.strate-contact__img {
    position: absolute;
    top: 50%;
    width: var(--strate-contact-offset);
    transition: var(--transition-2);
}
.strate-contact__img:nth-child(1) {
    transform: translate3d(-10%, -50%, 0);
    left: 0;
}
.strate-contact__img:nth-child(2) {
    transform: translate3d(10%, -50%, 0) rotateY(180deg);
    right: 0;
}
@media (max-width: 767px) {
    .strate-contact__img {
        display: none;
    }
}
.strate-contact:has(.strate-contact__form.active) .strate-contact__img:nth-child(1) {
    transform: translate3d(-30%, -50%, 0);
}
.strate-contact:has(.strate-contact__form.active) .strate-contact__img:nth-child(2) {
    transform: translate3d(30%, -50%, 0) rotateY(180deg);
}
.strate-contact__form__content {
    display: grid;
    grid-template-rows: 0fr;
    transition: var(--transition-2);
    overflow: hidden;
}
.strate-contact__form__content__inner {
    overflow: hidden;
}
.strate-contact__form__content__inner .grid {
    margin-bottom: var(--grid-row-gap);
}
.strate-contact__form__content__inner .grid > div {
    opacity: 0;
    transition: var(--transition);
    transition-delay: calc(0.3s + (sibling-index() * 0.1s));
    filter: blur(5rem);
    transform: translateZ(0);
    backface-visibility: hidden;
    backdrop-filter: blur(1rem);
}
.strate-contact__form.active .strate-contact__form__content {
    grid-template-rows: 1fr;
}
.strate-contact__form.active .strate-contact__form__content__inner .grid > div {
    opacity: 1;
    filter: blur(0);
}
.strate-contact__form.active .strate-contact__buttons > *:first-child {
    opacity: 0;
    pointer-events: none;
}
.strate-contact__form.active .strate-contact__buttons > *:last-child {
    opacity: 1;
    pointer-events: auto;
}
.strate-contact__buttons {
    display: inline-grid;
    place-items: center;
    place-content: center;
    overflow: hidden;
    margin-bottom: 0.2rem;
}
.strate-contact__buttons > * {
    grid-area: 1/1;
    transition: var(--transition-2);
}
.strate-contact__buttons > *:last-child {
    transition-delay: 0.5s;
    opacity: 0;
    pointer-events: none;
}

.strate-hero {
    padding-top: 0;
    padding-bottom: 0;
}
.strate-hero.inview .strate-hero__title {
    transform: translate3d(0, 0, 0);
}
.strate-hero.inview .strate-hero__title__top__content {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0.4s;
}
.strate-hero.inview .strate-hero__content {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0.6s;
}
.strate-hero__content {
    padding-top: var(--grid-row-gap);
    opacity: 0;
    filter: blur(1rem);
    transform: translate3d(0, 2rem, 0);
    transition: var(--transition-2);
}
.strate-hero__content .h6 {
    padding-bottom: 6rem;
}
@media (min-width: 576px) {
    .strate-hero__content .h6 {
        padding-bottom: 0;
    }
}
.strate-hero__main {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 5rem;
    position: relative;
    min-height: 100svh;
}
.strate-hero__secondary {
    padding-top: var(--strate-y-default);
    padding-bottom: var(--strate-y-default);
    position: relative;
}
.strate-hero__secondary__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow: hidden;
}
.strate-hero__secondary__background > svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    height: 100%;
    z-index: -1;
}
.strate-hero__secondary:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(var(--grid-ext));
    width: calc(100% - var(--grid-ext) * 2);
    height: 0.1rem;
    background-color: var(--color-2);
    z-index: 1;
}
.strate-hero__secondary .grid {
    --grid-row-gap: clamp(4rem, calc(60 * 100vw / 1512), 6rem);
}
.strate-hero__secondary__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2.5rem;
    margin-top: 4rem;
}
@media (max-width: 1024px) {
    .strate-hero__secondary__list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 767px) {
    .strate-hero__secondary__list {
        grid-template-columns: 1fr;
    }
}
.strate-hero__secondary__list li {
    font-weight: 700;
    padding-top: 1.6rem;
    border-top: 0.2rem solid var(--color-2);
}
.strate-hero__title {
    position: relative;
    backdrop-filter: blur(1rem);
    transform: translate3d(0, -50%, 0);
    transition: var(--transition-2);
}
.strate-hero__title__content {
    background-color: var(--color-4);
    -webkit-mask-image: linear-gradient(#000000, #000000), url(/wp-content/themes/breakpoint/assets/img/breakpoint.svg);
            mask-image: linear-gradient(#000000, #000000), url(/wp-content/themes/breakpoint/assets/img/breakpoint.svg);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    -webkit-mask-size: calc(100% + 0.2rem) calc(100% + 0.2rem);
            mask-size: calc(100% + 0.2rem) calc(100% + 0.2rem);
    -webkit-mask-position: -0.1rem -0.1rem;
            mask-position: -0.1rem -0.1rem;
    transition: var(--transition-2);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 0;
    overflow: hidden;
    aspect-ratio: 1415.28/242.89;
    margin-bottom: -0.1rem;
    width: calc(100% - var(--grid-ext) * 2 + 0.2rem);
    margin-left: calc(var(--grid-ext) - 0.1rem);
    pointer-events: none;
}
.strate-hero__title__top, .strate-hero__title__bottom {
    display: block;
    width: 100%;
    position: relative;
    background-color: var(--color-4);
}
.strate-hero__title__top {
    --color-text: var(--color-2);
    --color-highlight: var(--color-2);
    padding-top: 17rem;
    padding-bottom: 2rem;
    margin-bottom: -0.1rem;
    color: var(--color-text);
}
.strate-hero__title__top__content {
    display: flex;
    gap: 2rem;
    align-items: flex-end;
    justify-content: flex-end;
    opacity: 0;
    filter: blur(1rem);
    transform: translate3d(0, -2rem, 0);
    transition: var(--transition-2);
}
.strate-hero__title__top__content span {
    text-transform: uppercase;
    font-style: italic;
    color: var(--color-2);
    padding-left: 3vw;
    line-height: 0.7;
}
.strate-hero__title__top__content svg {
    height: clamp(1.5rem, calc(20 * 100vw / 1512), 2rem);
    width: auto;
}
.strate-hero__title__bottom {
    height: var(--grid-row-gap);
}
.strate-hero__title:before, .strate-hero__title:after {
    content: "";
    position: absolute;
    top: 0;
    width: var(--grid-ext);
    height: 100%;
    background-color: var(--color-4);
}
.strate-hero__title:before {
    left: 0;
}
.strate-hero__title:after {
    right: 0;
}
.strate-hero__title > svg {
    display: block;
    fill: var(--color-4);
    margin-left: var(--grid-ext);
    width: calc(100% - var(--grid-ext) * 2);
}

.strate-schema {
    text-align: center;
}
.strate-schema__image {
    display: none;
}
@media (min-width: 768px) {
    .strate-schema__image-mobile {
        display: none;
    }
    .strate-schema__image {
        display: block;
    }
}

.strate-brands {
    overflow: hidden;
}
@media (min-width: 1025px) {
    .strate-brands__actions {
        display: flex;
        justify-content: flex-end;
    }
}
@media (max-width: 1024px) {
    .strate-brands__actions {
        order: 2;
        margin-top: calc(var(--grid-row-gap) * -1 - 3rem);
    }
    .strate-brands .swiper-pagination-progressbar {
        width: calc(100% - 13rem + var(--grid-ext) - 2rem) !important;
        margin-left: calc(13rem + 2rem) !important;
    }
}
.strate-brands .swiper {
    overflow: visible;
}
.strate-brands .swiper .swiper-slide {
    height: auto;
}
@media (min-width: 1200px) {
    .strate-brands .swiper-slide {
        transition: var(--transition) !important;
    }
    .strate-brands .swiper-slide:has(.card-brand.active) {
        z-index: 2 !important;
        margin-right: calc((100vw - var(--grid-ext) - var(--grid-ext) - 7.5rem) / 3.5 + 5rem) !important;
    }
}

.strate-cards {
    overflow: hidden;
}
.strate-cards .swiper {
    overflow: visible;
    margin-bottom: 0.1rem;
}
.strate-cards .swiper .swiper-slide {
    height: auto;
}
.strate-cards .swiper .swiper-slide .card-content {
    height: 100%;
}
@media (min-width: 1025px) {
    .strate-cards__actions {
        display: flex;
        justify-content: flex-end;
    }
}
@media (max-width: 1024px) {
    .strate-cards__actions {
        order: 2;
        margin-top: calc(var(--grid-row-gap) * -1 - 3rem);
    }
    .strate-cards .swiper-pagination-progressbar {
        width: calc(100% - 13rem + var(--grid-ext) - 2rem) !important;
        margin-left: calc(13rem + 2rem) !important;
    }
}

.strate-community-lab {
    --strate-community-lab-size: 40vw;
    overflow: hidden;
}
@media (max-width: 1511px) {
    .strate-community-lab {
        --strate-community-lab-size: 50vw;
    }
}
@media (max-width: 1199px) {
    .strate-community-lab {
        --strate-community-lab-size: 60vw;
    }
}
@media (max-width: 1024px) {
    .strate-community-lab {
        --strate-community-lab-size: 70vw;
    }
}
@media (max-width: 767px) {
    .strate-community-lab {
        --strate-community-lab-size: 80vw;
    }
}
@media (max-width: 575px) {
    .strate-community-lab {
        --strate-community-lab-size: calc(90vw - var(--grid-ext) * 2);
    }
}
.strate-community-lab__header {
    text-align: center;
}
.strate-community-lab__rows {
    overflow: hidden;
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 100%;
    gap: 2rem;
    transform: rotate(-1.8deg);
    margin-top: calc(var(--grid-row-gap) + 2vw);
    margin-bottom: 2vw;
    width: calc(100% + 4rem);
    margin-left: -2rem;
}
.strate-community-lab__row {
    display: flex;
    min-width: 0;
    will-change: transform;
    align-items: stretch;
    gap: 2rem;
    padding: 0 2rem;
}
.strate-community-lab__row > * {
    width: var(--strate-community-lab-size);
    min-width: var(--strate-community-lab-size);
}
.strate-community-lab__row > *:nth-child(even) {
    --card-community-lab-background-color: var(--color-6);
    --card-community-lab-color: var(--color-2);
}

.strate-hero-community-lab {
    --color-text: var(--color-2);
    padding-top: 0;
    padding-bottom: 0;
    min-height: 100svh;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    color: var(--color-text);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.strate-hero-community-lab.inview .strate-hero-community-lab__header {
    transform: translate3d(0, 0, 0);
}
.strate-hero-community-lab.inview .strate-hero-community-lab__header__by {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0.4s;
}
.strate-hero-community-lab.inview .strate-hero-community-lab__content {
    opacity: 1;
    filter: blur(0);
    transform: translate3d(0, 0, 0);
    transition-delay: 0.6s;
}
.strate-hero-community-lab .scrollhelper {
    color: var(--color-2);
}
.strate-hero-community-lab__content {
    padding-top: var(--grid-row-gap);
    padding-bottom: 5rem;
    opacity: 0;
    filter: blur(1rem);
    transform: translate3d(0, 2rem, 0);
    transition: var(--transition-2);
    flex: 1;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    position: relative;
    overflow: hidden;
}
.strate-hero-community-lab__content .rte {
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 6rem;
}
@media (min-width: 576px) {
    .strate-hero-community-lab__content .rte {
        padding-bottom: 0;
    }
}
.strate-hero-community-lab__content .rte:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--color-1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 100%;
    transform: scaleX(1.5) scaleY(2.5);
    filter: blur(10rem);
    opacity: 0.7;
}
.strate-hero-community-lab__content b,
.strate-hero-community-lab__content strong {
    color: var(--color-highlight);
    font-weight: 900;
}
.strate-hero-community-lab__header {
    width: 100%;
    padding-top: calc(var(--header-height) + var(--grid-row-gap));
    padding-bottom: var(--grid-row-gap);
    position: relative;
    transform: translate3d(0, -50%, 0);
    transition: var(--transition-2);
}
.strate-hero-community-lab__header .grid {
    position: relative;
    z-index: 2;
}
.strate-hero-community-lab__header h1 {
    font-size: 6vw;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 120%;
    color: var(--color-2);
}
.strate-hero-community-lab__header__by {
    padding-top: clamp(1.5rem, calc(30 * 100vw / 1512), 3rem);
    display: flex;
    justify-content: flex-end;
    opacity: 0;
    filter: blur(1rem);
    transform: translate3d(0, 2rem, 0);
    transition: var(--transition-2);
}
.strate-hero-community-lab__header__by svg {
    height: clamp(1.5rem, calc(20 * 100vw / 1512), 2rem);
    width: auto;
}
.strate-hero-community-lab__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}
.strate-hero-community-lab__background > svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: auto;
    height: calc(100% - var(--header-height));
    z-index: -1;
}
.strate-hero-community-lab__slider {
    --offset: 4rem;
    position: fixed;
    bottom: 0;
    left: calc(var(--offset) * -1);
    width: calc(100% + calc(var(--offset) * 2));
    height: 100vh;
    z-index: -1;
    overflow: hidden;
    display: grid;
    background-color: var(--color-1);
}
.strate-hero-community-lab__slider picture {
    grid-area: 1/1;
    width: 100%;
    height: 100vh;
    opacity: 0;
    transform: scale(1);
    filter: saturate(2) brightness(2);
    transition: all 1.5s ease;
    transform: translate3d(var(--offset), 0, 0);
}
.strate-hero-community-lab__slider picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.strate-hero-community-lab__slider picture.inactive {
    transform: translate3d(calc(var(--offset) * -1), 0, 0);
}
.strate-hero-community-lab__slider picture.active {
    transform: translate3d(0, 0, 0);
    filter: saturate(1) brightness(1);
    opacity: 1;
}

.push {
    overflow: hidden;
    border-radius: 2rem;
    position: relative;
    margin-bottom: 0.1rem;
}
.push:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0.1rem solid #424444;
    border-radius: 2rem;
    z-index: 1;
}
.push .grid {
    grid-row-gap: 0;
    z-index: 2;
}
@media (min-width: 768px) {
    .push .grid {
        min-height: 51rem;
    }
}
.push__image {
    height: 100%;
    overflow: hidden;
}
.push__image > div {
    height: 100%;
}
.push__image > div picture {
    height: 100%;
    overflow: hidden;
}
.push__image > div picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.push__content {
    align-self: center;
    padding: clamp(2.4rem, calc(60 * 100vw / 1512), 6rem);
}