@charset "UTF-8";
/* breakpoint desktop first */
/* scoped */
:root {
    --font-1: "Roboto";
    --font-2: "Rexel";
    --fluid: 62.5%;
    --grid-gap: 2rem;
    --grid-rgap: 3rem;
    --grid-ext: 1.5rem;
    --space: 4rem;
    --color-0: #ffffff;
    --color-1: #000000;
    --color-2: #061E61;
    --color-3: #0A287D;
    --color-4: #0080FF;
    --color-5: #008080;
    --color-6: #75007E;
    --color-7: #E6E9F2;
    --color-8: #757575;
    --color-9: #00C6FA;
    --color-10: #80EBD8;
    --color-11: #FFCE80;
    --color-12: #D3ADE5;
    --color-13: #EDF6FF;
    --color-blue-rexel: #0A287D;
    --color-blue-volta: #0083FF;
    --color-blue-eclipse: #0F0A3D;
    --color-blue-Edison: #00C7FA;
    --color-mauve-seebeck: #A65CCC;
    --color-pourpre-kelvin: #75007D;
    --color-vert-joule: #009E8C;
    --color-vert-ohm: #00D6B0;
    --color-background: #EDF6FF;
    --color-filet: #D7EAFD;
    --color-logo-1: #fff;
    --color-logo-2: #fff;
    /* --theme-primary: var(--color-blue-rexel);
    --theme-secondary: var(--color-blue-volta);*/
    --color-text: var(--color-1);
    --color-title: var(--color-3);
    --color-link: var(--color-4);
    --color-btn: var(--color-3);
    --color-btn-text: var(--color-0);
    --grid-max: 192rem;
    --transition: cubic-bezier(.2, .6, .4, 1);
    --transition-2: cubic-bezier(0, 1, 0.5, 1);
    --header-height: 6.4rem;
    --nav-anchors-height: 5.4rem;
}

@media (min-width: 576px) {
    :root {
        --grid-ext: 3rem;
    }
}
@media (min-width: 768px) {
    :root {
        --grid-ext: 4rem;
        --space: 7rem;
        --header-height: 9rem;
    }
}
@media (min-width: 1025px) {
    :root {
        --grid-ext: 6rem;
        --space: 8rem;
        --grid-gap: 4rem;
    }
}
@media (min-width: 1200px) {
    :root {
        --grid-ext: 8rem;
    }
}
@media (min-width: 1920px) {
    :root {
        --grid-ext: 10rem;
    }
}
@media (min-width: 2400px) {
    :root {
        --fluid: 0.4vw;
    }
}
/* themes */
[data-theme=blue-rexel] {
    --theme-primary: var(--color-blue-rexel);
    --theme-secondary: var(--color-blue-volta);
    --theme-tertiary: var(--color-blue-volta);
    --theme-fourth: var(--color-blue-Edison);
}

[data-theme=blue-volta] {
    --theme-primary: var(--color-blue-volta);
    --theme-secondary: var(--color-blue-volta);
    --theme-tertiary: var(--color-blue-volta);
    --theme-fourth: var(--color-blue-volta);
}

[data-theme=vert-joule] {
    --theme-primary: var(--color-vert-joule);
    --theme-secondary: var(--color-vert-ohm);
    --theme-tertiary: var(--color-vert-joule);
    --theme-fourth: var(--color-vert-joule);
}

[data-theme=pourpre-kelvin] {
    --theme-primary: var(--color-pourpre-kelvin);
    --theme-secondary: var(--color-mauve-seebeck);
    --theme-tertiary: var(--color-mauve-seebeck);
    --theme-fourth: var(--color-mauve-seebeck);
}

@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/rexel/assets/fonts/Roboto-Regular.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Roboto-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/rexel/assets/fonts/Roboto-Italic.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Roboto-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/rexel/assets/fonts/Roboto-Bold.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Roboto-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Roboto";
    src: url(/wp-content/themes/rexel/assets/fonts/Roboto-BoldItalic.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Roboto-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Rexel";
    src: url(/wp-content/themes/rexel/assets/fonts/Rexel-Light.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Rexel-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rexel";
    src: url(/wp-content/themes/rexel/assets/fonts/Rexel-LightItalic.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Rexel-LightItalic.woff) format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Rexel";
    src: url(/wp-content/themes/rexel/assets/fonts/Rexel-Regular.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Rexel-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rexel";
    src: url(/wp-content/themes/rexel/assets/fonts/Rexel-Italic.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Rexel-Italic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: "Rexel";
    src: url(/wp-content/themes/rexel/assets/fonts/Rexel-Bold.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Rexel-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "Rexel";
    src: url(/wp-content/themes/rexel/assets/fonts/Rexel-BoldItalic.woff2) format("woff2"), url(/wp-content/themes/rexel/assets/fonts/Rexel-BoldItalic.woff) format("woff");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
.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;
}

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

::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;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    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;
}

/* =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-rgap);
    padding: 0 var(--grid-ext);
    max-width: var(--grid-max);
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
    align-items: flex-start;
}
.grid:not(.grid--fluid) .grid {
    padding-left: 0;
    padding-right: 0;
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    align-items: stretch;
}
@media (min-width: 768px) {
    .grid--sm {
        --grid-gap: 4rem;
        padding: 0 calc(var(--grid-ext) + 6vw);
    }
}
@media (min-width: 1025px) {
    .grid--sm {
        padding: 0 calc(var(--grid-ext) + 8vw);
    }
}
@media (min-width: 1200px) {
    .grid--sm {
        padding: 0 calc(var(--grid-ext) + 13vw);
    }
}
.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;
}
.grid .col-1 {
    grid-column: span 1;
}
.grid .col-2 {
    grid-column: span 2;
}
.grid .col-3 {
    grid-column: span 3;
}
.grid .col-4 {
    grid-column: span 4;
}
.grid .col-5 {
    grid-column: span 5;
}
.grid .col-6 {
    grid-column: span 6;
}
.grid .col-7 {
    grid-column: span 7;
}
.grid .col-8 {
    grid-column: span 8;
}
.grid .col-9 {
    grid-column: span 9;
}
.grid .col-10 {
    grid-column: span 10;
}
.grid .col-11 {
    grid-column: span 11;
}
.grid .col-12 {
    grid-column: span 12;
}
.grid .col-1-auto {
    grid-column: 1/auto;
}
.grid .col-1-2 {
    grid-column: 1/2;
}
.grid .col-1-3 {
    grid-column: 1/3;
}
.grid .col-1-4 {
    grid-column: 1/4;
}
.grid .col-1-5 {
    grid-column: 1/5;
}
.grid .col-1-6 {
    grid-column: 1/6;
}
.grid .col-1-7 {
    grid-column: 1/7;
}
.grid .col-1-8 {
    grid-column: 1/8;
}
.grid .col-1-9 {
    grid-column: 1/9;
}
.grid .col-1-10 {
    grid-column: 1/10;
}
.grid .col-1-11 {
    grid-column: 1/11;
}
.grid .col-1-12 {
    grid-column: 1/12;
}
.grid .col-1-13 {
    grid-column: 1/13;
}
.grid .col-1--1 {
    grid-column: 1/-1;
}
.grid .col-1--2 {
    grid-column: 1/-2;
}
.grid .col-1--3 {
    grid-column: 1/-3;
}
.grid .col-1--4 {
    grid-column: 1/-4;
}
.grid .col-1--5 {
    grid-column: 1/-5;
}
.grid .col-1--6 {
    grid-column: 1/-6;
}
.grid .col-1--7 {
    grid-column: 1/-7;
}
.grid .col-1--8 {
    grid-column: 1/-8;
}
.grid .col-1--9 {
    grid-column: 1/-9;
}
.grid .col-1--10 {
    grid-column: 1/-10;
}
.grid .col-1--11 {
    grid-column: 1/-11;
}
.grid .col-1--12 {
    grid-column: 1/-12;
}
.grid .col-2-auto {
    grid-column: 2/auto;
}
.grid .col-2-3 {
    grid-column: 2/3;
}
.grid .col-2-4 {
    grid-column: 2/4;
}
.grid .col-2-5 {
    grid-column: 2/5;
}
.grid .col-2-6 {
    grid-column: 2/6;
}
.grid .col-2-7 {
    grid-column: 2/7;
}
.grid .col-2-8 {
    grid-column: 2/8;
}
.grid .col-2-9 {
    grid-column: 2/9;
}
.grid .col-2-10 {
    grid-column: 2/10;
}
.grid .col-2-11 {
    grid-column: 2/11;
}
.grid .col-2-12 {
    grid-column: 2/12;
}
.grid .col-2-13 {
    grid-column: 2/13;
}
.grid .col-2--1 {
    grid-column: 2/-1;
}
.grid .col-2--2 {
    grid-column: 2/-2;
}
.grid .col-2--3 {
    grid-column: 2/-3;
}
.grid .col-2--4 {
    grid-column: 2/-4;
}
.grid .col-2--5 {
    grid-column: 2/-5;
}
.grid .col-2--6 {
    grid-column: 2/-6;
}
.grid .col-2--7 {
    grid-column: 2/-7;
}
.grid .col-2--8 {
    grid-column: 2/-8;
}
.grid .col-2--9 {
    grid-column: 2/-9;
}
.grid .col-2--10 {
    grid-column: 2/-10;
}
.grid .col-2--11 {
    grid-column: 2/-11;
}
.grid .col-3-auto {
    grid-column: 3/auto;
}
.grid .col-3-4 {
    grid-column: 3/4;
}
.grid .col-3-5 {
    grid-column: 3/5;
}
.grid .col-3-6 {
    grid-column: 3/6;
}
.grid .col-3-7 {
    grid-column: 3/7;
}
.grid .col-3-8 {
    grid-column: 3/8;
}
.grid .col-3-9 {
    grid-column: 3/9;
}
.grid .col-3-10 {
    grid-column: 3/10;
}
.grid .col-3-11 {
    grid-column: 3/11;
}
.grid .col-3-12 {
    grid-column: 3/12;
}
.grid .col-3-13 {
    grid-column: 3/13;
}
.grid .col-3--1 {
    grid-column: 3/-1;
}
.grid .col-3--2 {
    grid-column: 3/-2;
}
.grid .col-3--3 {
    grid-column: 3/-3;
}
.grid .col-3--4 {
    grid-column: 3/-4;
}
.grid .col-3--5 {
    grid-column: 3/-5;
}
.grid .col-3--6 {
    grid-column: 3/-6;
}
.grid .col-3--7 {
    grid-column: 3/-7;
}
.grid .col-3--8 {
    grid-column: 3/-8;
}
.grid .col-3--9 {
    grid-column: 3/-9;
}
.grid .col-3--10 {
    grid-column: 3/-10;
}
.grid .col-4-auto {
    grid-column: 4/auto;
}
.grid .col-4-5 {
    grid-column: 4/5;
}
.grid .col-4-6 {
    grid-column: 4/6;
}
.grid .col-4-7 {
    grid-column: 4/7;
}
.grid .col-4-8 {
    grid-column: 4/8;
}
.grid .col-4-9 {
    grid-column: 4/9;
}
.grid .col-4-10 {
    grid-column: 4/10;
}
.grid .col-4-11 {
    grid-column: 4/11;
}
.grid .col-4-12 {
    grid-column: 4/12;
}
.grid .col-4-13 {
    grid-column: 4/13;
}
.grid .col-4--1 {
    grid-column: 4/-1;
}
.grid .col-4--2 {
    grid-column: 4/-2;
}
.grid .col-4--3 {
    grid-column: 4/-3;
}
.grid .col-4--4 {
    grid-column: 4/-4;
}
.grid .col-4--5 {
    grid-column: 4/-5;
}
.grid .col-4--6 {
    grid-column: 4/-6;
}
.grid .col-4--7 {
    grid-column: 4/-7;
}
.grid .col-4--8 {
    grid-column: 4/-8;
}
.grid .col-4--9 {
    grid-column: 4/-9;
}
.grid .col-5-auto {
    grid-column: 5/auto;
}
.grid .col-5-6 {
    grid-column: 5/6;
}
.grid .col-5-7 {
    grid-column: 5/7;
}
.grid .col-5-8 {
    grid-column: 5/8;
}
.grid .col-5-9 {
    grid-column: 5/9;
}
.grid .col-5-10 {
    grid-column: 5/10;
}
.grid .col-5-11 {
    grid-column: 5/11;
}
.grid .col-5-12 {
    grid-column: 5/12;
}
.grid .col-5-13 {
    grid-column: 5/13;
}
.grid .col-5--1 {
    grid-column: 5/-1;
}
.grid .col-5--2 {
    grid-column: 5/-2;
}
.grid .col-5--3 {
    grid-column: 5/-3;
}
.grid .col-5--4 {
    grid-column: 5/-4;
}
.grid .col-5--5 {
    grid-column: 5/-5;
}
.grid .col-5--6 {
    grid-column: 5/-6;
}
.grid .col-5--7 {
    grid-column: 5/-7;
}
.grid .col-5--8 {
    grid-column: 5/-8;
}
.grid .col-6-auto {
    grid-column: 6/auto;
}
.grid .col-6-7 {
    grid-column: 6/7;
}
.grid .col-6-8 {
    grid-column: 6/8;
}
.grid .col-6-9 {
    grid-column: 6/9;
}
.grid .col-6-10 {
    grid-column: 6/10;
}
.grid .col-6-11 {
    grid-column: 6/11;
}
.grid .col-6-12 {
    grid-column: 6/12;
}
.grid .col-6-13 {
    grid-column: 6/13;
}
.grid .col-6--1 {
    grid-column: 6/-1;
}
.grid .col-6--2 {
    grid-column: 6/-2;
}
.grid .col-6--3 {
    grid-column: 6/-3;
}
.grid .col-6--4 {
    grid-column: 6/-4;
}
.grid .col-6--5 {
    grid-column: 6/-5;
}
.grid .col-6--6 {
    grid-column: 6/-6;
}
.grid .col-6--7 {
    grid-column: 6/-7;
}
.grid .col-7-auto {
    grid-column: 7/auto;
}
.grid .col-7-8 {
    grid-column: 7/8;
}
.grid .col-7-9 {
    grid-column: 7/9;
}
.grid .col-7-10 {
    grid-column: 7/10;
}
.grid .col-7-11 {
    grid-column: 7/11;
}
.grid .col-7-12 {
    grid-column: 7/12;
}
.grid .col-7-13 {
    grid-column: 7/13;
}
.grid .col-7--1 {
    grid-column: 7/-1;
}
.grid .col-7--2 {
    grid-column: 7/-2;
}
.grid .col-7--3 {
    grid-column: 7/-3;
}
.grid .col-7--4 {
    grid-column: 7/-4;
}
.grid .col-7--5 {
    grid-column: 7/-5;
}
.grid .col-7--6 {
    grid-column: 7/-6;
}
.grid .col-8-auto {
    grid-column: 8/auto;
}
.grid .col-8-9 {
    grid-column: 8/9;
}
.grid .col-8-10 {
    grid-column: 8/10;
}
.grid .col-8-11 {
    grid-column: 8/11;
}
.grid .col-8-12 {
    grid-column: 8/12;
}
.grid .col-8-13 {
    grid-column: 8/13;
}
.grid .col-8--1 {
    grid-column: 8/-1;
}
.grid .col-8--2 {
    grid-column: 8/-2;
}
.grid .col-8--3 {
    grid-column: 8/-3;
}
.grid .col-8--4 {
    grid-column: 8/-4;
}
.grid .col-8--5 {
    grid-column: 8/-5;
}
.grid .col-9-auto {
    grid-column: 9/auto;
}
.grid .col-9-10 {
    grid-column: 9/10;
}
.grid .col-9-11 {
    grid-column: 9/11;
}
.grid .col-9-12 {
    grid-column: 9/12;
}
.grid .col-9-13 {
    grid-column: 9/13;
}
.grid .col-9--1 {
    grid-column: 9/-1;
}
.grid .col-9--2 {
    grid-column: 9/-2;
}
.grid .col-9--3 {
    grid-column: 9/-3;
}
.grid .col-9--4 {
    grid-column: 9/-4;
}
.grid .col-10-auto {
    grid-column: 10/auto;
}
.grid .col-10-11 {
    grid-column: 10/11;
}
.grid .col-10-12 {
    grid-column: 10/12;
}
.grid .col-10-13 {
    grid-column: 10/13;
}
.grid .col-10--1 {
    grid-column: 10/-1;
}
.grid .col-10--2 {
    grid-column: 10/-2;
}
.grid .col-10--3 {
    grid-column: 10/-3;
}
.grid .col-11-auto {
    grid-column: 11/auto;
}
.grid .col-11-12 {
    grid-column: 11/12;
}
.grid .col-11-13 {
    grid-column: 11/13;
}
.grid .col-11--1 {
    grid-column: 11/-1;
}
.grid .col-11--2 {
    grid-column: 11/-2;
}
.grid .col-12-auto {
    grid-column: 12/auto;
}
.grid .col-12-13 {
    grid-column: 12/13;
}
.grid .col-12--1 {
    grid-column: 12/-1;
}
@media (min-width: 576px) {
    .grid .col-sm-1 {
        grid-column: span 1 !important;
    }
    .grid .col-sm-2 {
        grid-column: span 2 !important;
    }
    .grid .col-sm-3 {
        grid-column: span 3 !important;
    }
    .grid .col-sm-4 {
        grid-column: span 4 !important;
    }
    .grid .col-sm-5 {
        grid-column: span 5 !important;
    }
    .grid .col-sm-6 {
        grid-column: span 6 !important;
    }
    .grid .col-sm-7 {
        grid-column: span 7 !important;
    }
    .grid .col-sm-8 {
        grid-column: span 8 !important;
    }
    .grid .col-sm-9 {
        grid-column: span 9 !important;
    }
    .grid .col-sm-10 {
        grid-column: span 10 !important;
    }
    .grid .col-sm-11 {
        grid-column: span 11 !important;
    }
    .grid .col-sm-12 {
        grid-column: span 12 !important;
    }
    .grid .col-sm-1-auto {
        grid-column: 1/auto !important;
    }
    .grid .col-sm-1-2 {
        grid-column: 1/2 !important;
    }
    .grid .col-sm-1-3 {
        grid-column: 1/3 !important;
    }
    .grid .col-sm-1-4 {
        grid-column: 1/4 !important;
    }
    .grid .col-sm-1-5 {
        grid-column: 1/5 !important;
    }
    .grid .col-sm-1-6 {
        grid-column: 1/6 !important;
    }
    .grid .col-sm-1-7 {
        grid-column: 1/7 !important;
    }
    .grid .col-sm-1-8 {
        grid-column: 1/8 !important;
    }
    .grid .col-sm-1-9 {
        grid-column: 1/9 !important;
    }
    .grid .col-sm-1-10 {
        grid-column: 1/10 !important;
    }
    .grid .col-sm-1-11 {
        grid-column: 1/11 !important;
    }
    .grid .col-sm-1-12 {
        grid-column: 1/12 !important;
    }
    .grid .col-sm-1-13 {
        grid-column: 1/13 !important;
    }
    .grid .col-sm-1--1 {
        grid-column: 1/-1 !important;
    }
    .grid .col-sm-1--2 {
        grid-column: 1/-2 !important;
    }
    .grid .col-sm-1--3 {
        grid-column: 1/-3 !important;
    }
    .grid .col-sm-1--4 {
        grid-column: 1/-4 !important;
    }
    .grid .col-sm-1--5 {
        grid-column: 1/-5 !important;
    }
    .grid .col-sm-1--6 {
        grid-column: 1/-6 !important;
    }
    .grid .col-sm-1--7 {
        grid-column: 1/-7 !important;
    }
    .grid .col-sm-1--8 {
        grid-column: 1/-8 !important;
    }
    .grid .col-sm-1--9 {
        grid-column: 1/-9 !important;
    }
    .grid .col-sm-1--10 {
        grid-column: 1/-10 !important;
    }
    .grid .col-sm-1--11 {
        grid-column: 1/-11 !important;
    }
    .grid .col-sm-1--12 {
        grid-column: 1/-12 !important;
    }
    .grid .col-sm-2-auto {
        grid-column: 2/auto !important;
    }
    .grid .col-sm-2-3 {
        grid-column: 2/3 !important;
    }
    .grid .col-sm-2-4 {
        grid-column: 2/4 !important;
    }
    .grid .col-sm-2-5 {
        grid-column: 2/5 !important;
    }
    .grid .col-sm-2-6 {
        grid-column: 2/6 !important;
    }
    .grid .col-sm-2-7 {
        grid-column: 2/7 !important;
    }
    .grid .col-sm-2-8 {
        grid-column: 2/8 !important;
    }
    .grid .col-sm-2-9 {
        grid-column: 2/9 !important;
    }
    .grid .col-sm-2-10 {
        grid-column: 2/10 !important;
    }
    .grid .col-sm-2-11 {
        grid-column: 2/11 !important;
    }
    .grid .col-sm-2-12 {
        grid-column: 2/12 !important;
    }
    .grid .col-sm-2-13 {
        grid-column: 2/13 !important;
    }
    .grid .col-sm-2--1 {
        grid-column: 2/-1 !important;
    }
    .grid .col-sm-2--2 {
        grid-column: 2/-2 !important;
    }
    .grid .col-sm-2--3 {
        grid-column: 2/-3 !important;
    }
    .grid .col-sm-2--4 {
        grid-column: 2/-4 !important;
    }
    .grid .col-sm-2--5 {
        grid-column: 2/-5 !important;
    }
    .grid .col-sm-2--6 {
        grid-column: 2/-6 !important;
    }
    .grid .col-sm-2--7 {
        grid-column: 2/-7 !important;
    }
    .grid .col-sm-2--8 {
        grid-column: 2/-8 !important;
    }
    .grid .col-sm-2--9 {
        grid-column: 2/-9 !important;
    }
    .grid .col-sm-2--10 {
        grid-column: 2/-10 !important;
    }
    .grid .col-sm-2--11 {
        grid-column: 2/-11 !important;
    }
    .grid .col-sm-3-auto {
        grid-column: 3/auto !important;
    }
    .grid .col-sm-3-4 {
        grid-column: 3/4 !important;
    }
    .grid .col-sm-3-5 {
        grid-column: 3/5 !important;
    }
    .grid .col-sm-3-6 {
        grid-column: 3/6 !important;
    }
    .grid .col-sm-3-7 {
        grid-column: 3/7 !important;
    }
    .grid .col-sm-3-8 {
        grid-column: 3/8 !important;
    }
    .grid .col-sm-3-9 {
        grid-column: 3/9 !important;
    }
    .grid .col-sm-3-10 {
        grid-column: 3/10 !important;
    }
    .grid .col-sm-3-11 {
        grid-column: 3/11 !important;
    }
    .grid .col-sm-3-12 {
        grid-column: 3/12 !important;
    }
    .grid .col-sm-3-13 {
        grid-column: 3/13 !important;
    }
    .grid .col-sm-3--1 {
        grid-column: 3/-1 !important;
    }
    .grid .col-sm-3--2 {
        grid-column: 3/-2 !important;
    }
    .grid .col-sm-3--3 {
        grid-column: 3/-3 !important;
    }
    .grid .col-sm-3--4 {
        grid-column: 3/-4 !important;
    }
    .grid .col-sm-3--5 {
        grid-column: 3/-5 !important;
    }
    .grid .col-sm-3--6 {
        grid-column: 3/-6 !important;
    }
    .grid .col-sm-3--7 {
        grid-column: 3/-7 !important;
    }
    .grid .col-sm-3--8 {
        grid-column: 3/-8 !important;
    }
    .grid .col-sm-3--9 {
        grid-column: 3/-9 !important;
    }
    .grid .col-sm-3--10 {
        grid-column: 3/-10 !important;
    }
    .grid .col-sm-4-auto {
        grid-column: 4/auto !important;
    }
    .grid .col-sm-4-5 {
        grid-column: 4/5 !important;
    }
    .grid .col-sm-4-6 {
        grid-column: 4/6 !important;
    }
    .grid .col-sm-4-7 {
        grid-column: 4/7 !important;
    }
    .grid .col-sm-4-8 {
        grid-column: 4/8 !important;
    }
    .grid .col-sm-4-9 {
        grid-column: 4/9 !important;
    }
    .grid .col-sm-4-10 {
        grid-column: 4/10 !important;
    }
    .grid .col-sm-4-11 {
        grid-column: 4/11 !important;
    }
    .grid .col-sm-4-12 {
        grid-column: 4/12 !important;
    }
    .grid .col-sm-4-13 {
        grid-column: 4/13 !important;
    }
    .grid .col-sm-4--1 {
        grid-column: 4/-1 !important;
    }
    .grid .col-sm-4--2 {
        grid-column: 4/-2 !important;
    }
    .grid .col-sm-4--3 {
        grid-column: 4/-3 !important;
    }
    .grid .col-sm-4--4 {
        grid-column: 4/-4 !important;
    }
    .grid .col-sm-4--5 {
        grid-column: 4/-5 !important;
    }
    .grid .col-sm-4--6 {
        grid-column: 4/-6 !important;
    }
    .grid .col-sm-4--7 {
        grid-column: 4/-7 !important;
    }
    .grid .col-sm-4--8 {
        grid-column: 4/-8 !important;
    }
    .grid .col-sm-4--9 {
        grid-column: 4/-9 !important;
    }
    .grid .col-sm-5-auto {
        grid-column: 5/auto !important;
    }
    .grid .col-sm-5-6 {
        grid-column: 5/6 !important;
    }
    .grid .col-sm-5-7 {
        grid-column: 5/7 !important;
    }
    .grid .col-sm-5-8 {
        grid-column: 5/8 !important;
    }
    .grid .col-sm-5-9 {
        grid-column: 5/9 !important;
    }
    .grid .col-sm-5-10 {
        grid-column: 5/10 !important;
    }
    .grid .col-sm-5-11 {
        grid-column: 5/11 !important;
    }
    .grid .col-sm-5-12 {
        grid-column: 5/12 !important;
    }
    .grid .col-sm-5-13 {
        grid-column: 5/13 !important;
    }
    .grid .col-sm-5--1 {
        grid-column: 5/-1 !important;
    }
    .grid .col-sm-5--2 {
        grid-column: 5/-2 !important;
    }
    .grid .col-sm-5--3 {
        grid-column: 5/-3 !important;
    }
    .grid .col-sm-5--4 {
        grid-column: 5/-4 !important;
    }
    .grid .col-sm-5--5 {
        grid-column: 5/-5 !important;
    }
    .grid .col-sm-5--6 {
        grid-column: 5/-6 !important;
    }
    .grid .col-sm-5--7 {
        grid-column: 5/-7 !important;
    }
    .grid .col-sm-5--8 {
        grid-column: 5/-8 !important;
    }
    .grid .col-sm-6-auto {
        grid-column: 6/auto !important;
    }
    .grid .col-sm-6-7 {
        grid-column: 6/7 !important;
    }
    .grid .col-sm-6-8 {
        grid-column: 6/8 !important;
    }
    .grid .col-sm-6-9 {
        grid-column: 6/9 !important;
    }
    .grid .col-sm-6-10 {
        grid-column: 6/10 !important;
    }
    .grid .col-sm-6-11 {
        grid-column: 6/11 !important;
    }
    .grid .col-sm-6-12 {
        grid-column: 6/12 !important;
    }
    .grid .col-sm-6-13 {
        grid-column: 6/13 !important;
    }
    .grid .col-sm-6--1 {
        grid-column: 6/-1 !important;
    }
    .grid .col-sm-6--2 {
        grid-column: 6/-2 !important;
    }
    .grid .col-sm-6--3 {
        grid-column: 6/-3 !important;
    }
    .grid .col-sm-6--4 {
        grid-column: 6/-4 !important;
    }
    .grid .col-sm-6--5 {
        grid-column: 6/-5 !important;
    }
    .grid .col-sm-6--6 {
        grid-column: 6/-6 !important;
    }
    .grid .col-sm-6--7 {
        grid-column: 6/-7 !important;
    }
    .grid .col-sm-7-auto {
        grid-column: 7/auto !important;
    }
    .grid .col-sm-7-8 {
        grid-column: 7/8 !important;
    }
    .grid .col-sm-7-9 {
        grid-column: 7/9 !important;
    }
    .grid .col-sm-7-10 {
        grid-column: 7/10 !important;
    }
    .grid .col-sm-7-11 {
        grid-column: 7/11 !important;
    }
    .grid .col-sm-7-12 {
        grid-column: 7/12 !important;
    }
    .grid .col-sm-7-13 {
        grid-column: 7/13 !important;
    }
    .grid .col-sm-7--1 {
        grid-column: 7/-1 !important;
    }
    .grid .col-sm-7--2 {
        grid-column: 7/-2 !important;
    }
    .grid .col-sm-7--3 {
        grid-column: 7/-3 !important;
    }
    .grid .col-sm-7--4 {
        grid-column: 7/-4 !important;
    }
    .grid .col-sm-7--5 {
        grid-column: 7/-5 !important;
    }
    .grid .col-sm-7--6 {
        grid-column: 7/-6 !important;
    }
    .grid .col-sm-8-auto {
        grid-column: 8/auto !important;
    }
    .grid .col-sm-8-9 {
        grid-column: 8/9 !important;
    }
    .grid .col-sm-8-10 {
        grid-column: 8/10 !important;
    }
    .grid .col-sm-8-11 {
        grid-column: 8/11 !important;
    }
    .grid .col-sm-8-12 {
        grid-column: 8/12 !important;
    }
    .grid .col-sm-8-13 {
        grid-column: 8/13 !important;
    }
    .grid .col-sm-8--1 {
        grid-column: 8/-1 !important;
    }
    .grid .col-sm-8--2 {
        grid-column: 8/-2 !important;
    }
    .grid .col-sm-8--3 {
        grid-column: 8/-3 !important;
    }
    .grid .col-sm-8--4 {
        grid-column: 8/-4 !important;
    }
    .grid .col-sm-8--5 {
        grid-column: 8/-5 !important;
    }
    .grid .col-sm-9-auto {
        grid-column: 9/auto !important;
    }
    .grid .col-sm-9-10 {
        grid-column: 9/10 !important;
    }
    .grid .col-sm-9-11 {
        grid-column: 9/11 !important;
    }
    .grid .col-sm-9-12 {
        grid-column: 9/12 !important;
    }
    .grid .col-sm-9-13 {
        grid-column: 9/13 !important;
    }
    .grid .col-sm-9--1 {
        grid-column: 9/-1 !important;
    }
    .grid .col-sm-9--2 {
        grid-column: 9/-2 !important;
    }
    .grid .col-sm-9--3 {
        grid-column: 9/-3 !important;
    }
    .grid .col-sm-9--4 {
        grid-column: 9/-4 !important;
    }
    .grid .col-sm-10-auto {
        grid-column: 10/auto !important;
    }
    .grid .col-sm-10-11 {
        grid-column: 10/11 !important;
    }
    .grid .col-sm-10-12 {
        grid-column: 10/12 !important;
    }
    .grid .col-sm-10-13 {
        grid-column: 10/13 !important;
    }
    .grid .col-sm-10--1 {
        grid-column: 10/-1 !important;
    }
    .grid .col-sm-10--2 {
        grid-column: 10/-2 !important;
    }
    .grid .col-sm-10--3 {
        grid-column: 10/-3 !important;
    }
    .grid .col-sm-11-auto {
        grid-column: 11/auto !important;
    }
    .grid .col-sm-11-12 {
        grid-column: 11/12 !important;
    }
    .grid .col-sm-11-13 {
        grid-column: 11/13 !important;
    }
    .grid .col-sm-11--1 {
        grid-column: 11/-1 !important;
    }
    .grid .col-sm-11--2 {
        grid-column: 11/-2 !important;
    }
    .grid .col-sm-12-auto {
        grid-column: 12/auto !important;
    }
    .grid .col-sm-12-13 {
        grid-column: 12/13 !important;
    }
    .grid .col-sm-12--1 {
        grid-column: 12/-1 !important;
    }
}
@media (min-width: 768px) {
    .grid .col-md-1 {
        grid-column: span 1 !important;
    }
    .grid .col-md-2 {
        grid-column: span 2 !important;
    }
    .grid .col-md-3 {
        grid-column: span 3 !important;
    }
    .grid .col-md-4 {
        grid-column: span 4 !important;
    }
    .grid .col-md-5 {
        grid-column: span 5 !important;
    }
    .grid .col-md-6 {
        grid-column: span 6 !important;
    }
    .grid .col-md-7 {
        grid-column: span 7 !important;
    }
    .grid .col-md-8 {
        grid-column: span 8 !important;
    }
    .grid .col-md-9 {
        grid-column: span 9 !important;
    }
    .grid .col-md-10 {
        grid-column: span 10 !important;
    }
    .grid .col-md-11 {
        grid-column: span 11 !important;
    }
    .grid .col-md-12 {
        grid-column: span 12 !important;
    }
    .grid .col-md-1-auto {
        grid-column: 1/auto !important;
    }
    .grid .col-md-1-2 {
        grid-column: 1/2 !important;
    }
    .grid .col-md-1-3 {
        grid-column: 1/3 !important;
    }
    .grid .col-md-1-4 {
        grid-column: 1/4 !important;
    }
    .grid .col-md-1-5 {
        grid-column: 1/5 !important;
    }
    .grid .col-md-1-6 {
        grid-column: 1/6 !important;
    }
    .grid .col-md-1-7 {
        grid-column: 1/7 !important;
    }
    .grid .col-md-1-8 {
        grid-column: 1/8 !important;
    }
    .grid .col-md-1-9 {
        grid-column: 1/9 !important;
    }
    .grid .col-md-1-10 {
        grid-column: 1/10 !important;
    }
    .grid .col-md-1-11 {
        grid-column: 1/11 !important;
    }
    .grid .col-md-1-12 {
        grid-column: 1/12 !important;
    }
    .grid .col-md-1-13 {
        grid-column: 1/13 !important;
    }
    .grid .col-md-1--1 {
        grid-column: 1/-1 !important;
    }
    .grid .col-md-1--2 {
        grid-column: 1/-2 !important;
    }
    .grid .col-md-1--3 {
        grid-column: 1/-3 !important;
    }
    .grid .col-md-1--4 {
        grid-column: 1/-4 !important;
    }
    .grid .col-md-1--5 {
        grid-column: 1/-5 !important;
    }
    .grid .col-md-1--6 {
        grid-column: 1/-6 !important;
    }
    .grid .col-md-1--7 {
        grid-column: 1/-7 !important;
    }
    .grid .col-md-1--8 {
        grid-column: 1/-8 !important;
    }
    .grid .col-md-1--9 {
        grid-column: 1/-9 !important;
    }
    .grid .col-md-1--10 {
        grid-column: 1/-10 !important;
    }
    .grid .col-md-1--11 {
        grid-column: 1/-11 !important;
    }
    .grid .col-md-1--12 {
        grid-column: 1/-12 !important;
    }
    .grid .col-md-2-auto {
        grid-column: 2/auto !important;
    }
    .grid .col-md-2-3 {
        grid-column: 2/3 !important;
    }
    .grid .col-md-2-4 {
        grid-column: 2/4 !important;
    }
    .grid .col-md-2-5 {
        grid-column: 2/5 !important;
    }
    .grid .col-md-2-6 {
        grid-column: 2/6 !important;
    }
    .grid .col-md-2-7 {
        grid-column: 2/7 !important;
    }
    .grid .col-md-2-8 {
        grid-column: 2/8 !important;
    }
    .grid .col-md-2-9 {
        grid-column: 2/9 !important;
    }
    .grid .col-md-2-10 {
        grid-column: 2/10 !important;
    }
    .grid .col-md-2-11 {
        grid-column: 2/11 !important;
    }
    .grid .col-md-2-12 {
        grid-column: 2/12 !important;
    }
    .grid .col-md-2-13 {
        grid-column: 2/13 !important;
    }
    .grid .col-md-2--1 {
        grid-column: 2/-1 !important;
    }
    .grid .col-md-2--2 {
        grid-column: 2/-2 !important;
    }
    .grid .col-md-2--3 {
        grid-column: 2/-3 !important;
    }
    .grid .col-md-2--4 {
        grid-column: 2/-4 !important;
    }
    .grid .col-md-2--5 {
        grid-column: 2/-5 !important;
    }
    .grid .col-md-2--6 {
        grid-column: 2/-6 !important;
    }
    .grid .col-md-2--7 {
        grid-column: 2/-7 !important;
    }
    .grid .col-md-2--8 {
        grid-column: 2/-8 !important;
    }
    .grid .col-md-2--9 {
        grid-column: 2/-9 !important;
    }
    .grid .col-md-2--10 {
        grid-column: 2/-10 !important;
    }
    .grid .col-md-2--11 {
        grid-column: 2/-11 !important;
    }
    .grid .col-md-3-auto {
        grid-column: 3/auto !important;
    }
    .grid .col-md-3-4 {
        grid-column: 3/4 !important;
    }
    .grid .col-md-3-5 {
        grid-column: 3/5 !important;
    }
    .grid .col-md-3-6 {
        grid-column: 3/6 !important;
    }
    .grid .col-md-3-7 {
        grid-column: 3/7 !important;
    }
    .grid .col-md-3-8 {
        grid-column: 3/8 !important;
    }
    .grid .col-md-3-9 {
        grid-column: 3/9 !important;
    }
    .grid .col-md-3-10 {
        grid-column: 3/10 !important;
    }
    .grid .col-md-3-11 {
        grid-column: 3/11 !important;
    }
    .grid .col-md-3-12 {
        grid-column: 3/12 !important;
    }
    .grid .col-md-3-13 {
        grid-column: 3/13 !important;
    }
    .grid .col-md-3--1 {
        grid-column: 3/-1 !important;
    }
    .grid .col-md-3--2 {
        grid-column: 3/-2 !important;
    }
    .grid .col-md-3--3 {
        grid-column: 3/-3 !important;
    }
    .grid .col-md-3--4 {
        grid-column: 3/-4 !important;
    }
    .grid .col-md-3--5 {
        grid-column: 3/-5 !important;
    }
    .grid .col-md-3--6 {
        grid-column: 3/-6 !important;
    }
    .grid .col-md-3--7 {
        grid-column: 3/-7 !important;
    }
    .grid .col-md-3--8 {
        grid-column: 3/-8 !important;
    }
    .grid .col-md-3--9 {
        grid-column: 3/-9 !important;
    }
    .grid .col-md-3--10 {
        grid-column: 3/-10 !important;
    }
    .grid .col-md-4-auto {
        grid-column: 4/auto !important;
    }
    .grid .col-md-4-5 {
        grid-column: 4/5 !important;
    }
    .grid .col-md-4-6 {
        grid-column: 4/6 !important;
    }
    .grid .col-md-4-7 {
        grid-column: 4/7 !important;
    }
    .grid .col-md-4-8 {
        grid-column: 4/8 !important;
    }
    .grid .col-md-4-9 {
        grid-column: 4/9 !important;
    }
    .grid .col-md-4-10 {
        grid-column: 4/10 !important;
    }
    .grid .col-md-4-11 {
        grid-column: 4/11 !important;
    }
    .grid .col-md-4-12 {
        grid-column: 4/12 !important;
    }
    .grid .col-md-4-13 {
        grid-column: 4/13 !important;
    }
    .grid .col-md-4--1 {
        grid-column: 4/-1 !important;
    }
    .grid .col-md-4--2 {
        grid-column: 4/-2 !important;
    }
    .grid .col-md-4--3 {
        grid-column: 4/-3 !important;
    }
    .grid .col-md-4--4 {
        grid-column: 4/-4 !important;
    }
    .grid .col-md-4--5 {
        grid-column: 4/-5 !important;
    }
    .grid .col-md-4--6 {
        grid-column: 4/-6 !important;
    }
    .grid .col-md-4--7 {
        grid-column: 4/-7 !important;
    }
    .grid .col-md-4--8 {
        grid-column: 4/-8 !important;
    }
    .grid .col-md-4--9 {
        grid-column: 4/-9 !important;
    }
    .grid .col-md-5-auto {
        grid-column: 5/auto !important;
    }
    .grid .col-md-5-6 {
        grid-column: 5/6 !important;
    }
    .grid .col-md-5-7 {
        grid-column: 5/7 !important;
    }
    .grid .col-md-5-8 {
        grid-column: 5/8 !important;
    }
    .grid .col-md-5-9 {
        grid-column: 5/9 !important;
    }
    .grid .col-md-5-10 {
        grid-column: 5/10 !important;
    }
    .grid .col-md-5-11 {
        grid-column: 5/11 !important;
    }
    .grid .col-md-5-12 {
        grid-column: 5/12 !important;
    }
    .grid .col-md-5-13 {
        grid-column: 5/13 !important;
    }
    .grid .col-md-5--1 {
        grid-column: 5/-1 !important;
    }
    .grid .col-md-5--2 {
        grid-column: 5/-2 !important;
    }
    .grid .col-md-5--3 {
        grid-column: 5/-3 !important;
    }
    .grid .col-md-5--4 {
        grid-column: 5/-4 !important;
    }
    .grid .col-md-5--5 {
        grid-column: 5/-5 !important;
    }
    .grid .col-md-5--6 {
        grid-column: 5/-6 !important;
    }
    .grid .col-md-5--7 {
        grid-column: 5/-7 !important;
    }
    .grid .col-md-5--8 {
        grid-column: 5/-8 !important;
    }
    .grid .col-md-6-auto {
        grid-column: 6/auto !important;
    }
    .grid .col-md-6-7 {
        grid-column: 6/7 !important;
    }
    .grid .col-md-6-8 {
        grid-column: 6/8 !important;
    }
    .grid .col-md-6-9 {
        grid-column: 6/9 !important;
    }
    .grid .col-md-6-10 {
        grid-column: 6/10 !important;
    }
    .grid .col-md-6-11 {
        grid-column: 6/11 !important;
    }
    .grid .col-md-6-12 {
        grid-column: 6/12 !important;
    }
    .grid .col-md-6-13 {
        grid-column: 6/13 !important;
    }
    .grid .col-md-6--1 {
        grid-column: 6/-1 !important;
    }
    .grid .col-md-6--2 {
        grid-column: 6/-2 !important;
    }
    .grid .col-md-6--3 {
        grid-column: 6/-3 !important;
    }
    .grid .col-md-6--4 {
        grid-column: 6/-4 !important;
    }
    .grid .col-md-6--5 {
        grid-column: 6/-5 !important;
    }
    .grid .col-md-6--6 {
        grid-column: 6/-6 !important;
    }
    .grid .col-md-6--7 {
        grid-column: 6/-7 !important;
    }
    .grid .col-md-7-auto {
        grid-column: 7/auto !important;
    }
    .grid .col-md-7-8 {
        grid-column: 7/8 !important;
    }
    .grid .col-md-7-9 {
        grid-column: 7/9 !important;
    }
    .grid .col-md-7-10 {
        grid-column: 7/10 !important;
    }
    .grid .col-md-7-11 {
        grid-column: 7/11 !important;
    }
    .grid .col-md-7-12 {
        grid-column: 7/12 !important;
    }
    .grid .col-md-7-13 {
        grid-column: 7/13 !important;
    }
    .grid .col-md-7--1 {
        grid-column: 7/-1 !important;
    }
    .grid .col-md-7--2 {
        grid-column: 7/-2 !important;
    }
    .grid .col-md-7--3 {
        grid-column: 7/-3 !important;
    }
    .grid .col-md-7--4 {
        grid-column: 7/-4 !important;
    }
    .grid .col-md-7--5 {
        grid-column: 7/-5 !important;
    }
    .grid .col-md-7--6 {
        grid-column: 7/-6 !important;
    }
    .grid .col-md-8-auto {
        grid-column: 8/auto !important;
    }
    .grid .col-md-8-9 {
        grid-column: 8/9 !important;
    }
    .grid .col-md-8-10 {
        grid-column: 8/10 !important;
    }
    .grid .col-md-8-11 {
        grid-column: 8/11 !important;
    }
    .grid .col-md-8-12 {
        grid-column: 8/12 !important;
    }
    .grid .col-md-8-13 {
        grid-column: 8/13 !important;
    }
    .grid .col-md-8--1 {
        grid-column: 8/-1 !important;
    }
    .grid .col-md-8--2 {
        grid-column: 8/-2 !important;
    }
    .grid .col-md-8--3 {
        grid-column: 8/-3 !important;
    }
    .grid .col-md-8--4 {
        grid-column: 8/-4 !important;
    }
    .grid .col-md-8--5 {
        grid-column: 8/-5 !important;
    }
    .grid .col-md-9-auto {
        grid-column: 9/auto !important;
    }
    .grid .col-md-9-10 {
        grid-column: 9/10 !important;
    }
    .grid .col-md-9-11 {
        grid-column: 9/11 !important;
    }
    .grid .col-md-9-12 {
        grid-column: 9/12 !important;
    }
    .grid .col-md-9-13 {
        grid-column: 9/13 !important;
    }
    .grid .col-md-9--1 {
        grid-column: 9/-1 !important;
    }
    .grid .col-md-9--2 {
        grid-column: 9/-2 !important;
    }
    .grid .col-md-9--3 {
        grid-column: 9/-3 !important;
    }
    .grid .col-md-9--4 {
        grid-column: 9/-4 !important;
    }
    .grid .col-md-10-auto {
        grid-column: 10/auto !important;
    }
    .grid .col-md-10-11 {
        grid-column: 10/11 !important;
    }
    .grid .col-md-10-12 {
        grid-column: 10/12 !important;
    }
    .grid .col-md-10-13 {
        grid-column: 10/13 !important;
    }
    .grid .col-md-10--1 {
        grid-column: 10/-1 !important;
    }
    .grid .col-md-10--2 {
        grid-column: 10/-2 !important;
    }
    .grid .col-md-10--3 {
        grid-column: 10/-3 !important;
    }
    .grid .col-md-11-auto {
        grid-column: 11/auto !important;
    }
    .grid .col-md-11-12 {
        grid-column: 11/12 !important;
    }
    .grid .col-md-11-13 {
        grid-column: 11/13 !important;
    }
    .grid .col-md-11--1 {
        grid-column: 11/-1 !important;
    }
    .grid .col-md-11--2 {
        grid-column: 11/-2 !important;
    }
    .grid .col-md-12-auto {
        grid-column: 12/auto !important;
    }
    .grid .col-md-12-13 {
        grid-column: 12/13 !important;
    }
    .grid .col-md-12--1 {
        grid-column: 12/-1 !important;
    }
}
@media (min-width: 1025px) {
    .grid .col-lg-1 {
        grid-column: span 1 !important;
    }
    .grid .col-lg-2 {
        grid-column: span 2 !important;
    }
    .grid .col-lg-3 {
        grid-column: span 3 !important;
    }
    .grid .col-lg-4 {
        grid-column: span 4 !important;
    }
    .grid .col-lg-5 {
        grid-column: span 5 !important;
    }
    .grid .col-lg-6 {
        grid-column: span 6 !important;
    }
    .grid .col-lg-7 {
        grid-column: span 7 !important;
    }
    .grid .col-lg-8 {
        grid-column: span 8 !important;
    }
    .grid .col-lg-9 {
        grid-column: span 9 !important;
    }
    .grid .col-lg-10 {
        grid-column: span 10 !important;
    }
    .grid .col-lg-11 {
        grid-column: span 11 !important;
    }
    .grid .col-lg-12 {
        grid-column: span 12 !important;
    }
    .grid .col-lg-1-auto {
        grid-column: 1/auto !important;
    }
    .grid .col-lg-1-2 {
        grid-column: 1/2 !important;
    }
    .grid .col-lg-1-3 {
        grid-column: 1/3 !important;
    }
    .grid .col-lg-1-4 {
        grid-column: 1/4 !important;
    }
    .grid .col-lg-1-5 {
        grid-column: 1/5 !important;
    }
    .grid .col-lg-1-6 {
        grid-column: 1/6 !important;
    }
    .grid .col-lg-1-7 {
        grid-column: 1/7 !important;
    }
    .grid .col-lg-1-8 {
        grid-column: 1/8 !important;
    }
    .grid .col-lg-1-9 {
        grid-column: 1/9 !important;
    }
    .grid .col-lg-1-10 {
        grid-column: 1/10 !important;
    }
    .grid .col-lg-1-11 {
        grid-column: 1/11 !important;
    }
    .grid .col-lg-1-12 {
        grid-column: 1/12 !important;
    }
    .grid .col-lg-1-13 {
        grid-column: 1/13 !important;
    }
    .grid .col-lg-1--1 {
        grid-column: 1/-1 !important;
    }
    .grid .col-lg-1--2 {
        grid-column: 1/-2 !important;
    }
    .grid .col-lg-1--3 {
        grid-column: 1/-3 !important;
    }
    .grid .col-lg-1--4 {
        grid-column: 1/-4 !important;
    }
    .grid .col-lg-1--5 {
        grid-column: 1/-5 !important;
    }
    .grid .col-lg-1--6 {
        grid-column: 1/-6 !important;
    }
    .grid .col-lg-1--7 {
        grid-column: 1/-7 !important;
    }
    .grid .col-lg-1--8 {
        grid-column: 1/-8 !important;
    }
    .grid .col-lg-1--9 {
        grid-column: 1/-9 !important;
    }
    .grid .col-lg-1--10 {
        grid-column: 1/-10 !important;
    }
    .grid .col-lg-1--11 {
        grid-column: 1/-11 !important;
    }
    .grid .col-lg-1--12 {
        grid-column: 1/-12 !important;
    }
    .grid .col-lg-2-auto {
        grid-column: 2/auto !important;
    }
    .grid .col-lg-2-3 {
        grid-column: 2/3 !important;
    }
    .grid .col-lg-2-4 {
        grid-column: 2/4 !important;
    }
    .grid .col-lg-2-5 {
        grid-column: 2/5 !important;
    }
    .grid .col-lg-2-6 {
        grid-column: 2/6 !important;
    }
    .grid .col-lg-2-7 {
        grid-column: 2/7 !important;
    }
    .grid .col-lg-2-8 {
        grid-column: 2/8 !important;
    }
    .grid .col-lg-2-9 {
        grid-column: 2/9 !important;
    }
    .grid .col-lg-2-10 {
        grid-column: 2/10 !important;
    }
    .grid .col-lg-2-11 {
        grid-column: 2/11 !important;
    }
    .grid .col-lg-2-12 {
        grid-column: 2/12 !important;
    }
    .grid .col-lg-2-13 {
        grid-column: 2/13 !important;
    }
    .grid .col-lg-2--1 {
        grid-column: 2/-1 !important;
    }
    .grid .col-lg-2--2 {
        grid-column: 2/-2 !important;
    }
    .grid .col-lg-2--3 {
        grid-column: 2/-3 !important;
    }
    .grid .col-lg-2--4 {
        grid-column: 2/-4 !important;
    }
    .grid .col-lg-2--5 {
        grid-column: 2/-5 !important;
    }
    .grid .col-lg-2--6 {
        grid-column: 2/-6 !important;
    }
    .grid .col-lg-2--7 {
        grid-column: 2/-7 !important;
    }
    .grid .col-lg-2--8 {
        grid-column: 2/-8 !important;
    }
    .grid .col-lg-2--9 {
        grid-column: 2/-9 !important;
    }
    .grid .col-lg-2--10 {
        grid-column: 2/-10 !important;
    }
    .grid .col-lg-2--11 {
        grid-column: 2/-11 !important;
    }
    .grid .col-lg-3-auto {
        grid-column: 3/auto !important;
    }
    .grid .col-lg-3-4 {
        grid-column: 3/4 !important;
    }
    .grid .col-lg-3-5 {
        grid-column: 3/5 !important;
    }
    .grid .col-lg-3-6 {
        grid-column: 3/6 !important;
    }
    .grid .col-lg-3-7 {
        grid-column: 3/7 !important;
    }
    .grid .col-lg-3-8 {
        grid-column: 3/8 !important;
    }
    .grid .col-lg-3-9 {
        grid-column: 3/9 !important;
    }
    .grid .col-lg-3-10 {
        grid-column: 3/10 !important;
    }
    .grid .col-lg-3-11 {
        grid-column: 3/11 !important;
    }
    .grid .col-lg-3-12 {
        grid-column: 3/12 !important;
    }
    .grid .col-lg-3-13 {
        grid-column: 3/13 !important;
    }
    .grid .col-lg-3--1 {
        grid-column: 3/-1 !important;
    }
    .grid .col-lg-3--2 {
        grid-column: 3/-2 !important;
    }
    .grid .col-lg-3--3 {
        grid-column: 3/-3 !important;
    }
    .grid .col-lg-3--4 {
        grid-column: 3/-4 !important;
    }
    .grid .col-lg-3--5 {
        grid-column: 3/-5 !important;
    }
    .grid .col-lg-3--6 {
        grid-column: 3/-6 !important;
    }
    .grid .col-lg-3--7 {
        grid-column: 3/-7 !important;
    }
    .grid .col-lg-3--8 {
        grid-column: 3/-8 !important;
    }
    .grid .col-lg-3--9 {
        grid-column: 3/-9 !important;
    }
    .grid .col-lg-3--10 {
        grid-column: 3/-10 !important;
    }
    .grid .col-lg-4-auto {
        grid-column: 4/auto !important;
    }
    .grid .col-lg-4-5 {
        grid-column: 4/5 !important;
    }
    .grid .col-lg-4-6 {
        grid-column: 4/6 !important;
    }
    .grid .col-lg-4-7 {
        grid-column: 4/7 !important;
    }
    .grid .col-lg-4-8 {
        grid-column: 4/8 !important;
    }
    .grid .col-lg-4-9 {
        grid-column: 4/9 !important;
    }
    .grid .col-lg-4-10 {
        grid-column: 4/10 !important;
    }
    .grid .col-lg-4-11 {
        grid-column: 4/11 !important;
    }
    .grid .col-lg-4-12 {
        grid-column: 4/12 !important;
    }
    .grid .col-lg-4-13 {
        grid-column: 4/13 !important;
    }
    .grid .col-lg-4--1 {
        grid-column: 4/-1 !important;
    }
    .grid .col-lg-4--2 {
        grid-column: 4/-2 !important;
    }
    .grid .col-lg-4--3 {
        grid-column: 4/-3 !important;
    }
    .grid .col-lg-4--4 {
        grid-column: 4/-4 !important;
    }
    .grid .col-lg-4--5 {
        grid-column: 4/-5 !important;
    }
    .grid .col-lg-4--6 {
        grid-column: 4/-6 !important;
    }
    .grid .col-lg-4--7 {
        grid-column: 4/-7 !important;
    }
    .grid .col-lg-4--8 {
        grid-column: 4/-8 !important;
    }
    .grid .col-lg-4--9 {
        grid-column: 4/-9 !important;
    }
    .grid .col-lg-5-auto {
        grid-column: 5/auto !important;
    }
    .grid .col-lg-5-6 {
        grid-column: 5/6 !important;
    }
    .grid .col-lg-5-7 {
        grid-column: 5/7 !important;
    }
    .grid .col-lg-5-8 {
        grid-column: 5/8 !important;
    }
    .grid .col-lg-5-9 {
        grid-column: 5/9 !important;
    }
    .grid .col-lg-5-10 {
        grid-column: 5/10 !important;
    }
    .grid .col-lg-5-11 {
        grid-column: 5/11 !important;
    }
    .grid .col-lg-5-12 {
        grid-column: 5/12 !important;
    }
    .grid .col-lg-5-13 {
        grid-column: 5/13 !important;
    }
    .grid .col-lg-5--1 {
        grid-column: 5/-1 !important;
    }
    .grid .col-lg-5--2 {
        grid-column: 5/-2 !important;
    }
    .grid .col-lg-5--3 {
        grid-column: 5/-3 !important;
    }
    .grid .col-lg-5--4 {
        grid-column: 5/-4 !important;
    }
    .grid .col-lg-5--5 {
        grid-column: 5/-5 !important;
    }
    .grid .col-lg-5--6 {
        grid-column: 5/-6 !important;
    }
    .grid .col-lg-5--7 {
        grid-column: 5/-7 !important;
    }
    .grid .col-lg-5--8 {
        grid-column: 5/-8 !important;
    }
    .grid .col-lg-6-auto {
        grid-column: 6/auto !important;
    }
    .grid .col-lg-6-7 {
        grid-column: 6/7 !important;
    }
    .grid .col-lg-6-8 {
        grid-column: 6/8 !important;
    }
    .grid .col-lg-6-9 {
        grid-column: 6/9 !important;
    }
    .grid .col-lg-6-10 {
        grid-column: 6/10 !important;
    }
    .grid .col-lg-6-11 {
        grid-column: 6/11 !important;
    }
    .grid .col-lg-6-12 {
        grid-column: 6/12 !important;
    }
    .grid .col-lg-6-13 {
        grid-column: 6/13 !important;
    }
    .grid .col-lg-6--1 {
        grid-column: 6/-1 !important;
    }
    .grid .col-lg-6--2 {
        grid-column: 6/-2 !important;
    }
    .grid .col-lg-6--3 {
        grid-column: 6/-3 !important;
    }
    .grid .col-lg-6--4 {
        grid-column: 6/-4 !important;
    }
    .grid .col-lg-6--5 {
        grid-column: 6/-5 !important;
    }
    .grid .col-lg-6--6 {
        grid-column: 6/-6 !important;
    }
    .grid .col-lg-6--7 {
        grid-column: 6/-7 !important;
    }
    .grid .col-lg-7-auto {
        grid-column: 7/auto !important;
    }
    .grid .col-lg-7-8 {
        grid-column: 7/8 !important;
    }
    .grid .col-lg-7-9 {
        grid-column: 7/9 !important;
    }
    .grid .col-lg-7-10 {
        grid-column: 7/10 !important;
    }
    .grid .col-lg-7-11 {
        grid-column: 7/11 !important;
    }
    .grid .col-lg-7-12 {
        grid-column: 7/12 !important;
    }
    .grid .col-lg-7-13 {
        grid-column: 7/13 !important;
    }
    .grid .col-lg-7--1 {
        grid-column: 7/-1 !important;
    }
    .grid .col-lg-7--2 {
        grid-column: 7/-2 !important;
    }
    .grid .col-lg-7--3 {
        grid-column: 7/-3 !important;
    }
    .grid .col-lg-7--4 {
        grid-column: 7/-4 !important;
    }
    .grid .col-lg-7--5 {
        grid-column: 7/-5 !important;
    }
    .grid .col-lg-7--6 {
        grid-column: 7/-6 !important;
    }
    .grid .col-lg-8-auto {
        grid-column: 8/auto !important;
    }
    .grid .col-lg-8-9 {
        grid-column: 8/9 !important;
    }
    .grid .col-lg-8-10 {
        grid-column: 8/10 !important;
    }
    .grid .col-lg-8-11 {
        grid-column: 8/11 !important;
    }
    .grid .col-lg-8-12 {
        grid-column: 8/12 !important;
    }
    .grid .col-lg-8-13 {
        grid-column: 8/13 !important;
    }
    .grid .col-lg-8--1 {
        grid-column: 8/-1 !important;
    }
    .grid .col-lg-8--2 {
        grid-column: 8/-2 !important;
    }
    .grid .col-lg-8--3 {
        grid-column: 8/-3 !important;
    }
    .grid .col-lg-8--4 {
        grid-column: 8/-4 !important;
    }
    .grid .col-lg-8--5 {
        grid-column: 8/-5 !important;
    }
    .grid .col-lg-9-auto {
        grid-column: 9/auto !important;
    }
    .grid .col-lg-9-10 {
        grid-column: 9/10 !important;
    }
    .grid .col-lg-9-11 {
        grid-column: 9/11 !important;
    }
    .grid .col-lg-9-12 {
        grid-column: 9/12 !important;
    }
    .grid .col-lg-9-13 {
        grid-column: 9/13 !important;
    }
    .grid .col-lg-9--1 {
        grid-column: 9/-1 !important;
    }
    .grid .col-lg-9--2 {
        grid-column: 9/-2 !important;
    }
    .grid .col-lg-9--3 {
        grid-column: 9/-3 !important;
    }
    .grid .col-lg-9--4 {
        grid-column: 9/-4 !important;
    }
    .grid .col-lg-10-auto {
        grid-column: 10/auto !important;
    }
    .grid .col-lg-10-11 {
        grid-column: 10/11 !important;
    }
    .grid .col-lg-10-12 {
        grid-column: 10/12 !important;
    }
    .grid .col-lg-10-13 {
        grid-column: 10/13 !important;
    }
    .grid .col-lg-10--1 {
        grid-column: 10/-1 !important;
    }
    .grid .col-lg-10--2 {
        grid-column: 10/-2 !important;
    }
    .grid .col-lg-10--3 {
        grid-column: 10/-3 !important;
    }
    .grid .col-lg-11-auto {
        grid-column: 11/auto !important;
    }
    .grid .col-lg-11-12 {
        grid-column: 11/12 !important;
    }
    .grid .col-lg-11-13 {
        grid-column: 11/13 !important;
    }
    .grid .col-lg-11--1 {
        grid-column: 11/-1 !important;
    }
    .grid .col-lg-11--2 {
        grid-column: 11/-2 !important;
    }
    .grid .col-lg-12-auto {
        grid-column: 12/auto !important;
    }
    .grid .col-lg-12-13 {
        grid-column: 12/13 !important;
    }
    .grid .col-lg-12--1 {
        grid-column: 12/-1 !important;
    }
}
@media (min-width: 1200px) {
    .grid .col-xlg-1 {
        grid-column: span 1 !important;
    }
    .grid .col-xlg-2 {
        grid-column: span 2 !important;
    }
    .grid .col-xlg-3 {
        grid-column: span 3 !important;
    }
    .grid .col-xlg-4 {
        grid-column: span 4 !important;
    }
    .grid .col-xlg-5 {
        grid-column: span 5 !important;
    }
    .grid .col-xlg-6 {
        grid-column: span 6 !important;
    }
    .grid .col-xlg-7 {
        grid-column: span 7 !important;
    }
    .grid .col-xlg-8 {
        grid-column: span 8 !important;
    }
    .grid .col-xlg-9 {
        grid-column: span 9 !important;
    }
    .grid .col-xlg-10 {
        grid-column: span 10 !important;
    }
    .grid .col-xlg-11 {
        grid-column: span 11 !important;
    }
    .grid .col-xlg-12 {
        grid-column: span 12 !important;
    }
    .grid .col-xlg-1-auto {
        grid-column: 1/auto !important;
    }
    .grid .col-xlg-1-2 {
        grid-column: 1/2 !important;
    }
    .grid .col-xlg-1-3 {
        grid-column: 1/3 !important;
    }
    .grid .col-xlg-1-4 {
        grid-column: 1/4 !important;
    }
    .grid .col-xlg-1-5 {
        grid-column: 1/5 !important;
    }
    .grid .col-xlg-1-6 {
        grid-column: 1/6 !important;
    }
    .grid .col-xlg-1-7 {
        grid-column: 1/7 !important;
    }
    .grid .col-xlg-1-8 {
        grid-column: 1/8 !important;
    }
    .grid .col-xlg-1-9 {
        grid-column: 1/9 !important;
    }
    .grid .col-xlg-1-10 {
        grid-column: 1/10 !important;
    }
    .grid .col-xlg-1-11 {
        grid-column: 1/11 !important;
    }
    .grid .col-xlg-1-12 {
        grid-column: 1/12 !important;
    }
    .grid .col-xlg-1-13 {
        grid-column: 1/13 !important;
    }
    .grid .col-xlg-1--1 {
        grid-column: 1/-1 !important;
    }
    .grid .col-xlg-1--2 {
        grid-column: 1/-2 !important;
    }
    .grid .col-xlg-1--3 {
        grid-column: 1/-3 !important;
    }
    .grid .col-xlg-1--4 {
        grid-column: 1/-4 !important;
    }
    .grid .col-xlg-1--5 {
        grid-column: 1/-5 !important;
    }
    .grid .col-xlg-1--6 {
        grid-column: 1/-6 !important;
    }
    .grid .col-xlg-1--7 {
        grid-column: 1/-7 !important;
    }
    .grid .col-xlg-1--8 {
        grid-column: 1/-8 !important;
    }
    .grid .col-xlg-1--9 {
        grid-column: 1/-9 !important;
    }
    .grid .col-xlg-1--10 {
        grid-column: 1/-10 !important;
    }
    .grid .col-xlg-1--11 {
        grid-column: 1/-11 !important;
    }
    .grid .col-xlg-1--12 {
        grid-column: 1/-12 !important;
    }
    .grid .col-xlg-2-auto {
        grid-column: 2/auto !important;
    }
    .grid .col-xlg-2-3 {
        grid-column: 2/3 !important;
    }
    .grid .col-xlg-2-4 {
        grid-column: 2/4 !important;
    }
    .grid .col-xlg-2-5 {
        grid-column: 2/5 !important;
    }
    .grid .col-xlg-2-6 {
        grid-column: 2/6 !important;
    }
    .grid .col-xlg-2-7 {
        grid-column: 2/7 !important;
    }
    .grid .col-xlg-2-8 {
        grid-column: 2/8 !important;
    }
    .grid .col-xlg-2-9 {
        grid-column: 2/9 !important;
    }
    .grid .col-xlg-2-10 {
        grid-column: 2/10 !important;
    }
    .grid .col-xlg-2-11 {
        grid-column: 2/11 !important;
    }
    .grid .col-xlg-2-12 {
        grid-column: 2/12 !important;
    }
    .grid .col-xlg-2-13 {
        grid-column: 2/13 !important;
    }
    .grid .col-xlg-2--1 {
        grid-column: 2/-1 !important;
    }
    .grid .col-xlg-2--2 {
        grid-column: 2/-2 !important;
    }
    .grid .col-xlg-2--3 {
        grid-column: 2/-3 !important;
    }
    .grid .col-xlg-2--4 {
        grid-column: 2/-4 !important;
    }
    .grid .col-xlg-2--5 {
        grid-column: 2/-5 !important;
    }
    .grid .col-xlg-2--6 {
        grid-column: 2/-6 !important;
    }
    .grid .col-xlg-2--7 {
        grid-column: 2/-7 !important;
    }
    .grid .col-xlg-2--8 {
        grid-column: 2/-8 !important;
    }
    .grid .col-xlg-2--9 {
        grid-column: 2/-9 !important;
    }
    .grid .col-xlg-2--10 {
        grid-column: 2/-10 !important;
    }
    .grid .col-xlg-2--11 {
        grid-column: 2/-11 !important;
    }
    .grid .col-xlg-3-auto {
        grid-column: 3/auto !important;
    }
    .grid .col-xlg-3-4 {
        grid-column: 3/4 !important;
    }
    .grid .col-xlg-3-5 {
        grid-column: 3/5 !important;
    }
    .grid .col-xlg-3-6 {
        grid-column: 3/6 !important;
    }
    .grid .col-xlg-3-7 {
        grid-column: 3/7 !important;
    }
    .grid .col-xlg-3-8 {
        grid-column: 3/8 !important;
    }
    .grid .col-xlg-3-9 {
        grid-column: 3/9 !important;
    }
    .grid .col-xlg-3-10 {
        grid-column: 3/10 !important;
    }
    .grid .col-xlg-3-11 {
        grid-column: 3/11 !important;
    }
    .grid .col-xlg-3-12 {
        grid-column: 3/12 !important;
    }
    .grid .col-xlg-3-13 {
        grid-column: 3/13 !important;
    }
    .grid .col-xlg-3--1 {
        grid-column: 3/-1 !important;
    }
    .grid .col-xlg-3--2 {
        grid-column: 3/-2 !important;
    }
    .grid .col-xlg-3--3 {
        grid-column: 3/-3 !important;
    }
    .grid .col-xlg-3--4 {
        grid-column: 3/-4 !important;
    }
    .grid .col-xlg-3--5 {
        grid-column: 3/-5 !important;
    }
    .grid .col-xlg-3--6 {
        grid-column: 3/-6 !important;
    }
    .grid .col-xlg-3--7 {
        grid-column: 3/-7 !important;
    }
    .grid .col-xlg-3--8 {
        grid-column: 3/-8 !important;
    }
    .grid .col-xlg-3--9 {
        grid-column: 3/-9 !important;
    }
    .grid .col-xlg-3--10 {
        grid-column: 3/-10 !important;
    }
    .grid .col-xlg-4-auto {
        grid-column: 4/auto !important;
    }
    .grid .col-xlg-4-5 {
        grid-column: 4/5 !important;
    }
    .grid .col-xlg-4-6 {
        grid-column: 4/6 !important;
    }
    .grid .col-xlg-4-7 {
        grid-column: 4/7 !important;
    }
    .grid .col-xlg-4-8 {
        grid-column: 4/8 !important;
    }
    .grid .col-xlg-4-9 {
        grid-column: 4/9 !important;
    }
    .grid .col-xlg-4-10 {
        grid-column: 4/10 !important;
    }
    .grid .col-xlg-4-11 {
        grid-column: 4/11 !important;
    }
    .grid .col-xlg-4-12 {
        grid-column: 4/12 !important;
    }
    .grid .col-xlg-4-13 {
        grid-column: 4/13 !important;
    }
    .grid .col-xlg-4--1 {
        grid-column: 4/-1 !important;
    }
    .grid .col-xlg-4--2 {
        grid-column: 4/-2 !important;
    }
    .grid .col-xlg-4--3 {
        grid-column: 4/-3 !important;
    }
    .grid .col-xlg-4--4 {
        grid-column: 4/-4 !important;
    }
    .grid .col-xlg-4--5 {
        grid-column: 4/-5 !important;
    }
    .grid .col-xlg-4--6 {
        grid-column: 4/-6 !important;
    }
    .grid .col-xlg-4--7 {
        grid-column: 4/-7 !important;
    }
    .grid .col-xlg-4--8 {
        grid-column: 4/-8 !important;
    }
    .grid .col-xlg-4--9 {
        grid-column: 4/-9 !important;
    }
    .grid .col-xlg-5-auto {
        grid-column: 5/auto !important;
    }
    .grid .col-xlg-5-6 {
        grid-column: 5/6 !important;
    }
    .grid .col-xlg-5-7 {
        grid-column: 5/7 !important;
    }
    .grid .col-xlg-5-8 {
        grid-column: 5/8 !important;
    }
    .grid .col-xlg-5-9 {
        grid-column: 5/9 !important;
    }
    .grid .col-xlg-5-10 {
        grid-column: 5/10 !important;
    }
    .grid .col-xlg-5-11 {
        grid-column: 5/11 !important;
    }
    .grid .col-xlg-5-12 {
        grid-column: 5/12 !important;
    }
    .grid .col-xlg-5-13 {
        grid-column: 5/13 !important;
    }
    .grid .col-xlg-5--1 {
        grid-column: 5/-1 !important;
    }
    .grid .col-xlg-5--2 {
        grid-column: 5/-2 !important;
    }
    .grid .col-xlg-5--3 {
        grid-column: 5/-3 !important;
    }
    .grid .col-xlg-5--4 {
        grid-column: 5/-4 !important;
    }
    .grid .col-xlg-5--5 {
        grid-column: 5/-5 !important;
    }
    .grid .col-xlg-5--6 {
        grid-column: 5/-6 !important;
    }
    .grid .col-xlg-5--7 {
        grid-column: 5/-7 !important;
    }
    .grid .col-xlg-5--8 {
        grid-column: 5/-8 !important;
    }
    .grid .col-xlg-6-auto {
        grid-column: 6/auto !important;
    }
    .grid .col-xlg-6-7 {
        grid-column: 6/7 !important;
    }
    .grid .col-xlg-6-8 {
        grid-column: 6/8 !important;
    }
    .grid .col-xlg-6-9 {
        grid-column: 6/9 !important;
    }
    .grid .col-xlg-6-10 {
        grid-column: 6/10 !important;
    }
    .grid .col-xlg-6-11 {
        grid-column: 6/11 !important;
    }
    .grid .col-xlg-6-12 {
        grid-column: 6/12 !important;
    }
    .grid .col-xlg-6-13 {
        grid-column: 6/13 !important;
    }
    .grid .col-xlg-6--1 {
        grid-column: 6/-1 !important;
    }
    .grid .col-xlg-6--2 {
        grid-column: 6/-2 !important;
    }
    .grid .col-xlg-6--3 {
        grid-column: 6/-3 !important;
    }
    .grid .col-xlg-6--4 {
        grid-column: 6/-4 !important;
    }
    .grid .col-xlg-6--5 {
        grid-column: 6/-5 !important;
    }
    .grid .col-xlg-6--6 {
        grid-column: 6/-6 !important;
    }
    .grid .col-xlg-6--7 {
        grid-column: 6/-7 !important;
    }
    .grid .col-xlg-7-auto {
        grid-column: 7/auto !important;
    }
    .grid .col-xlg-7-8 {
        grid-column: 7/8 !important;
    }
    .grid .col-xlg-7-9 {
        grid-column: 7/9 !important;
    }
    .grid .col-xlg-7-10 {
        grid-column: 7/10 !important;
    }
    .grid .col-xlg-7-11 {
        grid-column: 7/11 !important;
    }
    .grid .col-xlg-7-12 {
        grid-column: 7/12 !important;
    }
    .grid .col-xlg-7-13 {
        grid-column: 7/13 !important;
    }
    .grid .col-xlg-7--1 {
        grid-column: 7/-1 !important;
    }
    .grid .col-xlg-7--2 {
        grid-column: 7/-2 !important;
    }
    .grid .col-xlg-7--3 {
        grid-column: 7/-3 !important;
    }
    .grid .col-xlg-7--4 {
        grid-column: 7/-4 !important;
    }
    .grid .col-xlg-7--5 {
        grid-column: 7/-5 !important;
    }
    .grid .col-xlg-7--6 {
        grid-column: 7/-6 !important;
    }
    .grid .col-xlg-8-auto {
        grid-column: 8/auto !important;
    }
    .grid .col-xlg-8-9 {
        grid-column: 8/9 !important;
    }
    .grid .col-xlg-8-10 {
        grid-column: 8/10 !important;
    }
    .grid .col-xlg-8-11 {
        grid-column: 8/11 !important;
    }
    .grid .col-xlg-8-12 {
        grid-column: 8/12 !important;
    }
    .grid .col-xlg-8-13 {
        grid-column: 8/13 !important;
    }
    .grid .col-xlg-8--1 {
        grid-column: 8/-1 !important;
    }
    .grid .col-xlg-8--2 {
        grid-column: 8/-2 !important;
    }
    .grid .col-xlg-8--3 {
        grid-column: 8/-3 !important;
    }
    .grid .col-xlg-8--4 {
        grid-column: 8/-4 !important;
    }
    .grid .col-xlg-8--5 {
        grid-column: 8/-5 !important;
    }
    .grid .col-xlg-9-auto {
        grid-column: 9/auto !important;
    }
    .grid .col-xlg-9-10 {
        grid-column: 9/10 !important;
    }
    .grid .col-xlg-9-11 {
        grid-column: 9/11 !important;
    }
    .grid .col-xlg-9-12 {
        grid-column: 9/12 !important;
    }
    .grid .col-xlg-9-13 {
        grid-column: 9/13 !important;
    }
    .grid .col-xlg-9--1 {
        grid-column: 9/-1 !important;
    }
    .grid .col-xlg-9--2 {
        grid-column: 9/-2 !important;
    }
    .grid .col-xlg-9--3 {
        grid-column: 9/-3 !important;
    }
    .grid .col-xlg-9--4 {
        grid-column: 9/-4 !important;
    }
    .grid .col-xlg-10-auto {
        grid-column: 10/auto !important;
    }
    .grid .col-xlg-10-11 {
        grid-column: 10/11 !important;
    }
    .grid .col-xlg-10-12 {
        grid-column: 10/12 !important;
    }
    .grid .col-xlg-10-13 {
        grid-column: 10/13 !important;
    }
    .grid .col-xlg-10--1 {
        grid-column: 10/-1 !important;
    }
    .grid .col-xlg-10--2 {
        grid-column: 10/-2 !important;
    }
    .grid .col-xlg-10--3 {
        grid-column: 10/-3 !important;
    }
    .grid .col-xlg-11-auto {
        grid-column: 11/auto !important;
    }
    .grid .col-xlg-11-12 {
        grid-column: 11/12 !important;
    }
    .grid .col-xlg-11-13 {
        grid-column: 11/13 !important;
    }
    .grid .col-xlg-11--1 {
        grid-column: 11/-1 !important;
    }
    .grid .col-xlg-11--2 {
        grid-column: 11/-2 !important;
    }
    .grid .col-xlg-12-auto {
        grid-column: 12/auto !important;
    }
    .grid .col-xlg-12-13 {
        grid-column: 12/13 !important;
    }
    .grid .col-xlg-12--1 {
        grid-column: 12/-1 !important;
    }
}
@media (min-width: 1650px) {
    .grid .col-wd-1 {
        grid-column: span 1 !important;
    }
    .grid .col-wd-2 {
        grid-column: span 2 !important;
    }
    .grid .col-wd-3 {
        grid-column: span 3 !important;
    }
    .grid .col-wd-4 {
        grid-column: span 4 !important;
    }
    .grid .col-wd-5 {
        grid-column: span 5 !important;
    }
    .grid .col-wd-6 {
        grid-column: span 6 !important;
    }
    .grid .col-wd-7 {
        grid-column: span 7 !important;
    }
    .grid .col-wd-8 {
        grid-column: span 8 !important;
    }
    .grid .col-wd-9 {
        grid-column: span 9 !important;
    }
    .grid .col-wd-10 {
        grid-column: span 10 !important;
    }
    .grid .col-wd-11 {
        grid-column: span 11 !important;
    }
    .grid .col-wd-12 {
        grid-column: span 12 !important;
    }
    .grid .col-wd-1-auto {
        grid-column: 1/auto !important;
    }
    .grid .col-wd-1-2 {
        grid-column: 1/2 !important;
    }
    .grid .col-wd-1-3 {
        grid-column: 1/3 !important;
    }
    .grid .col-wd-1-4 {
        grid-column: 1/4 !important;
    }
    .grid .col-wd-1-5 {
        grid-column: 1/5 !important;
    }
    .grid .col-wd-1-6 {
        grid-column: 1/6 !important;
    }
    .grid .col-wd-1-7 {
        grid-column: 1/7 !important;
    }
    .grid .col-wd-1-8 {
        grid-column: 1/8 !important;
    }
    .grid .col-wd-1-9 {
        grid-column: 1/9 !important;
    }
    .grid .col-wd-1-10 {
        grid-column: 1/10 !important;
    }
    .grid .col-wd-1-11 {
        grid-column: 1/11 !important;
    }
    .grid .col-wd-1-12 {
        grid-column: 1/12 !important;
    }
    .grid .col-wd-1-13 {
        grid-column: 1/13 !important;
    }
    .grid .col-wd-1--1 {
        grid-column: 1/-1 !important;
    }
    .grid .col-wd-1--2 {
        grid-column: 1/-2 !important;
    }
    .grid .col-wd-1--3 {
        grid-column: 1/-3 !important;
    }
    .grid .col-wd-1--4 {
        grid-column: 1/-4 !important;
    }
    .grid .col-wd-1--5 {
        grid-column: 1/-5 !important;
    }
    .grid .col-wd-1--6 {
        grid-column: 1/-6 !important;
    }
    .grid .col-wd-1--7 {
        grid-column: 1/-7 !important;
    }
    .grid .col-wd-1--8 {
        grid-column: 1/-8 !important;
    }
    .grid .col-wd-1--9 {
        grid-column: 1/-9 !important;
    }
    .grid .col-wd-1--10 {
        grid-column: 1/-10 !important;
    }
    .grid .col-wd-1--11 {
        grid-column: 1/-11 !important;
    }
    .grid .col-wd-1--12 {
        grid-column: 1/-12 !important;
    }
    .grid .col-wd-2-auto {
        grid-column: 2/auto !important;
    }
    .grid .col-wd-2-3 {
        grid-column: 2/3 !important;
    }
    .grid .col-wd-2-4 {
        grid-column: 2/4 !important;
    }
    .grid .col-wd-2-5 {
        grid-column: 2/5 !important;
    }
    .grid .col-wd-2-6 {
        grid-column: 2/6 !important;
    }
    .grid .col-wd-2-7 {
        grid-column: 2/7 !important;
    }
    .grid .col-wd-2-8 {
        grid-column: 2/8 !important;
    }
    .grid .col-wd-2-9 {
        grid-column: 2/9 !important;
    }
    .grid .col-wd-2-10 {
        grid-column: 2/10 !important;
    }
    .grid .col-wd-2-11 {
        grid-column: 2/11 !important;
    }
    .grid .col-wd-2-12 {
        grid-column: 2/12 !important;
    }
    .grid .col-wd-2-13 {
        grid-column: 2/13 !important;
    }
    .grid .col-wd-2--1 {
        grid-column: 2/-1 !important;
    }
    .grid .col-wd-2--2 {
        grid-column: 2/-2 !important;
    }
    .grid .col-wd-2--3 {
        grid-column: 2/-3 !important;
    }
    .grid .col-wd-2--4 {
        grid-column: 2/-4 !important;
    }
    .grid .col-wd-2--5 {
        grid-column: 2/-5 !important;
    }
    .grid .col-wd-2--6 {
        grid-column: 2/-6 !important;
    }
    .grid .col-wd-2--7 {
        grid-column: 2/-7 !important;
    }
    .grid .col-wd-2--8 {
        grid-column: 2/-8 !important;
    }
    .grid .col-wd-2--9 {
        grid-column: 2/-9 !important;
    }
    .grid .col-wd-2--10 {
        grid-column: 2/-10 !important;
    }
    .grid .col-wd-2--11 {
        grid-column: 2/-11 !important;
    }
    .grid .col-wd-3-auto {
        grid-column: 3/auto !important;
    }
    .grid .col-wd-3-4 {
        grid-column: 3/4 !important;
    }
    .grid .col-wd-3-5 {
        grid-column: 3/5 !important;
    }
    .grid .col-wd-3-6 {
        grid-column: 3/6 !important;
    }
    .grid .col-wd-3-7 {
        grid-column: 3/7 !important;
    }
    .grid .col-wd-3-8 {
        grid-column: 3/8 !important;
    }
    .grid .col-wd-3-9 {
        grid-column: 3/9 !important;
    }
    .grid .col-wd-3-10 {
        grid-column: 3/10 !important;
    }
    .grid .col-wd-3-11 {
        grid-column: 3/11 !important;
    }
    .grid .col-wd-3-12 {
        grid-column: 3/12 !important;
    }
    .grid .col-wd-3-13 {
        grid-column: 3/13 !important;
    }
    .grid .col-wd-3--1 {
        grid-column: 3/-1 !important;
    }
    .grid .col-wd-3--2 {
        grid-column: 3/-2 !important;
    }
    .grid .col-wd-3--3 {
        grid-column: 3/-3 !important;
    }
    .grid .col-wd-3--4 {
        grid-column: 3/-4 !important;
    }
    .grid .col-wd-3--5 {
        grid-column: 3/-5 !important;
    }
    .grid .col-wd-3--6 {
        grid-column: 3/-6 !important;
    }
    .grid .col-wd-3--7 {
        grid-column: 3/-7 !important;
    }
    .grid .col-wd-3--8 {
        grid-column: 3/-8 !important;
    }
    .grid .col-wd-3--9 {
        grid-column: 3/-9 !important;
    }
    .grid .col-wd-3--10 {
        grid-column: 3/-10 !important;
    }
    .grid .col-wd-4-auto {
        grid-column: 4/auto !important;
    }
    .grid .col-wd-4-5 {
        grid-column: 4/5 !important;
    }
    .grid .col-wd-4-6 {
        grid-column: 4/6 !important;
    }
    .grid .col-wd-4-7 {
        grid-column: 4/7 !important;
    }
    .grid .col-wd-4-8 {
        grid-column: 4/8 !important;
    }
    .grid .col-wd-4-9 {
        grid-column: 4/9 !important;
    }
    .grid .col-wd-4-10 {
        grid-column: 4/10 !important;
    }
    .grid .col-wd-4-11 {
        grid-column: 4/11 !important;
    }
    .grid .col-wd-4-12 {
        grid-column: 4/12 !important;
    }
    .grid .col-wd-4-13 {
        grid-column: 4/13 !important;
    }
    .grid .col-wd-4--1 {
        grid-column: 4/-1 !important;
    }
    .grid .col-wd-4--2 {
        grid-column: 4/-2 !important;
    }
    .grid .col-wd-4--3 {
        grid-column: 4/-3 !important;
    }
    .grid .col-wd-4--4 {
        grid-column: 4/-4 !important;
    }
    .grid .col-wd-4--5 {
        grid-column: 4/-5 !important;
    }
    .grid .col-wd-4--6 {
        grid-column: 4/-6 !important;
    }
    .grid .col-wd-4--7 {
        grid-column: 4/-7 !important;
    }
    .grid .col-wd-4--8 {
        grid-column: 4/-8 !important;
    }
    .grid .col-wd-4--9 {
        grid-column: 4/-9 !important;
    }
    .grid .col-wd-5-auto {
        grid-column: 5/auto !important;
    }
    .grid .col-wd-5-6 {
        grid-column: 5/6 !important;
    }
    .grid .col-wd-5-7 {
        grid-column: 5/7 !important;
    }
    .grid .col-wd-5-8 {
        grid-column: 5/8 !important;
    }
    .grid .col-wd-5-9 {
        grid-column: 5/9 !important;
    }
    .grid .col-wd-5-10 {
        grid-column: 5/10 !important;
    }
    .grid .col-wd-5-11 {
        grid-column: 5/11 !important;
    }
    .grid .col-wd-5-12 {
        grid-column: 5/12 !important;
    }
    .grid .col-wd-5-13 {
        grid-column: 5/13 !important;
    }
    .grid .col-wd-5--1 {
        grid-column: 5/-1 !important;
    }
    .grid .col-wd-5--2 {
        grid-column: 5/-2 !important;
    }
    .grid .col-wd-5--3 {
        grid-column: 5/-3 !important;
    }
    .grid .col-wd-5--4 {
        grid-column: 5/-4 !important;
    }
    .grid .col-wd-5--5 {
        grid-column: 5/-5 !important;
    }
    .grid .col-wd-5--6 {
        grid-column: 5/-6 !important;
    }
    .grid .col-wd-5--7 {
        grid-column: 5/-7 !important;
    }
    .grid .col-wd-5--8 {
        grid-column: 5/-8 !important;
    }
    .grid .col-wd-6-auto {
        grid-column: 6/auto !important;
    }
    .grid .col-wd-6-7 {
        grid-column: 6/7 !important;
    }
    .grid .col-wd-6-8 {
        grid-column: 6/8 !important;
    }
    .grid .col-wd-6-9 {
        grid-column: 6/9 !important;
    }
    .grid .col-wd-6-10 {
        grid-column: 6/10 !important;
    }
    .grid .col-wd-6-11 {
        grid-column: 6/11 !important;
    }
    .grid .col-wd-6-12 {
        grid-column: 6/12 !important;
    }
    .grid .col-wd-6-13 {
        grid-column: 6/13 !important;
    }
    .grid .col-wd-6--1 {
        grid-column: 6/-1 !important;
    }
    .grid .col-wd-6--2 {
        grid-column: 6/-2 !important;
    }
    .grid .col-wd-6--3 {
        grid-column: 6/-3 !important;
    }
    .grid .col-wd-6--4 {
        grid-column: 6/-4 !important;
    }
    .grid .col-wd-6--5 {
        grid-column: 6/-5 !important;
    }
    .grid .col-wd-6--6 {
        grid-column: 6/-6 !important;
    }
    .grid .col-wd-6--7 {
        grid-column: 6/-7 !important;
    }
    .grid .col-wd-7-auto {
        grid-column: 7/auto !important;
    }
    .grid .col-wd-7-8 {
        grid-column: 7/8 !important;
    }
    .grid .col-wd-7-9 {
        grid-column: 7/9 !important;
    }
    .grid .col-wd-7-10 {
        grid-column: 7/10 !important;
    }
    .grid .col-wd-7-11 {
        grid-column: 7/11 !important;
    }
    .grid .col-wd-7-12 {
        grid-column: 7/12 !important;
    }
    .grid .col-wd-7-13 {
        grid-column: 7/13 !important;
    }
    .grid .col-wd-7--1 {
        grid-column: 7/-1 !important;
    }
    .grid .col-wd-7--2 {
        grid-column: 7/-2 !important;
    }
    .grid .col-wd-7--3 {
        grid-column: 7/-3 !important;
    }
    .grid .col-wd-7--4 {
        grid-column: 7/-4 !important;
    }
    .grid .col-wd-7--5 {
        grid-column: 7/-5 !important;
    }
    .grid .col-wd-7--6 {
        grid-column: 7/-6 !important;
    }
    .grid .col-wd-8-auto {
        grid-column: 8/auto !important;
    }
    .grid .col-wd-8-9 {
        grid-column: 8/9 !important;
    }
    .grid .col-wd-8-10 {
        grid-column: 8/10 !important;
    }
    .grid .col-wd-8-11 {
        grid-column: 8/11 !important;
    }
    .grid .col-wd-8-12 {
        grid-column: 8/12 !important;
    }
    .grid .col-wd-8-13 {
        grid-column: 8/13 !important;
    }
    .grid .col-wd-8--1 {
        grid-column: 8/-1 !important;
    }
    .grid .col-wd-8--2 {
        grid-column: 8/-2 !important;
    }
    .grid .col-wd-8--3 {
        grid-column: 8/-3 !important;
    }
    .grid .col-wd-8--4 {
        grid-column: 8/-4 !important;
    }
    .grid .col-wd-8--5 {
        grid-column: 8/-5 !important;
    }
    .grid .col-wd-9-auto {
        grid-column: 9/auto !important;
    }
    .grid .col-wd-9-10 {
        grid-column: 9/10 !important;
    }
    .grid .col-wd-9-11 {
        grid-column: 9/11 !important;
    }
    .grid .col-wd-9-12 {
        grid-column: 9/12 !important;
    }
    .grid .col-wd-9-13 {
        grid-column: 9/13 !important;
    }
    .grid .col-wd-9--1 {
        grid-column: 9/-1 !important;
    }
    .grid .col-wd-9--2 {
        grid-column: 9/-2 !important;
    }
    .grid .col-wd-9--3 {
        grid-column: 9/-3 !important;
    }
    .grid .col-wd-9--4 {
        grid-column: 9/-4 !important;
    }
    .grid .col-wd-10-auto {
        grid-column: 10/auto !important;
    }
    .grid .col-wd-10-11 {
        grid-column: 10/11 !important;
    }
    .grid .col-wd-10-12 {
        grid-column: 10/12 !important;
    }
    .grid .col-wd-10-13 {
        grid-column: 10/13 !important;
    }
    .grid .col-wd-10--1 {
        grid-column: 10/-1 !important;
    }
    .grid .col-wd-10--2 {
        grid-column: 10/-2 !important;
    }
    .grid .col-wd-10--3 {
        grid-column: 10/-3 !important;
    }
    .grid .col-wd-11-auto {
        grid-column: 11/auto !important;
    }
    .grid .col-wd-11-12 {
        grid-column: 11/12 !important;
    }
    .grid .col-wd-11-13 {
        grid-column: 11/13 !important;
    }
    .grid .col-wd-11--1 {
        grid-column: 11/-1 !important;
    }
    .grid .col-wd-11--2 {
        grid-column: 11/-2 !important;
    }
    .grid .col-wd-12-auto {
        grid-column: 12/auto !important;
    }
    .grid .col-wd-12-13 {
        grid-column: 12/13 !important;
    }
    .grid .col-wd-12--1 {
        grid-column: 12/-1 !important;
    }
}

.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: -ms-flexbox !important;
    display: flex !important;
}

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

@media (min-width: 576px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 768px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 1025px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 1200px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xlg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
@media (min-width: 1650px) {
    .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: -ms-flexbox !important;
        display: flex !important;
    }

    .d-wd-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }
}
:root {
    font-size: var(--fluid);
}

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    max-width: 100%;
    width: 100%;
    font-family: var(--font-1);
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    color: var(--color-text);
    -webkit-font-smoothing: antialiased;
    overscroll-behavior: none;
}
@media (min-width: 1025px) {
    body {
        font-size: 1.8rem;
    }
}
body button {
    font-family: var(--font-1);
}
body a {
    text-decoration: none;
    color: var(--text-color);
}
@media (min-width: 1025px) {
    body:before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: var(--color-2);
        z-index: 10;
        pointer-events: none;
        transition: all 0.3s var(--transition);
        opacity: 0;
    }
    body.layered:before {
        opacity: 0.75;
    }
}

figure {
    width: 100%;
}
figure figcaption {
    font-size: 1.4rem;
    color: var(--color-8);
    font-style: italic;
    margin-top: 2rem;
}

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

svg {
    display: block;
}

p {
    margin: 0;
}

b,
strong {
    font-weight: 700;
}

.enlarge {
    position: relative;
}
.enlarge a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
}

.group {
    --offset: 1rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--offset) * -0.5);
    margin-right: calc(var(--offset) * -0.5);
    margin-top: calc(var(--offset) * -0.5);
    margin-bottom: calc(var(--offset) * -0.5);
    align-items: center;
    width: calc(100% + var(--offset) * 1);
}
.group > * {
    margin: calc(var(--offset) / 2) calc(var(--offset) / 2);
}
.group--v {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}
.group--v > * {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
.group--xs {
    --offset: 0rem;
}
.group--sm {
    --offset: 0.5rem;
}
.group--1-5 {
    --offset: 1.5rem;
}
.group--md {
    --offset: 3rem;
}
.group--lg {
    --offset: 5rem;
}

.container {
    padding: 0 var(--grid-ext);
    max-width: var(--grid-max);
    margin: 0 auto;
    box-sizing: border-box;
    width: 100%;
}

#strates {
    scroll-margin-top: calc(var(--header-height) + 5rem);
}

.town,
.typology {
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    align-self: start;
    gap: 1rem;
    font-family: var(--font-2);
}
@media (min-width: 1025px) {
    .town,
.typology {
        font-size: 1.4rem;
    }
}

.rubrique {
    display: inline-block;
    color: #FFF;
    font-family: var(--font-2);
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    background-color: var(--color-blue-rexel);
    padding: 0.4rem 0.8rem;
    font-size: 1rem;
}
@media (min-width: 768px) {
    .rubrique {
        font-size: 1.2rem;
    }
}
@media (min-width: 1025px) {
    .rubrique {
        font-size: 1.4rem;
    }
}

.nav-anchors {
    border-bottom: 1px solid var(--color-filet);
    position: sticky;
    top: var(--header-height);
    z-index: 10;
    background-color: #fff;
    overflow: hidden;
}
.nav-anchors .swiper {
    width: 100%;
    overflow: visible;
}
.nav-anchors .swiper .swiper-slide {
    width: auto;
}
.nav-anchors a {
    height: 5.3rem;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 2rem;
    font-family: var(--font-2);
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 130%;
    text-transform: uppercase;
    color: var(--color-blue-rexel);
    white-space: nowrap;
}
.nav-anchors a:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-secondary);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.nav-anchors a.active:after, .nav-anchors a:hover:after {
    opacity: 1;
}

.main-hub {
    background-color: var(--theme-primary);
}
.main-hub .hero-hub {
    padding-top: calc(var(--header-height) + 3.2rem);
    padding-bottom: 0;
    color: #fff;
}
.main-hub .filters form {
    display: grid;
    justify-items: start;
    gap: 1rem;
}
.main-hub .filters form input + label {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    font-family: var(--font-2);
    gap: 1rem;
    font-size: 1.6rem;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    padding: 1.1rem 2rem;
    box-sizing: border-box;
    border-radius: 0 1.5rem;
    text-wrap: balance;
    border: 1px solid #fff;
}
.main-hub .filters form input:checked + label {
    background-color: #fff !important;
}
.main-hub .filters form input:checked + label .icon {
    rotate: 45deg;
}
.main-hub nav {
    display: grid;
    justify-items: start;
    gap: 1rem;
}
.main-hub .sidebar {
    color: #fff;
}
.main-hub .main-grid {
    row-gap: 0;
}
.main-hub .main-content {
    background: #fff;
    box-shadow: var(--grid-ext) 0 #fff;
    padding: 2.4rem 0 4rem var(--grid-ext);
    display: grid;
    gap: 3rem;
}
.main-hub .main-content h2 {
    color: var(--color-blue-rexel);
    margin-bottom: 2rem;
}
.main-hub .main-content h2 small {
    color: var(--theme-secondary);
    font-size: 2.5rem;
    font-weight: 400;
}
.main-hub .main-content section:not(:last-of-type) {
    padding-bottom: 3rem;
    border-bottom: 1px solid var(--color-filet);
}
.main-hub .list-grid {
    display: grid;
    gap: 4rem;
}
.main-hub .list-grid.col-2 {
    gap: 4rem;
}
.main-hub .list-grid.norowgap {
    row-gap: 0;
}
.main-hub .list-grid.norowgap > * {
    margin-top: -1px;
}
@media (min-width: 1025px) {
    .main-hub .list-grid {
        gap: 2rem 4rem;
    }
    .main-hub .list-grid.col-2 {
        grid-template-columns: 1fr 1fr;
    }
}
.main-hub .result {
    display: flex;
    flex-direction: column;
}
.main-hub .title-search {
    font-family: var(--font-2);
    font-size: 4.8rem;
    font-weight: 300;
    line-height: 110%;
}
.main-hub .title-search strong {
    font-weight: 400;
}
.main-hub .btn-more {
    margin-top: 4rem;
    align-self: end;
}
.main-hub .main-search {
    margin-bottom: 3rem;
    color: #fff;
}
.main-hub .main-search button {
    height: 2rem;
    width: 2rem;
}
.main-hub .main-search button svg {
    fill: #fff;
}
.main-hub section {
    scroll-margin-top: calc(var(--header-height) + 2rem);
}
@media (max-width: 1024px) {
    .main-hub nav {
        order: 2;
        margin-bottom: 3.5rem;
        justify-items: stretch;
    }
    .main-hub .sidebar {
        display: grid;
    }
    .main-hub .sticky-top,
.main-hub .sticky-bottom {
        margin-bottom: 3.5rem;
    }
    .main-hub .main-search {
        margin-bottom: 4rem;
    }
    .main-hub .hero-hub {
        margin-bottom: 3.6rem;
    }
    .main-hub .title-search {
        font-size: 3.4rem;
    }
    .main-hub .dialog__search__field input {
        font-size: 1.6rem;
        height: 4rem;
    }
    .main-hub .btn-more {
        align-self: center;
        width: 100%;
        max-width: 390px;
    }
}
@media (min-width: 1025px) {
    .main-hub .hero-hub {
        padding-top: calc(var(--header-height) + 11rem);
        padding-bottom: 10rem;
    }
    .main-hub .sidebar {
        grid-column: 1/4;
    }
    .main-hub .main-content {
        padding: 6rem 0 6rem 6.7rem;
        padding: 5rem 0 11rem 6.7rem;
        grid-column: 4/-1;
        gap: 6rem;
    }
    .main-hub .main-content h2 {
        margin-bottom: 3rem;
    }
    .main-hub section:not(:last-of-type) {
        padding-bottom: 6rem;
    }
    .main-hub .main-search {
        margin-bottom: 8rem;
        grid-column: 1/11;
        margin-top: -5rem;
    }
    .main-hub .main-search input {
        font-size: 2.4rem;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
    }
}

.main-single {
    background-color: var(--theme-primary);
}
.main-single .main-content {
    background-color: #fff;
}

@keyframes parallax {
    from {
        translate: 0 0;
    }
    to {
        translate: 0 20vh;
    }
}
.block-crossnav {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.block-crossnav .container {
    display: grid;
    row-gap: 2rem;
    align-items: start;
}
.block-crossnav .logo-cp {
    display: flex;
    gap: 2rem;
    align-items: center;
    grid-column: 1;
    grid-row: 1;
}
.block-crossnav .logo-cp .icon {
    --color-cp: #fff;
}
.block-crossnav .logo-cp .baseline {
    font-family: var(--font-2);
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 130%;
}
.block-crossnav .list {
    display: grid;
    gap: 6rem;
}
.block-crossnav .cta {
    order: 10;
}
@media (max-width: 1024px) {
    .block-crossnav .logo-cp {
        gap: 1rem;
    }
    .block-crossnav .logo-cp .icon {
        width: 16.6rem;
    }
    .block-crossnav .logo-cp .baseline {
        font-size: 1.5rem;
    }
    .block-crossnav .card picture {
        aspect-ratio: 363/267;
    }
    .block-crossnav .cta {
        margin-top: 1.5rem;
        justify-self: center;
    }
}
@media (max-width: 390px) {
    .block-crossnav .logo-cp .icon {
        width: 14.6rem;
    }
    .block-crossnav .logo-cp .baseline {
        font-size: 1.3rem;
    }
}
@media (min-width: 1025px) {
    .block-crossnav {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .block-crossnav .container {
        row-gap: 3.5rem;
    }
    .block-crossnav .logo-cp {
        grid-column: 1;
        grid-row: 1;
    }
    .block-crossnav .logo-cp .baseline {
        font-family: var(--font-2);
        font-size: 2rem;
        font-weight: 400;
        line-height: 130%;
    }
    .block-crossnav .list {
        grid-column: 1/3;
        grid-row: 2;
        grid-template-columns: 2fr 1fr 1fr;
        gap: var(--grid-gap);
    }
    .block-crossnav .cta {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: center;
    }
}

.block-breadcrumb {
    color: #fff;
    font-family: var(--font-2);
    font-size: 1.4rem;
    font-weight: 400;
    z-index: 2;
    position: absolute;
    width: 100%;
    display: flex;
    align-items: end;
    background-color: none !important;
}
.block-breadcrumb ul {
    display: flex;
    gap: 0.6rem;
    margin-top: calc(var(--header-height) + 2.5rem);
    color: #fff;
}
.block-breadcrumb.b-color-7 ul, .block-breadcrumb.b-color-10 ul, .block-breadcrumb.b-color-11 ul, .block-breadcrumb.b-color-12 ul {
    color: var(--color-blue-rexel);
}
.block-breadcrumb .icon {
    margin-top: -2px;
}
.block-breadcrumb li {
    display: flex;
}
.block-breadcrumb li:not(:first-child):before {
    content: ">";
    padding-right: 0.6rem;
}
.block-breadcrumb li:not(:first-child) a[aria-current=page], .block-breadcrumb li:not(:first-child) a:hover {
    text-decoration: underline;
}
.block-breadcrumb li:first-child a {
    transition: color 0.3s ease;
}
.block-breadcrumb li:first-child a:hover {
    color: var(--theme-secondary);
}
@media (max-width: 1024px) {
    .block-breadcrumb {
        display: none;
    }
}

.block-related-corpo-posts {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.block-related-corpo-posts header {
    margin-bottom: 3rem;
}
.block-related-corpo-posts .list {
    display: grid;
}
.block-related-corpo-posts .card-project {
    aspect-ratio: 448/310;
}
.block-related-corpo-posts .card-project picture {
    aspect-ratio: 448/310;
}
@media (max-width: 1024px) {
    .block-related-corpo-posts header {
        display: contents;
    }
    .block-related-corpo-posts header h2 {
        font-size: 2.4rem;
    }
    .block-related-corpo-posts header .cta {
        order: 99;
    }
    .block-related-corpo-posts .list {
        gap: 2rem;
    }
    .block-related-corpo-posts .container {
        display: flex;
        flex-direction: column;
        gap: 3rem;
    }
    .block-related-corpo-posts .cta {
        width: 100%;
        max-width: 390px;
        align-self: center;
    }
}
@media (min-width: 1025px) {
    .block-related-corpo-posts {
        padding-top: 10rem;
        padding-bottom: 10rem;
    }
    .block-related-corpo-posts header {
        margin-bottom: 8rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .block-related-corpo-posts .list {
        grid-template-columns: repeat(3, 1fr);
        gap: var(--grid-gap);
    }
}

.block-focus {
    background-color: var(--theme-fourth);
    border-radius: 0 1.5rem 0 1.5rem;
    padding: 2rem;
    padding: 1.4rem 1.3rem;
    display: grid;
    column-gap: 1rem;
}
.block-focus h2 {
    font-family: var(--font-2);
    font-size: 2.8rem;
    margin-bottom: 0.8rem;
    grid-column: 1;
    line-height: 130%;
    text-wrap: balance;
}
.block-focus p {
    grid-column: 1;
    font-size: 1.8rem;
    align-self: end;
}
.block-focus.contact h2 {
    text-transform: uppercase;
}
.block-focus.contact p {
    font-family: var(--font-2);
}
.block-focus .cta {
    grid-column: 2;
    justify-self: end;
}
@media (max-width: 1024px) {
    .block-focus.contact h2 {
        font-size: 2rem;
        margin-bottom: 0.8rem;
    }
    .block-focus.contact p {
        font-size: 1.4rem;
    }
}
@media (min-width: 1025px) {
    .block-focus h2 {
        font-size: 2.8rem;
    }
    .block-focus p {
        font-size: 1.8rem;
    }
    .block-focus.contact h2 {
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }
    .block-focus.contact p {
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 140%;
    }
}

[data-theme=blue-rexel] .block-focus {
    color: var(--color-blue-rexel);
}

.lk1 {
    font-family: var(--font-2);
    position: relative;
    color: var(--color-title);
}
.lk1:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0.3rem;
    bottom: -1rem;
    right: 0;
    transition: all 0.5s var(--transition);
    background-color: var(--color-title);
}
.lk1:hover:before, .lk1.active:before {
    left: 0;
    right: auto;
    width: 100%;
}

.lk2 {
    font-family: var(--font-2);
    position: relative;
    color: var(--color-text);
    font-size: 1.4rem;
    white-space: nowrap;
    text-align: left;
    display: inline-flex;
    align-items: center;
}
.lk2 svg {
    margin-right: 1rem;
    width: 1rem;
    transition: all 0.5s var(--transition);
}
.lk2 svg,
.lk2 svg * {
    fill: var(--color-text);
}
.lk2:hover svg {
    transform: rotate(360deg);
}

.lk-anchor {
    background-color: #fff;
    color: var(--color-blue-rexel);
    font-family: var(--font-2);
    gap: 1rem;
    font-size: 1.6rem;
    display: inline-flex;
    align-items: center;
    font-weight: 400;
    padding: 1.1rem 2rem;
    box-sizing: border-box;
    border-radius: 0 1.5rem;
    text-wrap: balance;
    justify-content: space-between;
}
.lk-anchor .icon {
    flex: 0 0 12px;
    transition: rotate 0.4s ease;
}
.lk-anchor:hover .icon, .lk-anchor.active .icon {
    rotate: 45deg;
}

.t0 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 3rem;
    font-weight: 700;
    line-height: 120%;
}
@media (min-width: 768px) {
    .t0 {
        font-size: 5.4rem;
    }
}

.t1,
.rte h1,
.mce-content-body h1 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 3rem;
    line-height: 120%;
    font-weight: 700;
}
@media (min-width: 768px) {
    .t1,
.rte h1,
.mce-content-body h1 {
        font-size: 4.8rem;
    }
}

.t2,
.rte h2,
.mce-content-body h2 {
    color: var(--color-title);
    font-size: 2.2rem;
    line-height: 120%;
    font-weight: 300;
}
@media (min-width: 768px) {
    .t2,
.rte h2,
.mce-content-body h2 {
        font-size: 3.6rem;
    }
}

.t3,
.rte h3,
.mce-content-body h3 {
    color: var(--color-title);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 120%;
}
@media (min-width: 768px) {
    .t3,
.rte h3,
.mce-content-body h3 {
        font-size: 2.4rem;
    }
}

.t4,
.rte h4,
.mce-content-body h4 {
    font-weight: 700;
}

.t5 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 120%;
}
@media (min-width: 768px) {
    .t5 {
        font-size: 3.6rem;
    }
}

.t6 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 2rem;
    font-weight: 300;
    line-height: 125%;
}
@media (min-width: 768px) {
    .t6 {
        font-size: 2.4rem;
    }
}

.t7 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 2rem;
    font-weight: 700;
    line-height: 125%;
}
@media (min-width: 768px) {
    .t7 {
        font-size: 2.8rem;
    }
}

.t8 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 3rem;
    font-weight: 300;
    line-height: 120%;
}
@media (min-width: 768px) {
    .t8 {
        font-size: 5.4rem;
    }
}

.t9 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 1.8rem;
    font-weight: 300;
}

.t10 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-weight: 700;
}

.t11 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 1.6rem;
    font-weight: 700;
}
@media (min-width: 768px) {
    .t11 {
        font-size: 1.8rem;
    }
}

.t12 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 3.4rem;
    line-height: 120%;
    font-weight: 300;
}
@media (min-width: 768px) {
    .t12 {
        font-size: 4.8rem;
    }
}

.t13 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 3rem;
    font-weight: 700;
}
@media (min-width: 768px) {
    .t13 {
        font-size: 3.6rem;
    }
}

.t14 {
    color: var(--color-title);
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 120%;
}
@media (min-width: 768px) {
    .t14 {
        font-size: 2rem;
    }
}

.t15 {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 2.5rem;
    font-weight: 700;
}
@media (min-width: 768px) {
    .t15 {
        font-size: 3rem;
    }
}

.rte > * + *,
.mce-content-body > * + * {
    margin-top: 1.5rem;
}
.rte > * + h1, .rte > * + h2,
.mce-content-body > * + h1,
.mce-content-body > * + h2 {
    margin-top: 6rem;
}
.rte > * + h3,
.mce-content-body > * + h3 {
    margin-top: 4rem;
}
.rte > * + h4,
.mce-content-body > * + h4 {
    margin-top: 3rem;
}
.rte > h1 + *, .rte > h2 + *, .rte > h3 + *,
.mce-content-body > h1 + *,
.mce-content-body > h2 + *,
.mce-content-body > h3 + * {
    margin-top: 3rem;
}
.rte a,
.mce-content-body a {
    color: var(--color-link);
    font-weight: 700;
    text-decoration: underline;
}
.rte ul,
.mce-content-body ul {
    list-style-type: none;
}
.rte ul li,
.rte ol li,
.mce-content-body ul li,
.mce-content-body ol li {
    position: relative;
    padding-left: 3rem;
}
.rte ul li:before,
.rte ol li:before,
.mce-content-body ul li:before,
.mce-content-body ol li:before {
    position: absolute;
    content: "";
    left: 1rem;
}
.rte ul li:before,
.mce-content-body ul li:before {
    width: 0.5rem;
    height: 0.5rem;
    background-color: var(--color-blue-volta);
    top: 0.75rem;
    border-radius: 1rem;
}
.rte ol,
.mce-content-body ol {
    counter-reset: listCounter;
}
.rte ol li,
.mce-content-body ol li {
    counter-increment: listCounter;
}
.rte ol li:before,
.mce-content-body ol li:before {
    content: counter(listCounter) ".";
    color: var(--color-blue-volta);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

/**/
.title-0 {
    font-family: var(--font-2);
    font-size: 5rem;
    font-weight: 400;
    line-height: 110%;
}
@media (max-width: 390px) {
    .title-0 {
        font-size: 3rem !important;
    }
}
@media (min-width: 1025px) {
    .title-0 {
        font-size: 10.6rem;
    }
}

.title-1 {
    font-family: var(--font-2);
    font-size: 7rem;
    font-weight: 400;
    line-height: 110%;
}

.title-2 {
    font-family: var(--font-2);
    font-size: 3.4rem;
    font-weight: 400;
    line-height: 110%;
}
@media (min-width: 1025px) {
    .title-2 {
        font-size: 4.8rem;
    }
}

.title-3 {
    font-family: var(--font-2);
    font-size: 2.4rem;
    font-weight: 400;
    line-height: 120%;
}
@media (min-width: 1025px) {
    .title-3 {
        font-size: 3.6rem;
    }
}

.title-4 {
    font-family: var(--font-2);
    font-size: 2rem;
    font-weight: 400;
    line-height: 120%;
    color: var(--color-title);
}
@media (min-width: 1025px) {
    .title-4 {
        font-size: 2.8rem;
    }
}

.title-5 {
    font-family: var(--font-2);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 120%;
}
@media (min-width: 1025px) {
    .title-5 {
        font-size: 2rem;
    }
}

.suptitle {
    font-family: var(--font-2);
    font-size: 1.4rem;
    line-height: 130%;
    color: var(--theme-tertiary, var(--color-blue-rexel));
    text-transform: uppercase;
}
@media (min-width: 1025px) {
    .suptitle {
        font-size: 1.6rem;
    }
}

.rte.corpo p {
    font-size: 2rem;
    line-height: 120%;
}
@media (min-width: 1025px) {
    .rte.corpo p {
        font-size: 1.8rem;
    }
}

.b-color-0 {
    --color-text: var(--color-1);
    --color-title: var(--color-3);
    background-color: var(--color-0);
    color: var(--color-text);
}

.b-color-1 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    background-color: var(--color-1);
    color: var(--color-text);
}

.b-color-2 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    background-color: var(--color-2);
    color: var(--color-text);
}

.b-color-3 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    background-color: var(--color-3);
    color: var(--color-text);
}

.b-color-4 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    --color-link: var(--color-0);
    background-color: var(--color-4);
    color: var(--color-text);
}

.b-color-5 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    background-color: var(--color-5);
    color: var(--color-text);
}

.b-color-6 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    background-color: var(--color-6);
    color: var(--color-text);
}

.b-color-7 {
    --color-text: var(--color-1);
    --color-title: var(--color-3);
    background-color: var(--color-7);
    color: var(--color-text);
}

.b-color-8 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    background-color: var(--color-8);
    color: var(--color-text);
}

.b-color-9 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    background-color: var(--color-9);
    color: var(--color-text);
}

.b-color-10 {
    --color-text: var(--color-1);
    --color-title: var(--color-3);
    background-color: var(--color-10);
    color: var(--color-text);
}

.b-color-11 {
    --color-text: var(--color-1);
    --color-title: var(--color-3);
    background-color: var(--color-11);
    color: var(--color-text);
}

.b-color-12 {
    --color-text: var(--color-1);
    --color-title: var(--color-3);
    background-color: var(--color-12);
    color: var(--color-text);
}

.b-color-13 {
    --color-text: var(--color-0);
    --color-title: var(--color-0);
    --color-btn: var(--color-0);
    --color-btn-text: var(--color-3);
    background-color: var(--color-13);
    color: var(--color-text);
    --color-text: var(--color-3);
    --color-title: var(--color-3);
}

@keyframes loadingAnimation {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 0.2;
    }
}
.loading {
    pointer-events: none;
}
.loading .loading__item {
    -webkit-animation: loadingAnimation 1.5s infinite;
    -moz-animation: loadingAnimation 1.5s infinite;
    -o-animation: loadingAnimation 1.5s infinite;
    animation: loadingAnimation 1.5s infinite;
}

.accordion .details {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.accordion .details .caret {
    width: 5rem;
    height: 5rem;
    border: 1px solid var(--theme-secondary);
    border-radius: 50%;
    display: grid;
    place-items: center;
    flex: 0 0 5rem;
}
.accordion .details .caret span {
    width: 1.2rem;
    height: 1px;
    background-color: #fff;
    grid-area: 1/1;
    transition: rotate 0.3s ease;
}
.accordion .details .caret span:first-of-type {
    rotate: -90deg;
}
.accordion .details .caret span:last-of-type {
    rotate: -180deg;
}
.accordion .details .caret:before {
    content: "";
    grid-area: 1/1;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--theme-secondary);
    transition: all 0.3s ease;
}
.accordion .details .summary {
    color: inherit;
    text-align: left;
}
.accordion .details .summary[aria-expanded=true] .caret:before {
    width: 100%;
    height: 100%;
}
.accordion .details .summary[aria-expanded=true] .caret span:first-of-type {
    rotate: 0deg;
}
.accordion .details .summary[aria-expanded=true] .caret span:last-of-type {
    rotate: 0deg;
}
.accordion .details .summary[aria-expanded=true] + .details-content {
    grid-template-rows: 1fr;
}
.accordion .details-content {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 500ms;
    overflow: clip;
}
.accordion .details-content .text {
    overflow: hidden;
}
.accordion .details-content .rte {
    padding-bottom: 4rem;
}
.accordion .summary {
    font-family: var(--font-2);
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 130%;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    gap: 2rem;
    cursor: pointer;
    display: flex;
    justify-content: start;
    align-items: center;
}
@media (min-width: 1025px) {
    .accordion .summary {
        font-size: 2.6rem;
        padding-top: 3rem;
        padding-bottom: 2.8rem;
    }
}

@media (min-width: 1025px) {
    .sidebar_sticky {
        display: grid;
        align-self: end;
        height: 100%;
        --top-height: 60rem;
        --bottom-height: 0rem;
        --sticky-gap: 2rem;
        --sticky-offset: 4rem;
    }
    .sidebar_sticky .sticky-top {
        grid-area: 1/1;
        align-self: start;
        position: sticky;
        top: calc(var(--header-height) + var(--sticky-offset));
        margin-bottom: calc(var(--sticky-gap) + var(--sticky-offset) + var(--bottom-height));
    }
    .sidebar_sticky .sticky-bottom {
        position: sticky;
        bottom: var(--sticky-offset);
        margin-top: calc(var(--sticky-gap) + var(--top-height));
        margin-bottom: var(--sticky-offset);
        grid-area: 1/1;
        align-self: end;
        width: 100%;
        box-sizing: border-box;
    }
}

.btn {
    --btn-size: 5.2rem;
    font-family: var(--font-2);
    padding: 1rem 2.5rem;
    border-radius: 0 1rem 0 1rem;
    font-weight: 700;
    border: 0.2rem solid var(--color-btn);
    background-color: var(--color-btn);
    color: var(--color-btn-text);
    transition: all 0.5s var(--transition);
    position: relative;
    display: inline-flex;
    align-items: center;
    min-height: var(--btn-size);
    width: auto;
    white-space: nowrap;
}
.btn > * {
    z-index: 10;
    position: relative;
}
.btn--full {
    width: 100%;
    justify-content: center;
}
.btn--full.btn--outline:hover {
    background-color: var(--color-btn);
    color: var(--color-btn-text);
}
.btn--outline {
    border-color: var(--theme-secondary, --color-btn);
    color: var(--color-btn);
    background-color: transparent;
}
.btn--outline:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 1rem 0 1rem;
    box-shadow: 0 0 1rem 0 var(--color-text), inset 0 0 0.8rem 0 var(--color-btn);
    opacity: 0.5;
}
.btn--icon {
    border-radius: 10rem;
    border-color: var(--theme-secondary, --color-btn);
    color: var(--color-btn);
    background-color: transparent;
    width: var(--btn-size);
    height: var(--btn-size);
    min-width: var(--btn-size);
    min-height: var(--btn-size);
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn--icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10rem;
    box-shadow: 0 0 1rem 0 var(--color-text), inset 0 0 0.8rem 0 var(--color-text);
    opacity: 0.75;
}
.btn--icon svg {
    width: 50%;
    height: auto;
}
.btn--icon svg,
.btn--icon svg * {
    fill: var(--color-btn) !important;
    transition: all 0.5s var(--transition);
}
.btn--icon.btn--linkedin svg {
    width: 30%;
}
.btn--icon.btn--instagram svg {
    width: 40%;
}
.btn--icon.btn--close svg {
    width: 30%;
}
.btn--icon:not(.btn--outline-colored):hover {
    background-color: var(--color-btn);
    color: var(--color-btn-text);
}
.btn--icon:not(.btn--outline-colored):hover svg,
.btn--icon:not(.btn--outline-colored):hover svg * {
    fill: var(--color-btn-text) !important;
}
.btn--squared {
    border-radius: 0 1rem;
}
.btn--squared:before {
    border-radius: 0 1rem;
}
.btn--squared:hover {
    background-color: var(--color-btn);
    color: var(--color-btn-text);
}
.btn--squared:hover svg,
.btn--squared:hover svg * {
    fill: var(--color-btn-text);
}
.btn--whatsapp {
    background: linear-gradient(180deg, #4AC14B 55.86%, #06853A 112.82%);
    border: 0;
    color: #fff;
}
.btn--whatsapp:before {
    background: linear-gradient(0, #4AC14B 55.86%, #06853A 112.82%);
    box-shadow: initial;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s var(--transition);
}
.btn--whatsapp:hover:before {
    opacity: 1;
}
.btn--outline-colored {
    border-color: var(--color-9);
}
.btn--sm {
    --btn-size: 4rem;
}
.btn--no-shadow:before {
    box-shadow: initial;
}
.btn--apple svg {
    width: 60%;
}
.btn--deezer svg {
    width: 60%;
}
.btn--spotify svg {
    width: 65%;
}
.btn--amazon svg {
    width: 70%;
}
.btn--podcast.btn--apple {
    --color-btn: #AA1DD3;
}
.btn--podcast.btn--deezer {
    --color-btn: #A237FF;
}
.btn--podcast.btn--spotify {
    --color-btn: #1ED760;
}
.btn--podcast.btn--amazon {
    --color-btn: #4300FF;
}
@media (min-width: 768px) {
    .btn:hover:not(.btn--icon):not(.btn--outline) {
        background-color: var(--color-link);
        border-color: var(--color-link);
    }
    .btn:hover:not(.btn--icon) {
        padding-left: 4.5rem;
        padding-right: 4.5rem;
    }
    .btn:hover.btn--icon.btn--no-shadow {
        border-color: var(--color-link);
    }
    .btn:hover.btn--icon.btn--no-shadow svg,
.btn:hover.btn--icon.btn--no-shadow svg * {
        fill: var(--color-link) !important;
    }
    .btn:hover.btn--icon.btn--outline-colored {
        border-color: var(--color-btn);
    }
    .btn:hover.btn--icon.btn--outline-colored svg,
.btn:hover.btn--icon.btn--outline-colored svg * {
        fill: var(--color-text) !important;
    }
}
.btn--menu {
    position: relative;
    border-color: var(--color-link) !important;
}
.btn--menu__line {
    display: block;
    width: 2rem;
    height: 0.2rem;
    background-color: var(--color-text);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: all 0.5s var(--transition);
}
.btn--menu__line:nth-of-type(1) {
    transform: translate3d(-50%, calc(-50% - 0.7rem), 0);
}
.btn--menu__line:nth-of-type(3) {
    transform: translate3d(-50%, calc(-50% + 0.7rem), 0);
}
@media (min-width: 768px) {
    .btn--menu:hover {
        background-color: var(--color-link);
        border-color: var(--color-link) !important;
    }
    .btn--menu:hover .btn--menu__line:nth-of-type(1) {
        transform: translate3d(-50%, calc(-50% - 0.5rem), 0);
    }
    .btn--menu:hover .btn--menu__line:nth-of-type(3) {
        transform: translate3d(-50%, calc(-50% + 0.5rem), 0);
    }
}
.btn--menu.active {
    border-color: var(--color-link) !important;
}
.btn--menu.active .btn--menu__line:nth-of-type(1) {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.btn--menu.active .btn--menu__line:nth-of-type(2) {
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}
.btn--menu.active .btn--menu__line:nth-of-type(3) {
    transform: translate3d(-50%, -50%, 0) rotate(135deg);
}
.btn--menu-search svg {
    min-width: 2rem;
    width: 2rem;
    fill: var(--color-0);
    pointer-events: none;
}

.btn-corpo {
    --padding: 2.445rem;
    --translate: 1rem;
    ---translate: -1rem;
    --color: var(--theme-secondary, currentColor);
    text-align: center;
    font-size: 1.6rem;
    font-family: var(--font-2);
    color: var(--color-blue-rexel);
    line-height: 2.2rem;
    border-radius: 0 1rem 0 1rem;
    overflow: hidden;
    display: inline-grid;
    grid-template-columns: [full] var(--padding) [content] auto [content-end] var(--padding) [full-end];
    grid-template-rows: [full] 1rem [content] auto [content-end] 1rem [full-end];
    align-items: center;
    transition: color 0.3s ease;
    text-decoration: none;
    color: var(--color-blue-rexel);
}
.btn-corpo span {
    grid-area: content;
    transition: translate 0.3s ease;
    display: grid;
    align-items: center;
    translate: 0;
}
.btn-corpo .icon {
    grid-area: content;
    justify-self: end;
    translate: 4rem;
    opacity: 0;
    transition: translate 0.3s ease, opacity 0.3s ease;
}
.btn-corpo:after {
    content: "";
    grid-area: content;
    background-color: currentColor;
    width: 7px;
    height: 11px;
    clip-path: path("M6.87842 5.59155L0.414064 10.9785L0.414065 0.204593L6.87842 5.59155Z");
    justify-self: end;
    translate: 4rem;
    opacity: 0;
    transition: translate 0.3s ease, opacity 0.3s ease;
}
.btn-corpo:has(.icon) {
    --padding: 3.8rem;
    --translate: 2rem;
    ---translate: -2rem;
}
.btn-corpo:has(.icon):after {
    display: none;
}
.btn-corpo.outline {
    border: 1px solid var(--color);
}
.btn-corpo.outline:before {
    content: "";
    grid-area: full;
    width: 0;
    height: 100%;
    background-color: var(--color);
    transition: width 0.3s ease;
}
.btn-corpo.full {
    background-color: var(--theme-secondary);
    color: currentColor;
    border: none;
}
.btn-corpo.light {
    --color: #fff;
}
.btn-corpo.light:not(.full) {
    color: #fff;
    border: 1px solid var(--color);
}
.btn-corpo:hover:not(.full), .cta:hover .btn-corpo:not(.full) {
    color: #fff;
}
.btn-corpo:hover.light.outline, .cta:hover .btn-corpo.light.outline {
    color: var(--color-blue-rexel);
}
.btn-corpo:hover span, .cta:hover .btn-corpo span {
    translate: var(---translate);
}
.btn-corpo:hover:before, .cta:hover .btn-corpo:before {
    width: 100%;
}
.btn-corpo:hover:after, .cta:hover .btn-corpo:after {
    translate: var(--translate);
    opacity: 1;
}
.btn-corpo:hover .icon, .cta:hover .btn-corpo .icon {
    translate: var(--translate);
    opacity: 1;
}
@media (min-width: 1025px) {
    .btn-corpo {
        font-size: 1.8rem;
        border-radius: 0 1.5rem 0 1.5rem;
        grid-template-rows: [full] 1.55rem [content] auto [content-end] 1.55rem [full-end];
    }
}

.btn-action {
    --color: var(--theme, var(--color-blue-volta));
    width: 6.3rem;
    height: 6.3rem;
    border: 1px solid #fff;
    padding: 0;
    display: grid;
    place-items: center;
    color: currentColor;
    border-radius: 0 1.8rem 0 1.8rem;
    overflow: hidden;
    transition: color 0.3s ease;
}
.btn-action svg {
    grid-area: 1/1;
}
.btn-action:before {
    content: "";
    width: 100%;
    height: 0;
    background: #fff;
    grid-area: 1/1;
    align-self: end;
    transition: height 0.3s ease;
}
.btn-action:hover {
    color: var(--theme-primary);
}
.btn-action:hover:before {
    height: 100%;
}
.btn-action.full {
    background-color: #fff;
    border: none;
}
.btn-action.full:before {
    background: var(--theme-primary);
}
.btn-action.full:hover {
    color: #fff;
}

.card {
    --color-text: var(--color-title);
    border-radius: 2rem;
    color: var(--color-text);
    transition: background-color 0.5s var(--transition);
    overflow: hidden;
}
.card .rte {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card picture {
    aspect-ratio: 464/378;
    border-radius: 0 0 2rem 2rem;
    overflow: hidden;
}
.card picture img {
    height: 100%;
    object-fit: cover;
    transition: transform 1s var(--transition);
}
.card__content {
    padding: 2rem 2rem 3rem;
    transition: padding 0.5s var(--transition);
}
@media (min-width: 768px) {
    .card__content {
        padding: 3rem 2rem 4rem;
    }
}
.card__content .group {
    margin-bottom: 1.5rem;
}
.card__content .rte {
    margin-top: 2.5rem;
}
.card__top {
    padding: 2rem 2rem 3rem;
}
@media (min-width: 768px) {
    .card__top {
        padding: 3rem 2rem 4rem;
    }
}
@media (min-width: 768px) {
    .card:hover {
        background-color: var(--color-7);
        --color-text: var(--color-3);
        --color-title: var(--color-3);
    }
    .card:hover picture img {
        transform: scale(1.1);
    }
}
@media (min-width: 768px) and (min-width: 768px) {
    .card:hover .card__content {
        padding: 2rem 2rem 5rem;
    }
    .card:hover .card__content a {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@media (max-width: 767px) {
    .strate[class*=b-color] .card__content {
        padding: 2rem 2rem 3rem;
    }
    .strate:not([class*=b-color]):not(.strate-slider-cards) .slider__actions {
        margin-left: -2rem;
        margin-right: -2rem;
    }
}
picture.corner, picture.thumb {
    border-radius: 0 2rem 0 2rem;
    overflow: hidden;
}

.corner, .thumb {
    mask: url(/wp-content/themes/rexel/assets/img/svg/corner.svg) -0.1rem -0.1rem no-repeat, url(/wp-content/themes/rexel/assets/img/svg/corner-bottom.svg) calc(100% + 0.1rem) calc(100% + 0.1rem) no-repeat, linear-gradient(#000 0 0);
    mask-size: 13.1rem 3.8rem;
    mask-composite: exclude;
}

.thumb {
    aspect-ratio: 464/378;
}
.thumb img {
    height: 100%;
    object-fit: cover;
}

.corner-top {
    mask: url(/wp-content/themes/rexel/assets/img/svg/corner.svg) -0.1rem -0.1rem no-repeat, linear-gradient(#000 0 0);
    mask-size: 13.1rem 3.8rem;
    mask-composite: exclude;
    -webkit-mask: url(/wp-content/themes/rexel/assets/img/svg/corner.svg) -0.1rem -0.1rem no-repeat, linear-gradient(#000 0 0);
    -webkit-mask-size: 13.1rem 3.8rem;
    -webkit-mask-composite: xor;
}

.corner-bottom {
    mask: url(/wp-content/themes/rexel/assets/img/svg/corner-bottom.svg) calc(100% + 0.1rem) calc(100% + 0.1rem) no-repeat, linear-gradient(#000 0 0);
    mask-size: 13.1rem 3.8rem;
    mask-composite: exclude;
    -webkit-mask: url(/wp-content/themes/rexel/assets/img/svg/corner-bottom.svg) calc(100% + 0.1rem) calc(100% + 0.1rem) no-repeat, linear-gradient(#000 0 0);
    -webkit-mask-size: 13.1rem 3.8rem;
    -webkit-mask-composite: xor;
}

.file {
    display: flex;
    min-height: 12rem;
    border-radius: 0 2rem 0 2rem;
    overflow: hidden;
}
.file .ic {
    width: 12rem;
    min-width: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
}
.file__content {
    padding: 2.5rem 2rem;
    width: 100%;
    display: flex;
    gap: 2rem;
    flex-direction: column;
    align-items: flex-start;
}
.file__content .type {
    opacity: 0.7;
}
@media (min-width: 768px) {
    .file__content {
        padding: 3.5rem 3rem;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }
}

.filter {
    position: relative;
    display: inline-flex;
}
.filter .label {
    font-family: var(--font-2);
    padding: 0.8rem 1.8rem;
    border: 0.1rem solid var(--color-link);
    border-radius: 0 1rem 0 1rem;
    transition: all 0.5s var(--transition);
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    color: var(--color-title);
}
.filter .label svg {
    margin-left: 1rem;
    width: 1rem;
    min-width: 1rem;
    margin-top: 0.2rem;
    transition: all 0.5s var(--transition);
}
.filter .label svg,
.filter .label svg * {
    fill: var(--color-title);
}
.filter:hover .label {
    background-color: var(--color-0);
    color: var(--color-3);
    border-color: var(--color-0);
    opacity: 1;
}
.filter:hover .label svg {
    transform: rotate(45deg);
}
.filter input:checked + .label {
    background-color: var(--color-0);
    color: var(--color-3);
    border-color: var(--color-0);
    opacity: 1;
}
.filter.inactive .label {
    opacity: 0.7;
}

@media (min-width: 768px) {
    .filter .label {
        font-size: 1.6rem;
    }
}
#footer {
    display: flex;
    flex-direction: column;
    background-color: var(--color-blue-eclipse);
    color: #fff;
}
#footer small {
    font-family: var(--font-2);
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    opacity: 0.7;
}
#footer nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.4rem;
}
#footer nav .lk1 {
    color: #fff;
    font-size: inherit;
    white-space: nowrap;
}
#footer nav .lk1::before {
    background-color: #fff;
}
#footer nav ul {
    display: flex;
}
@media (max-width: 1199px) {
    #footer {
        padding: 4rem 2rem;
        align-items: center;
        text-align: center;
    }
    #footer .logo {
        margin-bottom: 4rem;
    }
    #footer .socials {
        margin-bottom: 4rem;
    }
    #footer nav ul {
        flex-direction: column;
        gap: 1.3rem;
    }
    #footer small {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 2rem;
    }
    #footer small:before {
        content: "";
        width: 20px;
        height: 1px;
        background-color: #fff;
        margin-bottom: 2rem;
    }
}
@media (min-width: 1200px) {
    #footer {
        padding: 2rem 4rem;
        flex-direction: row;
        align-items: center;
    }
    #footer nav {
        margin-left: 2rem;
        font-size: 1.25rem;
    }
    #footer nav ul {
        gap: 1rem;
    }
    #footer .logo {
        margin-bottom: 0;
        margin-right: auto;
    }
    #footer .logo .icon {
        width: 100px;
    }
    #footer small {
        border-left: 1px solid #fff;
        padding-left: 1.8rem;
        margin-left: 2rem;
    }
    #footer .socials {
        margin-left: 1rem;
    }
    #footer small {
        font-size: 1.2rem;
    }
}
@media (min-width: 1650px) {
    #footer nav {
        font-size: 1.4rem;
        margin-left: 4.8rem;
    }
    #footer nav ul {
        gap: 2rem;
    }
    #footer .logo .icon {
        width: 134px;
    }
    #footer small {
        font-size: 1.4rem;
    }
}

.socials {
    display: flex;
    gap: 1rem;
}
.socials a {
    display: grid;
    place-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: var(--color-blue-volta) 1px solid;
}
.socials a span {
    grid-area: 1/1;
}
.socials a .icon {
    width: 1.8rem;
}
.socials a:before {
    content: "";
    grid-area: 1/1;
    width: 0;
    height: 0;
    border-radius: 50%;
    background-color: var(--color-blue-volta);
    transition: all 0.3s ease;
}
.socials a:hover:before {
    width: 100%;
    height: 100%;
}
@media (min-width: 1200px) {
    .socials {
        gap: 0.5rem;
    }
    .socials a {
        width: 3.8rem;
        height: 3.8rem;
    }
}
@media (min-width: 1650px) {
    .socials {
        gap: 1rem;
    }
    .socials a {
        width: 5rem;
        height: 5rem;
    }
    .socials .icon {
        width: 2.4rem;
    }
}

#header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: var(--header-height);
    align-items: center;
    transition: background-color 0.5s var(--transition);
    color: #fff;
    --bordercolor: rgba(255, 255, 255, 0.50);
    border-bottom: 1px solid var(--bordercolor);
    --time: .6s;
    --width: 14.6rem;
    --width-cp: 18.5rem;
}
#header .logo-rexel {
    grid-column: 1;
    grid-row: 1;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 2rem;
    padding-left: 1.5rem;
    --color: var(--color-blue-rexel);
    --color-logo-1: #fff;
    --color-logo-2: #fff;
    box-sizing: border-box;
    width: var(--width);
    transition: width var(--time) ease;
    padding-left: 2rem;
    border-right: 1px solid var(--bordercolor);
    margin-right: -1px;
}
#header .logo-rexel .icon {
    width: 100%;
}
#header .header-corpo,
#header .header-cp {
    height: 100%;
}
#header .logo-cp {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
}
#header .logo-cp .icon {
    --color-cp: #fff;
}
#header .webshop {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 2rem 2rem 2rem 2.1rem;
    align-self: stretch;
    margin-right: auto;
    font-family: var(--font-2);
    font-size: 1.4rem;
    font-weight: 700;
    overflow: hidden;
}
#header .webshop .icon {
    transition: translate 0.4s ease, opacity 0.4s ease;
    opacity: 1;
}
#header .webshop span {
    transition: translate 0.4s ease;
}
#header .webshop:hover .icon {
    translate: 30px;
    opacity: 0;
}
#header .webshop:hover span {
    translate: 10px;
}
#header .btn--menu-search {
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    aspect-ratio: 0.9;
}
#header .btn-nav {
    color: inherit;
    border: 1px solid var(--bordercolor);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: grid;
    place-items: center;
    margin-right: 1.5rem;
    margin-left: 1.8rem;
}
#header .btn-nav span {
    transition: all 0.3s ease;
    grid-area: 1/1;
    width: 2rem;
    height: 1px;
    background-color: currentColor;
}
#header .btn-nav span:nth-child(1) {
    translate: 0 -0.36rem;
}
#header .btn-nav span:nth-child(3) {
    translate: 0 0.36rem;
}
#header .btn-nav.active span:nth-child(1) {
    rotate: 45deg;
    translate: 0;
}
#header .btn-nav.active span:nth-child(2) {
    opacity: 0;
}
#header .btn-nav.active span:nth-child(3) {
    rotate: -45deg;
    translate: 0;
}
#header .baseline {
    font-family: var(--font-2);
    font-size: 1.4rem;
    line-height: 130%;
    font-weight: 400;
    margin-right: auto;
    margin-left: 0.8rem;
}
#header.light {
    background: #fff;
    color: var(--color-blue-rexel);
    --bordercolor: var(--color-filet);
}
#header.light .logo-rexel {
    --color: #fff;
    --color-logo-1: currentColor;
    --color-logo-2: #4487C6;
}
#header.light .logo-cp .icon {
    --color-cp: var(--color-blue-volta);
}
@media (max-width: 390px) {
    #header .webshop {
        padding: 2rem 1rem 2rem 1rem;
    }
}
@media (max-width: 1024px) {
    #header {
        display: flex;
        --width: 12.5rem;
    }
    #header .header-corpo {
        flex: 1;
    }
    #header .header-corpo .wrapper {
        display: flex;
    }
    #header .header-cp {
        display: none;
    }
    #header .desktop {
        display: none;
    }
    #header nav {
        display: none;
    }
}
@media (min-width: 1025px) {
    #header {
        display: grid;
        grid-template-columns: min-content 1fr 1fr;
    }
    #header .socials {
        display: none;
    }
    #header .header-corpo {
        width: calc(100vw - var(--width-cp) - var(--width) + 2px);
        overflow: hidden;
        justify-content: end;
        transition: width var(--time) ease;
        grid-column: 2;
        grid-row: 1;
        display: flex;
    }
    #header .header-corpo .wrapper {
        display: flex;
        align-items: center;
        flex: 1 0 calc(100vw - var(--width-cp) - var(--width));
        height: 100%;
        transition: width var(--time) ease;
    }
    #header .header-cp {
        display: flex;
        align-items: center;
        justify-content: start;
        width: calc(100vw - var(--width));
    }
    #header.cp {
        --width: 12.5rem;
    }
    #header.cp .header-corpo {
        width: 0;
    }
    #header .btn-nav {
        display: none;
    }
    #header .logo-cp {
        border-left: 1px solid var(--bordercolor);
    }
    #header nav {
        align-self: stretch;
        display: flex;
        align-items: center;
    }
    #header nav ul {
        display: flex;
        height: 100%;
    }
    #header nav li {
        display: flex;
        height: 100%;
    }
    #header nav a.lvl-0 {
        position: relative;
        display: flex;
        align-items: center;
        font-family: var(--font-2);
        position: relative;
        padding: 0 1.5rem;
        height: 100%;
        white-space: nowrap;
        font-size: 1.4rem;
    }
    #header nav a.lvl-0.active:after, #header nav a.lvl-0:hover:after {
        opacity: 1;
    }
    #header nav a.lvl-0:after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 5px;
        bottom: 0;
        left: 0;
        background-color: #fff;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    #header.light nav a.lvl-0:after {
        background-color: var(--color-blue-volta);
    }
    #header .btn-thematique {
        font-family: var(--font-2);
        color: inherit;
        padding-left: 1.6rem;
        margin-left: 0.5rem;
        font-size: 1.4rem;
        align-self: center;
        display: flex;
        height: 100%;
        align-items: center;
    }
    #header .btn-thematique span {
        position: relative;
        display: flex;
        align-items: center;
        height: 100%;
    }
    #header .btn-thematique span:after {
        content: "";
        position: absolute;
        display: block;
        width: 100%;
        height: 5px;
        bottom: 0;
        left: 0;
        background-color: #fff;
        opacity: 0;
        transition: opacity 0.3s ease;
    }
    #header .btn-thematique:before {
        content: "";
        border-left: 1px solid var(--color-filet);
        padding-left: 2rem;
        height: 2rem;
        display: block;
    }
    #header .btn-thematique.active span:after, #header .btn-thematique:hover span:after {
        opacity: 1;
    }
    #header .webshop {
        border-right: 1px solid var(--bordercolor);
    }
    #header .submenu {
        position: relative;
    }
    #header .submenu__content {
        padding-top: 6rem;
        transition: all 0.5s var(--transition);
        opacity: 0;
        pointer-events: none;
        width: calc(100% + 20rem);
        position: absolute;
        top: calc(100%);
        left: -15rem;
    }
    #header .submenu__content ul {
        width: 100%;
        padding: 3rem;
        border-radius: 2rem;
        position: relative;
        display: grid;
        gap: 1rem;
    }
    #header .submenu__content ul a {
        padding: 0;
    }
    #header .submenu__content ul:before {
        position: absolute;
        bottom: 100%;
        left: 70%;
        transform: translate3d(-50%, 0, 0);
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        border-right: 1.5rem solid transparent;
        border-bottom: 1.5rem solid var(--color-0);
        border-left: 1.5rem solid transparent;
    }
    #header .submenu:hover .submenu__content {
        opacity: 1;
        pointer-events: auto;
    }
}
#header.light + .dialog__search {
    background-color: #fff;
}
#header.light + .dialog__search form {
    color: var(--color-blue-rexel);
}
#header.light + .dialog__search form input {
    border-bottom: 1px solid var(--color-blue-rexel);
}

#nav-mobile {
    position: fixed;
    right: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    translate: 0%;
    background-color: var(--color-blue-rexel);
    transition: all 0.4s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--header-height);
    text-align: center;
    z-index: 99;
    color: #fff;
}
#nav-mobile[aria-modal=true] {
    translate: 100%;
}
#nav-mobile .links {
    display: grid;
    gap: 4.8rem;
}
#nav-mobile a {
    font-family: var(--font-2);
    font-size: 2.4rem;
    line-height: 120%;
}
#nav-mobile .socials {
    margin-top: auto;
    margin-bottom: 5rem;
}
#nav-mobile .btn-switch {
    padding: 2.4rem 1.4rem;
    width: 100%;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    --color-cp: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#nav-mobile .btn-switch .caret {
    width: 5rem;
    height: 5rem;
    border: 1px solid var(--color-blue-volta);
    display: flex;
    align-items: center;
    justify-content: center;
    rotate: 90deg;
    border-radius: 50%;
}
#nav-mobile .btn-switch .caret .icon {
    fill: #fff;
}
#nav-mobile .wrapper {
    margin-bottom: 5rem;
}
#nav-mobile .panel {
    overflow: clip;
    --height: 0;
    transition: all 0.3s ease;
    height: var(--height);
}
#nav-mobile .panel .links {
    padding: 6rem;
}
#nav-mobile .panel-cp {
    height: 0;
}
#nav-mobile .panel-corpo {
    height: var(--height);
}
#nav-mobile.cp .panel-corpo {
    height: 0;
}
#nav-mobile.cp .panel-cp {
    height: var(--height);
}
#nav-mobile.cp .btn-switch .caret {
    rotate: -90deg;
}
@media (min-width: 1025px) {
    #nav-mobile {
        display: none;
    }
}

/*
[data-theme="blue-volta"] {
    #header:not(.light) {
        .logo-cp {
            .icon {
                --color-blue-volta: #fff;
            }
        }
    }
}*/
.introduction {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.introduction__actions {
    padding-left: 2rem;
}

[data-module=inview],
.js-inview {
    transform: translate3d(0, 2rem, 0);
    opacity: 0;
    will-change: transform;
}

.media picture {
    overflow: hidden;
}
.media__content {
    position: relative;
}
.media__content iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s var(--transition);
    z-index: 200;
}
.media__content .button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 0;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
}
.media__content .button:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--color-3);
    opacity: 0.5;
}
.media__content .button svg {
    position: relative;
    z-index: 10;
    width: 10%;
    max-width: 4.5rem;
    height: auto;
    transition: all 0.5s var(--transition);
}
.media__content .button:after {
    content: "";
    border: 0.2rem solid var(--color-0);
    position: absolute;
    width: 12.5rem;
    height: 12.5rem;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    border-radius: 0 2rem 0 2rem;
    transition: all 0.5s var(--transition);
}
.media.corpo .media__content {
    display: grid;
}
.media.corpo .media__content iframe,
.media.corpo .media__content picture,
.media.corpo .media__content .btn-action {
    grid-area: 1/1;
}
.media.corpo .media__content.video:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(6, 30, 97, 0.3) 0%, rgba(6, 30, 97, 0.3) 100%);
    grid-area: 1/1;
    z-index: 0;
    cursor: pointer;
}
.media.corpo .media__content .btn-action {
    align-self: center;
    justify-self: center;
    z-index: 2;
}
.media.corpo .media__content iframe {
    z-index: 3;
}
.media.corpo.open iframe {
    opacity: 1;
    pointer-events: auto;
}
.media.playing .media__content iframe {
    opacity: 1;
    pointer-events: auto;
}
.media:hover .button svg {
    transform: scale(0.9);
}
.media:hover .button:after {
    transform: translate3d(-50%, -50%, 0) scale(1.1);
}

.slider {
    overflow: visible !important;
}
.slider__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: -2rem;
}
.slider__actions button {
    padding: 2rem;
    background-color: transparent;
    border: 0;
}
.slider__actions button[disabled] {
    opacity: 0.3;
}
.slider__actions button svg {
    width: 1rem;
    height: auto;
}
.slider__actions button svg,
.slider__actions button svg * {
    fill: var(--color-title);
    transition: all 0.5s var(--transition);
}
.slider__actions button.prev svg {
    transform: rotate(180deg);
}
.slider__actions button:hover svg,
.slider__actions button:hover svg * {
    fill: var(--color-link);
}
.slider__actions .paging .swiper-pagination-bullet {
    width: 0.8rem;
    height: 0.8rem;
    background-color: var(--color-text);
    opacity: 0.3;
    margin: 0 0.7rem;
}
.slider__actions .paging .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background-color: var(--color-4);
}
.slider__actions-corpo {
    display: flex;
    justify-content: end;
    margin-top: 2rem;
}
.slider__actions-corpo.hide {
    display: none;
}
.slider__actions-corpo button {
    display: grid;
    width: 5rem;
    height: 5rem;
    align-items: center;
    border: 0.1rem solid var(--color-link);
    background-color: transparent;
    overflow: hidden;
}
.slider__actions-corpo button[disabled] {
    opacity: 0.3;
}
.slider__actions-corpo button .icon {
    grid-area: 1/1;
    justify-self: center;
    fill: var(--color-blue-eclipse);
    transition: fill 0.2s ease;
}
.slider__actions-corpo button:before {
    content: "";
    grid-area: 1/1;
    width: 0;
    height: 100%;
    background-color: var(--color-blue-volta);
    transition: width 0.3s ease;
}
.slider__actions-corpo button.prev {
    border-radius: 0 0 0 1rem;
}
.slider__actions-corpo button.prev:before {
    justify-self: end;
}
.slider__actions-corpo button.prev svg {
    transform: rotate(180deg);
}
.slider__actions-corpo button.next {
    border-radius: 0 1rem 0 0;
    margin-left: -0.1rem;
}
@media (min-width: 768px) {
    .slider__actions-corpo button:hover .icon {
        fill: #fff;
    }
    .slider__actions-corpo button:hover:before {
        width: 100%;
    }
}
@media (min-width: 1025px) {
    .slider__actions-corpo {
        margin-top: 4rem;
    }
}

.color-tag {
    display: inline-block;
    font-family: var(--font-2);
    font-size: 1.2rem;
    padding: 0.5rem 0.6rem;
    color: var(--color-title);
}
.color-tag--lg {
    font-size: 1.4rem;
}
.color-tag:not([class*=b-color]) {
    background-color: var(--color-4);
    color: var(--color-0);
}
@media (min-width: 768px) {
    .color-tag {
        font-size: 1.4rem;
        padding: 0.6rem 0.8rem;
    }
    .color-tag.color-tag--lg {
        font-size: 1.8rem;
    }
}

.paging {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-title);
    font-family: var(--font-2);
}
.paging svg,
.paging svg * {
    fill: var(--color-title);
}
.paging ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.paging ul li a {
    padding: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.5rem;
    min-height: 3.5rem;
    border-radius: 0 1rem 0 1rem;
    opacity: 0.5;
    transition: all 0.5s var(--transition);
}
.paging ul li a:hover {
    opacity: 1;
}
.paging ul li a[aria-current=page] {
    border: 0.1rem solid var(--color-9);
    opacity: 1;
}
.paging ul li a.prev, .paging ul li a.next {
    opacity: 1;
}
.paging ul li a.prev[aria-disabled=true], .paging ul li a.next[aria-disabled=true] {
    opacity: 0.5;
    pointer-events: none;
}
.paging ul li a.prev svg, .paging ul li a.next svg {
    width: 0.9rem;
}
.paging ul li a.prev {
    margin-right: 2rem;
}
.paging ul li a.prev svg {
    transform: rotate(180deg);
}
.paging ul li a.next {
    margin-left: 2rem;
}

.card-podcast {
    --card-podcast-size: 9.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 1rem;
}
.card-podcast picture {
    width: var(--card-podcast-size);
    min-width: var(--card-podcast-size);
    border-radius: 0 1rem 0 1rem;
    mask-size: 4rem 1.2rem;
    -webkit-mask-size: 4rem 1.2rem;
    margin-right: 2rem;
}
@media (max-width: 575px) {
    .card-podcast picture {
        display: none;
    }
}
.card-podcast:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #516290;
    opacity: 0;
    transition: all 0.5s var(--transition);
    z-index: -1;
}
.card-podcast:hover:before {
    opacity: 1;
    transition: none;
}
.card-podcast__text {
    display: flex;
    flex-direction: column;
}
.card-podcast__text span {
    font-family: var(--font-2);
    font-size: 2rem;
    font-weight: 300;
}
@media (max-width: 767px) {
    .card-podcast__text span {
        font-size: 1.8rem;
    }
}
.card-podcast__text span.number {
    font-family: var(--font-2);
    font-weight: 700;
    font-size: 1.4rem;
}
.card-podcast__top {
    display: flex;
    align-items: center;
    padding: 0 2rem 0 0;
    transition: all 0.5s var(--transition);
}
.card-podcast__bottom svg {
    width: 4.5rem;
}

.card-project {
    display: grid;
    color: #fff;
    font-family: var(--font-2);
    grid-template-columns: [full] var(--padding) [ctr] 1fr [ctr-end] var(--padding) [full-end];
    grid-template-rows: [full] var(--padding) [ctr] auto [ctr-end] var(--padding) [full-end];
    border-radius: 0 1.5rem;
    overflow: hidden;
    aspect-ratio: 565/310;
    --padding: 1.5rem;
}
.card-project:before {
    grid-area: full;
    content: "";
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.8) 100%);
    background-position: center 100px, center -100px;
    background-repeat: no-repeat;
}
.card-project picture {
    grid-area: full;
    z-index: 0;
    aspect-ratio: 565/310;
}
.card-project img {
    transition: scale 1s var(--transition);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-project .town,
.card-project .typology {
    grid-area: ctr;
    z-index: 2;
}
.card-project .typology {
    justify-self: end;
}
.card-project .text {
    grid-area: ctr;
    align-self: end;
    z-index: 2;
}
.card-project .intro {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: var(--font-1);
    margin-top: 0.7rem;
}
.card-project:hover img {
    scale: 1.05;
}
@media (max-width: 1024px) {
    .card-project .intro {
        display: none;
    }
}
@media (min-width: 1025px) {
    .card-project {
        --padding: 3rem;
    }
}

.card-news {
    border-radius: 0 1.5rem 0 1.5rem;
    cursor: pointer;
}
.card-news a {
    display: grid;
}
.card-news picture {
    overflow: hidden;
    border-radius: 0 1.5rem;
}
.card-news .placehoder {
    aspect-ratio: 200/200;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-news .placehoder img {
    width: 150px;
}
.card-news .content {
    container-type: inline-size;
    display: grid;
    justify-items: start;
    align-content: start;
    gap: 0 1.5rem;
    box-sizing: border-box;
    transition: padding 1s var(--transition);
    align-items: start;
}
.card-news time {
    align-self: center;
    justify-self: end;
    display: flex;
    gap: 0.7rem;
    color: var(--color-blue-rexel);
}
.card-news h3 {
    color: var(--color-blue-rexel);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.card-news .intro {
    width: 100cqw;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    margin-top: 1rem;
}
.card-news .cta {
    margin-top: 1rem;
    overflow: hidden;
    color: var(--color-blue-rexel);
    font-family: var(--font-2);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 120%;
    text-decoration: underline;
}
.card-news .cp {
    width: 106px;
    height: 50px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    line-height: 1;
    display: flex;
    align-items: center;
    font-family: var(--font-2);
    font-size: 1.2rem;
    z-index: 4;
    align-self: end;
    display: none;
    margin-left: -2rem;
    margin-bottom: -0.1rem;
}
.card-news .cp span {
    grid-area: 1/1;
    z-index: 4;
}
.card-news .cp:before {
    content: "";
    background-color: #fff;
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    clip-path: path("M99,22.3h-7.3V8.2c0-4.4-3.6-8-8-8h0H28.2h-1.1L26.3,1L5.1,23.3l-4.2,4.4H7h7.4v14.1v0c0,4.4,3.6,8,8,8h0h55.5 H79l0.8-0.8l21.1-22.3l4.2-4.4H99z");
}
.card-news .cp:after {
    content: "";
    grid-area: 1/1;
    background-color: #0080FF;
    clip-path: path("M83.6,2.9c3,0,5.4,2.4,5.4,5.4V25h10L77.9,47.2H22.4c-3,0-5.4-2.4-5.4-5.4V25.1H7L28.2,2.9H83.6z");
    width: 100%;
    height: 100%;
}
.card-news.show_cp .cp {
    display: grid;
}
@media (max-width: 1024px) {
    .card-news picture {
        order: -1;
        margin-bottom: 1.8rem;
        grid-row: 1;
        grid-column: 1;
        aspect-ratio: 362/200;
    }
    .card-news .placehoder {
        aspect-ratio: 362/200;
    }
    .card-news img {
        aspect-ratio: 362/200;
        object-fit: cover;
    }
    .card-news .cp {
        grid-row: 1;
        grid-column: 1;
    }
    .card-news .rubrique,
.card-news time {
        grid-row: 1;
        grid-column: 1;
    }
    .card-news time {
        font-size: 1.2rem;
    }
    .card-news h3 {
        font-size: 1.6rem;
        margin-top: 1.8rem;
    }
    .card-news .intro {
        font-size: 1.6rem;
    }
    .card-news .cta {
        margin-top: 1rem;
        font-size: 1.4rem;
    }
}
@media (min-width: 1025px) {
    .card-news {
        transition: background-color 1s var(--transition);
    }
    .card-news img {
        transition: scale 1s var(--transition);
    }
    .card-news.vertical picture {
        order: -1;
        margin-bottom: 1.8rem;
        grid-row: 1;
        grid-column: 1;
        aspect-ratio: 546/248;
    }
    .card-news.vertical picture img {
        height: 100%;
        object-fit: cover;
    }
    .card-news.vertical picture.placehoder img {
        height: 50%;
    }
    .card-news.vertical .rubrique,
.card-news.vertical time {
        grid-row: 1;
        grid-column: 1;
    }
    .card-news.vertical time {
        font-size: 1.2rem;
    }
    .card-news.vertical h3 {
        font-size: 1.6rem;
        margin-top: 1.8rem;
    }
    .card-news.vertical .intro {
        font-size: 1.6rem;
        width: 100%;
    }
    .card-news.vertical .cta {
        margin-top: 1rem;
        font-size: 1.4rem;
    }
    .card-news.vertical .content {
        width: 100%;
        padding-bottom: 1rem;
    }
    .card-news.vertical:hover {
        background: #fff;
    }
    .card-news.vertical:hover .content {
        padding-left: 1rem;
        padding-right: 1rem;
        box-sizing: border-box;
    }
    .card-news:not(.vertical):has(picture) a {
        grid-template-columns: 20rem 1fr;
    }
    .card-news:not(.vertical):has(picture) picture {
        grid-column: 1;
        grid-row: 1;
        align-self: center;
    }
    .card-news:not(.vertical):has(picture) .content {
        grid-column: 2;
        grid-row: 1;
    }
    .card-news:not(.vertical) .content {
        padding: 1.5rem 3rem 1.5rem 2.5rem;
    }
    .card-news:not(.vertical) .intro {
        grid-column: 1/3;
    }
    .card-news:not(.vertical) .cta {
        grid-column: 1/3;
        font-size: 1.6rem;
    }
    .card-news:not(.vertical) .rubrique {
        grid-column: 1;
    }
    .card-news:not(.vertical) time {
        grid-column: 2;
        font-size: 1.4rem;
    }
    .card-news:not(.vertical) .cp {
        grid-column: 1;
        grid-row: 1;
    }
    .card-news:not(.vertical) h3 {
        grid-column: 1/3;
        margin-top: 1.5rem;
    }
    .card-news:hover {
        background-color: var(--color-background);
    }
    .card-news:hover img {
        scale: 1.05;
    }
}

.b-color-13 .card-news {
    --color-background: #fff;
}

.card-push {
    display: grid;
    grid-auto-rows: min-content min-content 1fr;
    justify-content: start;
    color: #fff;
    overflow: hidden;
    font-family: var(--font-2);
    font-weight: 400;
    background-color: var(--color-blue-rexel);
}
.card-push.event {
    background-color: var(--border_bottom, var(--theme));
    padding-bottom: 10px;
}
.card-push.event:after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background-color: var(--border_top, var(--theme));
}
.card-push.event .cta {
    font-weight: 700;
}
.card-push .content {
    grid-area: 1/1;
    padding: 2rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: start;
    grid-row: 1/4;
    z-index: 1;
}
.card-push .rubrique {
    margin-bottom: 1.4rem;
}
.card-push picture {
    grid-area: 1/1;
    z-index: 0;
    grid-row: 1/4;
}
.card-push img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-push .text {
    font-size: 1.6rem;
    line-height: 1.9rem;
    margin-top: 1rem;
}
.card-push .cta {
    margin-top: auto;
    color: #fff;
    --theme-secondary: var(--color-blue-volta);
}
.card-push.is_light {
    color: var(--color-blue-rexel);
}
.card-push.is_gradient picture {
    display: grid;
}
.card-push.is_gradient picture img {
    grid-area: 1/1;
}
.card-push.is_gradient picture:after {
    content: "";
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: linear-gradient(90deg, #000 0%, rgba(0, 0, 0, 0) 100%);
}
@media (max-width: 1024px) {
    .card-push {
        border-radius: 0 1rem;
    }
    .card-push h3 {
        font-size: 2.3rem;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .card-push .text {
        width: 50%;
    }
    .card-push .rubrique {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }
}
@media (min-width: 1025px) {
    .card-push {
        border-radius: 0 1.5rem;
    }
    .card-push h3 {
        width: 70%;
    }
    .card-push .content {
        padding: 4.7rem 4rem 4rem;
    }
    .card-push .text {
        font-size: 2rem;
        line-height: 2.4rem;
        margin-top: 1rem;
        max-width: 35.4rem;
    }
}

.card-link {
    border-top: 1px solid var(--color-filet);
    border-bottom: 1px solid var(--color-filet);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.9rem 2rem;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 120%;
    overflow: clip;
    color: var(--color-blue-rexel);
    height: 100%;
    gap: 2rem;
}
.card-link .icon {
    transition: all 0.3s ease;
    opacity: 1;
    color: currentColor;
    flex: 0 0 auto;
}
.card-link span {
    transition: all 0.3s ease;
}
.card-link:hover .icon {
    translate: 1.4rem 0;
    opacity: 0;
}
.card-link:hover span {
    translate: 0.4rem 0;
}

.card-visual {
    display: grid;
    color: #fff;
}
.card-visual:before {
    content: "";
    width: 100%;
    height: 100%;
    grid-area: 1/1;
    background: linear-gradient(var(--theme-primary), rgba(0, 0, 0, 0), var(--theme-primary));
    z-index: 2;
}
.card-visual h3 {
    grid-area: 1/1;
    z-index: 3;
    align-self: end;
    margin: 2rem;
}
.card-visual .icon {
    grid-area: 1/1;
    margin: 2rem;
    z-index: 3;
}
.card-visual .visu {
    grid-area: 1/1;
    width: 100%;
    height: auto;
}
.card-visual .visu img {
    width: 100%;
    height: auto;
}

.card-governance img {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}
.card-governance h3 {
    margin-bottom: 1rem;
    color: var(--color-blue-rexel);
}
.card-download {
    display: flex;
    align-items: center;
    border: 1px solid var(--color-filet);
    border-radius: 0 1.5rem;
    color: var(--color-blue-rexel);
    transition: background-color 1s ease;
    position: relative;
}
.card-download:hover {
    background-color: var(--color-background);
}
.card-download:hover img {
    scale: 1.05;
}
.card-download picture {
    border-radius: 0 0 0 1rem;
    aspect-ratio: 316/178;
    width: 100%;
    height: auto;
    overflow: clip;
}
.card-download img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: scale 1s var(--transition);
}
.card-download .infos-file {
    font-size: 1.4rem;
}
.card-download .cta {
    --color: var(theme-secondary);
}
.card-download .cta::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 1;
    left: 0;
    top: 0;
}
@media (max-width: 1024px) {
    .card-download {
        padding: 1rem;
        flex-direction: column;
        gap: 1.5rem;
    }
}
@media (min-width: 1025px) {
    .card-download {
        padding: 1rem 3rem 1rem 1rem;
        gap: 2.5rem;
    }
    .card-download picture {
        border-radius: 0 0 0 1.5rem;
        aspect-ratio: 208/117;
        flex: 0 0 20.8rem;
    }
    .card-download .cta {
        margin-left: auto;
    }
}

.card-label {
    border: 1px solid var(--color-filet);
    aspect-ratio: 1;
    border-radius: 0 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-label img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    max-width: 16rem;
    max-height: 16rem;
    height: auto;
}
.card-figure {
    font-family: var(--font-2);
    font-weight: 300;
    line-height: 110%;
    border: 1px solid var(--color-filet);
    border-radius: 0 1.5rem;
    padding: 3rem 3rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.card-figure .prefix,
.card-figure .suffix {
    color: var(--theme-tertiary);
    font-size: 3rem;
}
.card-figure small {
    color: var(--color-blue-rexel);
    font-size: 3rem;
    line-height: 110%;
}
.card-figure .value {
    color: var(--color-blue-rexel);
    line-height: 110%;
    font-size: 5rem;
}
.card-figure .figure {
    margin-bottom: 3rem;
}
.card-figure .text {
    margin-top: auto;
}
@media (min-width: 1025px) {
    .card-figure .prefix,
.card-figure .suffix {
        font-size: 5rem;
    }
    .card-figure small {
        font-size: 3rem;
    }
    .card-figure .value {
        font-size: 8rem;
    }
    .card-figure .figure {
        margin-bottom: 8rem;
    }
}

.dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    backdrop-filter: blur(1rem);
    align-items: center;
    background-color: transparent;
    display: flex;
    opacity: 0;
    transition: transform 0.5s var(--transition), opacity 0.5s var(--transition);
    pointer-events: none;
    transition-delay: 0.25s;
}
.dialog[aria-modal=true] {
    opacity: 1;
    pointer-events: auto;
    transition-delay: 0s;
}
.dialog[aria-modal=true] .dialog__content {
    transform: translate3d(0, 0, 0);
    transition-delay: 0.25s;
    opacity: 1;
}
.dialog[aria-modal=true] .dialog__content .title-register {
    text-align: center;
}
.dialog[aria-modal=true] .dialog__content .title-register .title-large {
    display: none;
}
.dialog[aria-modal=true] .dialog__content .title-register .title-small {
    display: inline;
}
@media (min-width: 1025px) {
    .dialog[aria-modal=true] .dialog__content .title-register .title-large {
        display: inline;
    }
    .dialog[aria-modal=true] .dialog__content .title-register .title-small {
        display: none;
    }
}
@media (min-width: 1025px) {
    .dialog[aria-modal=true] .dialog__content .btn-register {
        margin: 0 auto;
        width: 100%;
        max-width: 65%;
        display: block;
    }
}
.dialog:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-2);
    opacity: 0.9;
}
.dialog__close {
    position: absolute;
    top: 4.5rem;
    right: 4.5rem;
    z-index: 10;
    background-color: var(--color-2);
}
@media (max-width: 1024px) {
    .dialog__close {
        top: 2rem;
        right: 2rem;
    }
}
.dialog__content {
    max-height: 100vh;
    padding: 6rem 0;
    overflow: auto;
    transform: translate3d(0, 2rem, 0);
    transition: all 0.5s var(--transition);
    transition-delay: 0s;
    opacity: 0;
    margin: auto;
}
@media (max-width: 1024px) {
    .dialog__content {
        padding: 8rem 0 4rem;
    }
}
.dialog__newsletter {
    position: relative;
    margin-top: 8rem;
}
.dialog__newsletter .dialog__newsletter__image {
    position: absolute;
    top: -8rem;
    height: 23rem;
    left: calc(60% + 4rem);
    z-index: 1;
    width: auto;
}
.dialog__newsletter .dialog__newsletter__image img {
    width: auto;
    height: 100%;
}
@media (max-width: 1024px) {
    .dialog__newsletter {
        margin-top: 0;
    }
    .dialog__newsletter .dialog__newsletter__image {
        display: none;
    }
}
.dialog__download {
    position: relative;
    margin-top: 1rem;
}
.dialog__download.done .push-download-label {
    display: none;
}
.dialog__download.done .t9 {
    margin-top: 2rem;
}
.dialog__download .dialog__newsletter__image {
    position: absolute;
    top: -8rem;
    height: 23rem;
    left: calc(60% + 4rem);
    z-index: 1;
    width: auto;
}
.dialog__download .dialog__newsletter__image img {
    width: auto;
    height: 100%;
}
@media (max-width: 1024px) {
    .dialog__download {
        margin-top: 0;
    }
    .dialog__download .dialog__newsletter__image {
        display: none;
    }
}
.dialog__search {
    z-index: 50;
    height: 0;
    top: var(--header-height);
    background-color: var(--theme-primary, #fff);
    color: var(--color-blue-rexel);
    opacity: 1;
    transition: all 0.3s var(--transition);
    overflow: hidden;
    box-sizing: border-box;
    color: var(--color-blue-rexel);
}
.dialog__search .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.dialog__search[aria-modal=true] {
    transform: translate3d(0, 0, 0);
    height: 15rem;
}
.dialog__search:before {
    display: none;
}
.dialog__search__field {
    position: relative;
    color: inherit;
}
.dialog__search__field button {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    color: inherit;
}
.dialog__search__field input {
    background-color: transparent;
    font-family: var(--font-2);
    font-size: 2rem;
    padding: 0 5vw 0 0;
    font-weight: 300;
    line-height: 125%;
    border: 0;
    border-bottom: 1px solid currentColor;
    height: 6rem;
    border-radius: 0;
    width: 100%;
    font-weight: 700;
    color: inherit;
}
@media (min-width: 768px) {
    .dialog__search__field input {
        font-size: 2.4rem;
    }
}
.dialog__search__field input::placeholder {
    color: inherit;
    opacity: 1;
    font-weight: 400;
}
@media (max-width: 1024px) {
    .dialog__search[aria-modal=true] {
        height: 8rem;
    }
    .dialog__search__field button .icon {
        width: 1.9rem;
    }
    .dialog__search__field input {
        font-size: 1.6rem;
        height: 4rem;
    }
}
.dialog__video:before {
    background-color: var(--color-blue-eclipse);
    opacity: 1;
}
.dialog__video .grid {
    box-sizing: border-box;
    padding-top: 100px;
    padding-bottom: 100px;
    height: 100dvh;
}
.dialog__video .dialog__close {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: var(--color-blue-volta);
    right: 0rem;
    top: 2rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (min-width: 1025px) {
    .dialog__video .dialog__close {
        right: -5rem;
    }
}
.dialog__video iframe {
    grid-column: 1/-1;
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    align-self: center;
}
@media (max-height: 900px) and (min-width: 1025px) {
    .dialog__video iframe {
        grid-column: 2/-2;
    }
}

[data-theme] .dialog__search {
    color: #fff;
}

.push-newsletter {
    border-radius: 0 2rem 0 2rem;
    padding: 6rem 3rem 5rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border: 0.1rem solid #B5BED8;
    position: relative;
}
.push-newsletter__corner-top, .push-newsletter__corner-bottom {
    width: 13.1rem;
    height: 3.8rem;
    position: absolute;
}
.push-newsletter__corner-top svg, .push-newsletter__corner-bottom svg {
    width: 13.1rem;
    stroke: #B5BED8;
    stroke-width: 2;
}
.push-newsletter__corner-top svg,
.push-newsletter__corner-top svg *, .push-newsletter__corner-bottom svg,
.push-newsletter__corner-bottom svg * {
    fill: transparent;
}
.push-newsletter__corner-top {
    top: -0.2rem;
    left: -0.2rem;
}
.push-newsletter__corner-bottom {
    bottom: -0.2rem;
    right: -0.2rem;
}
.push-newsletter .rte {
    margin-top: 2.5rem;
    font-weight: 700;
    font-size: 2rem;
    color: var(--color-title);
}
.push-newsletter .field {
    margin-top: 2rem;
}
.push-newsletter__actions {
    margin-top: 5rem;
}
.push-newsletter__actions .group {
    width: auto;
}
.push-newsletter .images img {
    width: 60%;
    margin-left: auto;
    transform: translate3d(2.5rem, 0, 0);
}
@media (max-width: 575px) {
    .push-newsletter .images img {
        width: 65%;
    }
}
.push-newsletter__whatsapp {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 3.5rem;
    padding-top: 3.5rem;
    border-top: 0.1rem solid #B5BED8;
    flex-wrap: wrap;
}
.push-newsletter__whatsapp__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}
.push-newsletter__whatsapp__content .btn:hover {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.push-newsletter__whatsapp__content .btn:hover:hover {
    background-color: var(--color-btn);
    color: var(--color-btn-text);
}
.push-newsletter__whatsapp__image {
    width: 40%;
    margin-top: -10rem;
    margin-bottom: -20vw;
}
@media (min-width: 1200px) {
    .push-newsletter__whatsapp__image {
        margin-bottom: -10vw;
    }
}
.push-newsletter__whatsapp__image picture {
    height: 100%;
}
.push-newsletter__whatsapp__image picture img {
    width: 100%;
    height: auto;
    display: block;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}
.push-newsletter__whatsapp__title {
    display: flex;
    align-items: center;
    max-width: 23rem;
    margin: 1rem 1rem 1rem 0;
}
.push-newsletter__whatsapp__title svg {
    width: 4.8rem;
    min-width: 4.8rem;
    margin-right: 2rem;
}
.push-newsletter__whatsapp__title svg,
.push-newsletter__whatsapp__title svg * {
    fill: #4AC14B;
}
.push-newsletter--horizontal {
    display: flex;
    align-items: stretch;
    flex-direction: row;
    padding: 0;
    border: 0;
}
@media (min-width: 1025px) {
    .push-newsletter--horizontal {
        max-width: 65%;
        margin: 0 auto;
        min-width: 42rem;
    }
}
.push-newsletter--horizontal__corner-top, .push-newsletter--horizontal__corner-bottom {
    display: none;
}
.push-newsletter--horizontal .push-newsletter__top {
    width: 60%;
    padding: 4rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media (min-width: 1025px) {
    .push-newsletter--horizontal .push-newsletter__top {
        width: 100%;
    }
}
.push-newsletter--horizontal .push-newsletter__whatsapp {
    width: 40%;
    padding: 17rem 4rem 4rem 2rem;
    margin: 0;
    border-top: 0;
    background: linear-gradient(180deg, #4AC14B 55.86%, #06853A 112.82%);
    flex-direction: column;
}
.push-newsletter--horizontal .push-newsletter__whatsapp picture {
    display: none;
}
.push-newsletter--horizontal .push-newsletter__whatsapp p {
    color: #fff;
}
.push-newsletter--horizontal .push-newsletter__whatsapp__title {
    margin-bottom: 2rem;
}
.push-newsletter--horizontal .push-newsletter__whatsapp__content {
    flex-direction: column;
    align-items: flex-start;
}
.push-newsletter--horizontal .push-newsletter__whatsapp__content svg,
.push-newsletter--horizontal .push-newsletter__whatsapp__content svg * {
    fill: #fff;
}
@media (max-width: 1024px) {
    .push-newsletter--horizontal {
        flex-direction: column;
    }
    .push-newsletter--horizontal .push-newsletter__top {
        width: 100%;
    }
    .push-newsletter--horizontal .push-newsletter__whatsapp {
        width: 100%;
        padding: 4rem 2rem;
    }
    .push-newsletter--horizontal .push-newsletter__whatsapp picture {
        width: 60%;
        max-width: 23rem;
        margin-right: auto;
        margin-top: -8rem;
        display: block;
    }
    .push-newsletter--horizontal .push-newsletter__whatsapp__content {
        flex-direction: row;
        align-items: center;
        flex-wrap: wrap;
    }
}

.reading-time {
    display: flex;
    align-items: center;
}
.reading-time svg {
    width: 1.6rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}
.reading-time svg,
.reading-time svg * {
    fill: var(--color-title);
}

.strate-hero {
    --color-text: var(--color-title);
    padding-top: calc(var(--header-height) + var(--space)) !important;
}
.strate-hero .img-col {
    align-self: flex-start;
}
.strate-hero .img-col .thumb {
    mask: initial;
    -webkit-mask: initial;
    border-radius: 2rem;
}
.strate-hero svg,
.strate-hero svg * {
    fill: var(--color-text);
}
.strate-hero.isMag {
    margin-bottom: 8rem;
}
.strate-hero.isMag .inview {
    padding-bottom: 5rem;
}

.hero-homepage {
    display: grid;
    color: #fff;
}
.hero-homepage h1 {
    margin-bottom: 1.4rem;
    font-size: 5rem;
}
.hero-homepage .intro {
    font-size: 1.6rem;
    line-height: 120%;
    font-family: var(--font-2);
}
.hero-homepage.event .intro {
    font-size: 2.8rem;
}
.hero-homepage.event .cta-event {
    font-weight: 700;
}
.hero-homepage .bg {
    grid-area: 1/1;
    display: grid;
    z-index: 0;
    overflow: clip;
    width: 100%;
    height: 100%;
}
.hero-homepage .bg video,
.hero-homepage .bg picture {
    grid-area: 1/1;
    width: 100%;
    object-fit: cover;
    height: 100%;
    animation-name: parallax;
    animation-range: 0 100vh;
    animation-timing-function: linear;
    animation-timeline: scroll();
    position: relative;
}
.hero-homepage .bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}
.hero-homepage .bg:before {
    content: "";
    width: 100%;
    height: 100%;
    grid-area: 1/1;
    opacity: 0.5;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%), var(--color-blue-eclipse);
    z-index: 2;
}
.hero-homepage .ctas {
    margin-top: 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2rem;
}
.hero-homepage .ctas .cta {
    --theme-secondary: var(--color-blue-volta);
    color: #fff;
}
.hero-homepage .ctas .cta-event {
    --theme-secondary: var(--color-blue-volta);
    color: var(--color-blue-eclipse);
}
.hero-homepage .logo {
    width: 100%;
    max-width: 22rem;
    margin-top: 7rem;
}
.hero-homepage .content {
    z-index: 1;
    grid-area: 1/1;
    padding-top: calc(var(--header-height) + 3.2rem);
    padding-bottom: 30rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: start;
}
@media (max-width: 1024px) {
    .hero-homepage .ctas {
        margin-top: 4.5rem;
        width: 100%;
        max-width: 390px;
    }
    .hero-homepage .ctas .cta {
        width: 100%;
    }
    .hero-homepage:not(.event) .ctas {
        align-self: center;
    }
}
@media (min-width: 1025px) {
    .hero-homepage h1 {
        margin-bottom: 1.4rem;
        max-width: 1032px;
        width: 100%;
        font-size: 10.6rem;
    }
    .hero-homepage .intro {
        font-size: 2rem;
        width: 100%;
        max-width: 500px;
    }
    .hero-homepage .ctas {
        margin-top: 4.5rem;
    }
    .hero-homepage .content {
        padding-top: calc(var(--header-height) + 6.2rem);
        padding-bottom: 20rem;
    }
}

.strate-hero-archive {
    padding-bottom: calc(var(--space) * 3) !important;
    padding-top: calc(var(--header-height) + var(--space)) !important;
}
.strate-hero-archive button {
    min-height: 4rem;
}
.strate-hero-archive__reset-container {
    display: none;
}
.strate-hero-archive__reset-container.active {
    display: block;
}
.strate-hero-archive__results {
    margin-bottom: 2rem;
}
.strate-hero-archive__results p {
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 3rem;
    line-height: 120%;
    font-weight: 300;
}
@media (min-width: 768px) {
    .strate-hero-archive__results p {
        font-size: 4.8rem;
    }
}
.strate-hero-archive__results p:last-child {
    display: none;
}
.strate-hero-archive__results.no-results p:first-child {
    display: none;
}
.strate-hero-archive__results.no-results p:last-child {
    display: block;
}
.strate-hero-archive__results.inactive {
    display: none;
}
.strate-hero-archive__search {
    position: relative;
    width: 100%;
    margin-bottom: 6rem;
}
.strate-hero-archive__search button {
    position: absolute;
    right: 0;
    top: calc(50% - 1rem);
    transform: translate3d(0, -50%, 0);
}
@media (min-width: 768px) {
    .strate-hero-archive__search button {
        top: calc(50% - 0.5rem);
    }
}
.strate-hero-archive__search button svg {
    fill: var(--color-title);
    width: 2rem;
    min-width: 2rem;
}
.strate-hero-archive__search input {
    background-color: transparent;
    padding: 0 5rem 1rem 0;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0.1rem solid var(--color-title);
    width: 100%;
    margin-top: -1rem;
    border-radius: 0;
    font-family: var(--font-2);
    color: var(--color-title);
    font-size: 3rem;
    line-height: 120%;
    font-weight: 700;
}
@media (min-width: 768px) {
    .strate-hero-archive__search input {
        font-size: 4.8rem;
        padding: 0 5rem 1.25rem 0;
    }
}
.strate-hero-archive__search input::placeholder {
    color: var(--color-0);
    opacity: 1;
}
@media (min-width: 1025px) {
    .strate-hero-archive .strate-hero-archive__reset-container {
        text-align: right;
    }
}

.hero-flexible {
    height: 100dvh;
    display: grid;
    color: #fff;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    z-index: 0;
}
.hero-flexible h1 {
    font-family: var(--font-2);
    font-size: 4rem;
    font-weight: 400;
    line-height: 110%;
}
.hero-flexible .content {
    grid-area: 1/1;
    z-index: 2;
}
.hero-flexible:not(:has(picture)) {
    background-color: var(--theme-primary);
}
.hero-flexible picture {
    grid-area: 1/1;
    width: 100%;
    height: 100vh;
    animation-name: parallax;
    animation-range: 0 100vh;
    animation-timing-function: linear;
    animation-timeline: scroll();
}
.hero-flexible picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-flexible .cta:after {
    rotate: 90deg;
}
.hero-flexible:before {
    content: "";
    grid-area: 1/1;
    width: 100%;
    background: linear-gradient(black, rgba(0, 0, 0, 0));
    z-index: 2;
}
.hero-flexible:after {
    content: "";
    grid-area: 1/1;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, var(--theme-primary) 0%, rgba(0, 0, 0, 0) 70%);
    opacity: 0.9;
    z-index: 1;
}
.hero-flexible .cta {
    margin-top: 5rem;
    --theme: var(--theme-secondary);
    color: #fff;
}
@media (max-width: 1024px) {
    .hero-flexible .suptitle {
        color: inherit;
        margin-bottom: 3.4rem;
    }
    .hero-flexible .content {
        align-self: end;
        padding-bottom: 4.5rem;
        display: flex;
        flex-direction: column;
    }
    .hero-flexible:before {
        height: 20rem;
        opacity: 0.4;
    }
    .hero-flexible:after {
        background: linear-gradient(rgba(0, 0, 0, 0) 40%, var(--theme-primary) 55%);
        opacity: 1;
    }
    .hero-flexible picture {
        height: inherit;
    }
    .hero-flexible picture img {
        height: 56vh;
    }
    .hero-flexible .cta {
        width: 100%;
        max-width: 390px;
        align-self: center;
    }
}
@media (min-width: 1025px) {
    .hero-flexible .suptitle {
        display: none;
    }
    .hero-flexible h1 {
        font-size: 6.4rem;
        max-width: 690px;
    }
    .hero-flexible .content {
        align-self: center;
        margin-top: 13rem;
    }
    .hero-flexible:before {
        height: 50rem;
        opacity: 0.6;
    }
    .hero-flexible:after {
        background: linear-gradient(90deg, var(--theme-primary) 0%, rgba(0, 0, 0, 0) 70%);
        opacity: 0.97;
    }
}
@media (max-height: 620px) {
    .hero-flexible h1 {
        font-size: 5.4rem;
    }
}

.hero-single {
    color: #fff;
}
.hero-single .grid {
    align-items: start;
}
.hero-single .content {
    display: grid;
    grid-template-columns: max-content 1fr;
    align-content: start;
    justify-items: start;
    column-gap: 1.6rem;
    row-gap: 2.6rem;
}
.hero-single .content h1,
.hero-single .content .intro {
    grid-column: 1/-1;
}
.hero-single picture {
    overflow: clip;
    border-radius: 0 1.6rem;
}
.hero-single time {
    display: flex;
    font-size: 1.4rem;
    gap: 0.7rem;
    align-items: center;
}
@media (max-width: 1024px) {
    .hero-single {
        padding-top: calc(var(--header-height) + 3rem);
        padding-bottom: 2.5rem;
    }
    .hero-single picture {
        order: -1;
    }
}
@media (min-width: 1025px) {
    .hero-single {
        padding-top: calc(var(--header-height) + 10rem);
        padding-bottom: 5.5rem;
    }
    .hero-single .content {
        grid-column: 1/7;
    }
    .hero-single picture {
        margin-top: 0;
        grid-column: 8/-1;
    }
}

.strate {
    overflow: hidden;
    position: relative;
    padding-top: var(--space);
    padding-bottom: var(--space);
    scroll-margin-top: calc(var(--header-height) + var(--space));
}
.strate:has(+ [class*=b-color]) {
    margin-bottom: 0;
}
.strate:not([class*=b-color]) + *:not([class*=b-color]) {
    padding-top: 0;
}
.strate.b-color-0 + .b-color-0 {
    padding-top: 0;
}
.strate.b-color-1 + .b-color-1 {
    padding-top: 0;
}
.strate.b-color-2 + .b-color-2 {
    padding-top: 0;
}
.strate.b-color-3 + .b-color-3 {
    padding-top: 0;
}
.strate.b-color-4 + .b-color-4 {
    padding-top: 0;
}
.strate.b-color-5 + .b-color-5 {
    padding-top: 0;
}
.strate.b-color-6 + .b-color-6 {
    padding-top: 0;
}
.strate.b-color-7 + .b-color-7 {
    padding-top: 0;
}
.strate.b-color-8 + .b-color-8 {
    padding-top: 0;
}
.strate.b-color-9 + .b-color-9 {
    padding-top: 0;
}
.strate.b-color-10 + .b-color-10 {
    padding-top: 0;
}
.strate.b-color-11 + .b-color-11 {
    padding-top: 0;
}
.strate.b-color-12 + .b-color-12 {
    padding-top: 0;
}
.strate.b-color-13 + .b-color-13 {
    padding-top: 0;
}
.strate.line {
    border-top: 1px solid var(--color-filet);
    border-bottom: 1px solid var(--color-filet);
    padding-top: var(--space) !important;
    padding-bottom: var(--space);
}
.strate-manifest {
    --grid-rgap: 4rem;
    --strate-manifest-size: 95vw;
    text-align: center;
    overflow: hidden;
    padding-top: 20rem;
    padding-bottom: 10rem;
    position: relative;
}
@media (min-width: 768px) {
    .strate-manifest {
        --strate-manifest-size: 75vw;
    }
}
@media (min-width: 1025px) {
    .strate-manifest {
        --strate-manifest-size: 50cqw;
    }
}
.strate-manifest .grid {
    z-index: 2;
}
.strate-manifest .container {
    max-width: 192rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    container-type: inline-size;
    margin: 0 auto 6rem;
    position: relative;
}
.strate-manifest lottie-player {
    width: calc(var(--strate-manifest-size) * 0.63);
    z-index: 10;
}
.strate-manifest .scene {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(var(--strate-manifest-size) * 0.27) !important;
    left: 50% !important;
    z-index: 0;
    max-width: 192rem;
    transform: translate3d(-50%, -50%, 0) !important;
    container-type: inline-size;
}
.strate-manifest .scene.scene1 {
    z-index: 0;
}
.strate-manifest .scene.scene2 {
    z-index: 20;
}
.strate-manifest .scene > * {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    height: 80%;
    width: 100%;
}
.strate-manifest .scene > *.item-6 {
    z-index: -1;
}
.strate-manifest .scene > * img {
    width: var(--strate-manifest-size);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -65%) scale(0);
    transition: all 0.5s var(--transition);
}
.strate-manifest .scene > *:nth-child(13), .strate-manifest .scene > *:nth-child(14), .strate-manifest .scene > *:nth-child(15), .strate-manifest .scene > *:nth-child(16) {
    z-index: 20;
}
.strate-manifest .scene > *:nth-child(0) img {
    transition-delay: calc(0.005s * 0);
}
.strate-manifest .scene > *:nth-child(1) img {
    transition-delay: calc(0.005s * 1);
}
.strate-manifest .scene > *:nth-child(2) img {
    transition-delay: calc(0.005s * 2);
}
.strate-manifest .scene > *:nth-child(3) img {
    transition-delay: calc(0.005s * 3);
}
.strate-manifest .scene > *:nth-child(4) img {
    transition-delay: calc(0.005s * 4);
}
.strate-manifest .scene > *:nth-child(5) img {
    transition-delay: calc(0.005s * 5);
}
.strate-manifest .scene > *:nth-child(6) img {
    transition-delay: calc(0.005s * 6);
}
.strate-manifest .scene > *:nth-child(7) img {
    transition-delay: calc(0.005s * 7);
}
.strate-manifest .scene > *:nth-child(8) img {
    transition-delay: calc(0.005s * 8);
}
.strate-manifest .scene > *:nth-child(9) img {
    transition-delay: calc(0.005s * 9);
}
.strate-manifest .scene > *:nth-child(10) img {
    transition-delay: calc(0.005s * 10);
}
.strate-manifest.lottie-ready h1 {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.strate-manifest.lottie-ready .scene > * img {
    transform: translate(-50%, -65%) scale(1);
}
.strate-manifest.lottie-ready .scrollhelper {
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
}

.strate-observatory__content {
    border-radius: 0 2rem 0 2rem;
    padding: 8.5rem 2.5rem 8.5rem;
}
.strate-observatory__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.strate-observatory__actions svg {
    margin-top: 2rem;
    width: auto;
    height: 5.2rem;
}

@media (min-width: 768px) {
    .strate-observatory__content {
        padding: 8.5rem 7rem 6rem;
    }
}
@media (min-width: 576px) {
    .strate-observatory__actions {
        flex-direction: row;
        align-items: center;
    }
    .strate-observatory__actions svg {
        margin-top: 0;
        margin-left: 2rem;
    }
}
.strate-mag__content {
    border-radius: 0 2rem 0 2rem;
    padding: 8.5rem 2.5rem 8.5rem;
}
.strate-mag__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
}
.strate-mag__actions svg {
    margin-top: 2rem;
    width: auto;
    height: 5.2rem;
}

@media (min-width: 768px) {
    .strate-mag__content {
        padding: 8.5rem 7rem 6rem;
    }
}
@media (min-width: 576px) {
    .strate-mag__actions {
        flex-direction: column;
        align-items: start;
    }
    .strate-mag__actions svg {
        margin-top: 0;
        margin-left: 2rem;
    }
}
.strate-quote {
    font-family: var(--font-2);
    color: var(--color-title);
}
.strate-quote blockquote {
    padding: 0 5rem 0 0;
    margin: 0 0 2rem 0;
    position: relative;
}
.strate-quote blockquote svg {
    margin-bottom: 1.5rem;
}
.strate-quote blockquote svg:last-of-type {
    position: absolute;
    margin: 0;
    right: 0;
    bottom: 0;
    width: 3rem;
    transform: rotate(180deg);
}

.strate-quote.strate--corpo .grid {
    align-items: center;
}
.strate-quote.strate--corpo .suptitle {
    margin-bottom: 2.5rem;
}
.strate-quote.strate--corpo .autor {
    color: var(--theme-tertiary);
}
.strate-quote.strate--corpo:not(:has(img)) {
    text-align: center;
}
.strate-quote.strate--corpo:not(:has(img)) .text {
    grid-column: 3/-3;
}
.strate-quote.strate--corpo img {
    border-radius: 0 3.8rem;
}
.strate-quote.strate--corpo blockquote svg path {
    fill: var(--theme-tertiary);
}
@media (min-width: 1025px) {
    .strate-quote.strate--corpo .suptitle {
        margin-bottom: 4.8rem;
    }
    .strate-quote.strate--corpo:has(img) {
        --visu: 1/6;
        --text: 7/-2;
    }
    .strate-quote.strate--corpo:has(img) .visu {
        grid-column: var(--visu);
        grid-row: 1;
        margin-right: 2rem;
    }
    .strate-quote.strate--corpo:has(img) .text {
        grid-column: var(--text);
        grid-row: 1;
    }
    .strate-quote.strate--corpo:has(img).strate--sm {
        --visu: 1/5;
        --text: 6/-1;
    }
    .strate-quote.strate--corpo:has(img).strate--sm .text {
        margin-left: -4rem;
    }
    .strate-quote.strate--corpo:has(img).strate--sm .visu {
        margin-right: 0;
    }
    .strate-quote.strate--corpo:not(:has(img)) {
        text-align: left;
    }
}
@media (min-width: 1025px) {
    .strate-text:not(.strate--corpo) .grid > * {
        grid-row: 1;
    }
}

.strate-text.strate--corpo {
    --visu: 1/-1;
    --text: 1/-1;
}
.strate-text.strate--corpo .grid {
    align-items: center;
}
.strate-text.strate--corpo .suptitle {
    margin-bottom: 3rem;
}
.strate-text.strate--corpo img {
    width: 100%;
    height: auto;
    border-radius: 0 1.5rem 0 1.5rem;
}
.strate-text.strate--corpo h2,
.strate-text.strate--corpo h3,
.strate-text.strate--corpo h4,
.strate-text.strate--corpo h5 {
    font-family: var(--font-2);
    font-weight: 400;
    color: var(--color-blue-rexel);
}
.strate-text.strate--corpo h2 {
    font-size: 4.8rem;
}
.strate-text.strate--corpo h3 {
    font-size: 3.6rem;
}
.strate-text.strate--corpo h4 {
    font-size: 2.8rem;
}
.strate-text.strate--corpo h5 {
    font-size: 2rem;
}
.strate-text.strate--corpo strong {
    color: var(--color-blue-volta);
}
.strate-text.strate--corpo.noimg.centered {
    text-align: center;
}
@media (max-width: 1024px) {
    .strate-text.strate--corpo h2 {
        font-size: 2.4rem;
        line-height: 120%;
    }
    .strate-text.strate--corpo h3 {
        font-size: 2rem;
    }
    .strate-text.strate--corpo h4 {
        font-size: 1.8rem;
    }
    .strate-text.strate--corpo h5 {
        font-size: 1.8rem;
    }
    .strate-text.strate--corpo img {
        object-fit: cover;
        aspect-ratio: 1.45;
    }
}
@media (min-width: 1025px) {
    .strate-text.strate--corpo h2 {
        font-size: 4.8rem;
        line-height: 110%;
    }
    .strate-text.strate--corpo h3 {
        font-size: 3.6rem;
        line-height: 110%;
    }
    .strate-text.strate--corpo .grid > * {
        grid-row: 1;
    }
    .strate-text.strate--corpo .suptitle {
        margin-bottom: 2rem;
    }
    .strate-text.strate--corpo.noimg {
        --text: 1/-1;
    }
    .strate-text.strate--corpo.noimg.centered {
        --text: 2/-2;
    }
    .strate-text.strate--corpo:not(.noimg):not(.strate--sm).reverse {
        --visu: 8/-1;
        --text: 2/7;
    }
    .strate-text.strate--corpo:not(.noimg):not(.strate--sm):not(.reverse) {
        --visu: 1/6;
        --text: 7/-2;
    }
    .strate-text.strate--corpo:not(.noimg).strate--sm h2 {
        font-size: 3.6rem;
        line-height: 120%;
    }
    .strate-text.strate--corpo:not(.noimg).strate--sm.reverse {
        --visu: 9/-1;
        --text: 1/8;
    }
    .strate-text.strate--corpo:not(.noimg).strate--sm.reverse .visu {
        margin-left: -4rem;
    }
    .strate-text.strate--corpo:not(.noimg).strate--sm:not(.reverse) {
        --visu: 1/5;
        --text: 5/-1;
    }
    .strate-text.strate--corpo:not(.noimg).strate--sm:not(.reverse) .text {
        margin-left: 7rem;
    }
    .strate-text.strate--corpo:not(.noimg).strate--sm:not(.reverse) .visu {
        margin-right: -4rem;
    }
}
.strate-text.strate--corpo .visu {
    grid-column: var(--visu) !important;
}
.strate-text.strate--corpo .text {
    grid-column: var(--text) !important;
}
.strate-text.strate--corpo .text .btn-corpo {
    margin-top: 4rem;
}

.strate-video .video-wrapper {
    position: relative;
    width: 100%;
}
.strate-video .video-mp4 {
    width: 100%;
    height: auto;
    display: block;
}
.strate-video .video-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.strate-video .video-cover picture {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
}
.strate-video .video-cover picture img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.strate-video .play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: none;
    border: none;
    cursor: pointer;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}
.strate-video .play-button svg {
    width: 50px;
    height: 50px;
}
.strate-video .text-video {
    padding-left: 2rem;
}

.strate-share-bar {
    --strate-share-bar-size: 0%;
    --grid-rgap: 1.5rem;
    --top: calc(var(--header-height) - 5rem);
    padding-top: 0rem;
    padding-bottom: 0rem;
    z-index: 1;
    background-color: #fff;
}
.strate-share-bar.strate--corpo {
    --top: var(--header-height);
}
.strate-share-bar .iframe-player {
    transform: translate3d(0, 1rem, 0);
}
.strate-share-bar .t9 {
    transform: translate3d(0, 0.25rem, 0);
}
.strate-share-bar__actions {
    display: flex;
}
.strate-share-bar__content {
    position: relative;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.strate-share-bar__content__podcasts {
    display: flex;
    align-items: center;
}
@media (min-width: 1025px) {
    .strate-share-bar__content__podcasts .group {
        margin-left: 2rem;
    }
}
@media (max-width: 1024px) {
    .strate-share-bar__content__podcasts {
        align-items: flex-start;
        flex-direction: column;
    }
    .strate-share-bar__content__podcasts .group {
        margin-top: 0.75rem;
    }
}
.strate-share-bar__content .t9 {
    display: flex;
    align-items: center;
}
.strate-share-bar__content:before, .strate-share-bar__content:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1rem;
    background-color: var(--color-title);
}
.strate-share-bar__content:after {
    height: 0.3rem;
    width: var(--strate-share-bar-size);
    background-color: var(--theme-secondary, var(--color-title));
}
@media (min-width: 576px) {
    .strate-share-bar .strate-share-bar__actions {
        justify-content: flex-end;
    }
    .strate-share-bar .strate-share-bar__actions .group {
        width: auto;
    }
    .strate-share-bar .strate-share-bar__content .t9 {
        min-height: 4rem;
    }
}
@media (min-width: 768px) {
    .strate-share-bar {
        position: sticky;
        top: var(--top);
    }
    .strate-share-bar .strate-share-bar__content {
        padding-top: 3rem;
        padding-bottom: 1.5rem;
    }
}
.strate-share-bar .strate-share-bar__content__podcasts .group {
    margin-top: 0.75rem;
}
.strate-share-bar .strate-share-bar__content__podcasts .group a {
    --btn-size: 4rem;
}
.strate-share-bar .iframe-wrapper {
    margin-top: -1rem;
}
@media (max-width: 1024px) {
    .strate-share-bar .iframe-wrapper {
        display: none;
    }
}
.strate-share-bar.strate--corpo {
    top: var(--top);
}
.strate-share-bar.strate--corpo .label {
    display: none;
}
.strate-share-bar.strate--corpo .strate-share-bar__content::before {
    background-color: var(--color-filet) !important;
}
@media (max-width: 1024px) {
    .strate-share-bar.strate--corpo {
        --top: 0;
    }
}

.nav-anchors + .strate-share-bar {
    --top: calc(var(--header-height) + var(--nav-anchors-height) - 5rem);
}
.nav-anchors + .strate-share-bar.strate--corpo {
    --top: calc(var(--header-height) + var(--nav-anchors-height) - 2rem);
}

.strate-list-post {
    z-index: 1;
    overflow: visible;
}
.strate-list-post .grid {
    margin-top: calc(var(--space) * -3);
}
.strate-list-post--no-results {
    background-color: var(--color-0);
    margin-top: calc(var(--space) * -2);
}
.strate-list-post--no-results .grid {
    margin-top: 0;
}
.strate-list-post__results {
    color: var(--color-0);
}
.strate-list-post__results p {
    color: var(--color-0);
}

.strate-paging.strate--corpo .paging {
    justify-content: initial;
}
.strate-paging.strate--corpo .paging li a {
    font-size: 1.4rem;
    font-weight: 300;
    font-family: var(--font-1);
    color: #000;
    opacity: 1;
}
.strate-paging.strate--corpo .paging li a[aria-current=page] {
    background-color: var(--theme-secondary);
    color: #fff;
    border: none;
}
.strate-paging.strate--corpo .paging li a svg {
    width: 0.6rem !important;
}
.strate-paging.strate--corpo .paging li a svg * {
    fill: var(--theme-secondary);
}
.strate-paging.strate--corpo .paging li:first-child {
    margin-right: auto;
}
.strate-paging.strate--corpo .paging li:first-child a:after {
    content: "Précédent";
    padding-left: 1rem;
}
.strate-paging.strate--corpo .paging li:last-child {
    margin-left: auto;
}
.strate-paging.strate--corpo .paging li:last-child a:before {
    content: "Suivant";
    padding-right: 1rem;
}
@media (max-width: 1024px) {
    .strate-paging.strate--corpo .paging {
        justify-content: initial;
    }
    .strate-paging.strate--corpo .paging .group > * {
        margin: 0;
    }
    .strate-paging.strate--corpo .paging li:first-child a:after {
        display: none;
    }
    .strate-paging.strate--corpo .paging li:last-child a:before {
        display: none;
    }
}

.strate-cards-list .swiper-slide {
    opacity: 1;
}
@media (min-width: 1025px) {
    .strate-cards-list .slider .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        grid-gap: var(--grid-gap);
        grid-row-gap: var(--grid-rgap);
        margin: 0 auto;
        box-sizing: border-box;
        width: 100%;
        align-items: flex-start;
    }
    .strate-cards-list .slider .swiper-wrapper .swiper-slide {
        opacity: 1;
    }
    .strate-cards-list .slider .slider__actions {
        display: none;
    }
}

.strate-404 {
    --grid-rgap: 4rem;
    padding-top: 10rem;
    padding-bottom: 10rem;
}

@media (min-width: 1025px) {
    .strate-highlight .image-col {
        padding-right: 2rem;
    }
}

@media (min-width: 1025px) {
    .strate-questions {
        overflow: visible;
    }
    .strate-questions strong {
        color: var(--theme-tertiary);
    }
    .strate-questions > .grid {
        align-items: flex-start;
        justify-content: flex-start;
    }
    .strate-questions > .grid .question-col {
        position: sticky;
        top: 18rem;
    }
}

.strate-filters {
    padding-top: 0;
    overflow: visible;
}
@media (min-width: 1025px) {
    .strate-filters .t15 {
        padding-right: 10rem;
    }
}
.strate-filters__top {
    padding-top: var(--space);
    padding-bottom: 6rem;
}
.strate-filters__bottom {
    position: relative;
}
.strate-filters__bottom:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 10rem;
    background-color: var(--color-7);
}
.strate-filters .push-newsletter {
    position: sticky;
    top: calc(var(--header-height) + 4rem);
}

.strate-iframe {
    border-top: 0.1rem solid var(--color-3);
    height: 7rem;
    display: flex;
    align-items: center;
    position: fixed;
    padding: 1rem 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
}
.strate-iframe .iframe-player {
    width: 100%;
}
@media (min-width: 1025px) {
    .strate-iframe {
        display: none;
    }
}

.strate-podcasts ul {
    margin-top: 2.5rem;
    position: relative;
}
.strate-podcasts ul li {
    position: relative;
}
.strate-podcasts ul li:before, .strate-podcasts ul li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0.1rem;
    left: 0;
    background-color: #516290;
}
.strate-podcasts ul li:before {
    top: 0;
}
.strate-podcasts ul li:after {
    bottom: 0;
}
.strate-podcasts ul li + li:before {
    display: none;
}
.strate-podcasts__actions {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
}
@media (min-width: 1025px) {
    .strate-podcasts .strate-podcasts__image-col {
        padding-right: 2rem;
    }
}
@media (max-width: 575px) {
    .strate-podcasts .strate-podcasts__actions {
        flex-direction: column;
        align-items: flex-start;
    }
    .strate-podcasts .strate-podcasts__actions > .btn {
        margin-top: 2rem;
    }
}

.strate-slider-cards {
    position: relative;
    padding-top: 0;
}
.strate-slider-cards__top {
    padding-top: var(--space);
    padding-bottom: var(--grid-rgap);
}
.strate-slider-cards__bottom {
    position: relative;
}
.strate-slider-cards__bottom:before {
    content: "";
    position: absolute;
    top: -0.1rem;
    left: 0;
    width: 100%;
    height: 25%;
    background-color: var(--color-2);
}
.strate-slider-cards .slider__actions button {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1rem solid var(--color-link);
}
.strate-slider-cards .slider__actions button.prev {
    border-radius: 0 0 0 1rem;
}
.strate-slider-cards .slider__actions button.next {
    border-radius: 0 1rem 0 0;
    margin-left: -0.1rem;
}
.strate-slider-cards .swiper-slide {
    width: calc((100% - (3 * 20px)) / 4);
}
.strate-slider-cards .swiper-slide:first-child {
    width: calc((100% - (1 * 20px)) / 2);
}
@media (max-width: 1024px) {
    .strate-slider-cards .swiper-slide {
        width: 40%;
    }
    .strate-slider-cards .swiper-slide:first-child {
        width: 70%;
    }
}
@media (max-width: 767px) {
    .strate-slider-cards .swiper-slide {
        width: 65%;
    }
    .strate-slider-cards .swiper-slide:first-child {
        width: 80%;
    }
}
@media (max-width: 575px) {
    .strate-slider-cards .swiper-slide {
        width: 75%;
    }
    .strate-slider-cards .swiper-slide:first-child {
        width: 90%;
    }
}

html.barba-transition body.blog .strate-slider-cards .b-color-2 {
    background-color: transparent;
}
html.barba-transition body.blog .strate-slider-cards__bottom:before {
    display: none;
}

.strate-accordions {
    background: linear-gradient(rgba(0, 0, 0, 0) 20rem, var(--theme-primary) 20rem);
    color: #fff;
    overflow: initial;
    padding-top: 0;
    margin-bottom: var(--space);
}
.strate-accordions .visu img {
    width: 100%;
    height: auto;
}
.strate-accordions header {
    display: grid;
    align-content: start;
    justify-items: start;
}
.strate-accordions header .cta {
    margin-top: 4rem;
    color: #fff;
}
.strate-accordions .suptitle {
    margin-bottom: 2.8rem;
    color: #fff;
}
@media (max-width: 1024px) {
    .strate-accordions .visu img {
        aspect-ratio: 1.43;
        object-fit: cover;
        border-radius: 0 1.5rem;
    }
    .strate-accordions .intro {
        margin-top: 3rem;
    }
}
@media (min-width: 1025px) {
    .strate-accordions .visu {
        margin-bottom: 8rem;
    }
    .strate-accordions .visu img {
        border-radius: 0 6rem;
    }
    .strate-accordions header {
        position: sticky;
        top: calc(var(--header-height) + 2rem);
        grid-column: 1/6;
    }
    .strate-accordions .intro {
        margin-top: 4rem;
    }
    .strate-accordions .accordion {
        grid-column: 7/-1;
    }
}

.strate-axes {
    background: linear-gradient(rgba(0, 0, 0, 0) 20rem, var(--theme-primary) 20rem);
    color: #fff;
    overflow: initial;
    padding-top: 0;
    margin-bottom: var(--space);
}
.strate-axes .visu img {
    width: 100%;
    height: auto;
}
.strate-axes .axes {
    counter-reset: compteListe;
}
.strate-axes .axes li {
    display: grid;
    gap: var(--grid-gap);
    border-top: 1px solid var(--theme-secondary);
}
.strate-axes .axes li::before {
    counter-increment: compteListe;
    content: "0" counter(compteListe);
    font-family: var(--font-2);
    font-weight: 300;
    line-height: 110%;
    color: var(--theme-secondary);
}
@media (max-width: 1024px) {
    .strate-axes .visu img {
        aspect-ratio: 1.43;
        object-fit: cover;
        border-radius: 0 1.5rem;
    }
    .strate-axes .axes img {
        display: none;
    }
    .strate-axes .axes li {
        padding: 3rem 0;
    }
    .strate-axes .axes li::before {
        font-size: 3.4rem;
    }
    .strate-axes .axes li:last-child {
        border-bottom: 1px solid var(--theme-secondary);
    }
    .strate-axes .rte {
        margin-top: 1rem;
    }
}
@media (min-width: 1025px) {
    .strate-axes .visu img {
        border-radius: 0 6rem;
    }
    .strate-axes h2 {
        grid-column: 1/6;
        margin-top: 10rem;
    }
    .strate-axes .axes {
        margin-top: 8rem;
    }
    .strate-axes .axes img {
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 0 1.5rem;
        object-fit: cover;
    }
    .strate-axes .axes li {
        grid-template-columns: repeat(12, 1fr);
        padding: 6rem 0;
    }
    .strate-axes .axes li picture {
        grid-column: 8/-2;
        height: 100%;
        position: relative;
        overflow: clip;
    }
    .strate-axes .axes li .text {
        grid-column: 2/7;
    }
    .strate-axes .axes li::before {
        grid-column: 1/2;
        font-size: 4.8rem;
    }
    .strate-axes .rte {
        margin-top: 2.4rem;
    }
}

.strate-cards-visual {
    --swiper-cols-sm: 1.6;
    --swiper-cols-md: 2.3;
    --swiper-cols-lg: 4;
    --swiper-gap-sm: 16;
    --swiper-gap-md: 20;
    --swiper-gap-lg: 28;
}
.strate-cards-visual header h2 {
    color: var(--color-blue-rexel);
}
.strate-cards-visual .list {
    display: grid;
    gap: var(--grid-gap);
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1024px) {
    .strate-cards-visual .suptitle {
        margin-bottom: 2rem;
    }
}
@media (min-width: 1025px) {
    .strate-cards-visual header {
        text-align: center;
        margin-bottom: 7rem;
    }
    .strate-cards-visual .suptitle {
        margin-bottom: 4rem;
    }
}

.strate-download .list {
    display: grid;
    gap: 2rem;
}

.strate-governance {
    --swiper-cols-sm: 1.6;
    --swiper-cols-md: 2.3;
    --swiper-cols-lg: 4;
    --swiper-gap-sm: 16;
    --swiper-gap-md: 20;
    --swiper-gap-lg: 28;
}
.strate-governance header {
    display: grid;
    column-gap: var(--grid-gap);
}
.strate-governance header h2 {
    color: var(--color-blue-rexel);
}
.strate-governance header .suptitle {
    margin-bottom: 2rem;
}
.strate-governance header .intro {
    margin-top: 2.4rem;
}
.strate-governance .slider-wrapper {
    grid-column: 1/-1;
    width: 100%;
}
@media (min-width: 1025px) {
    .strate-governance header {
        grid-template-columns: repeat(12, 1fr);
        margin-bottom: 5rem;
    }
    .strate-governance header h2 {
        grid-column: 1/7;
        grid-row: 2;
    }
    .strate-governance header .suptitle {
        margin-bottom: 2rem;
        grid-column: 1/7;
        grid-row: 1;
    }
    .strate-governance header .intro {
        grid-column: 9/-1;
        grid-row: 2;
        align-self: end;
        margin-top: 0;
        padding-left: 4rem;
        border-left: 1px solid var(--color-filet);
    }
}

.strate-figures-tabs header {
    display: grid;
    gap: 3rem;
}
.strate-figures-tabs header h2 {
    color: var(--color-blue-rexel);
}
.strate-figures-tabs header .suptitle {
    color: var(--theme-secondary);
}
.strate-figures-tabs .tabs {
    display: flex;
}
.strate-figures-tabs .tabs button,
.strate-figures-tabs .tabs a {
    border: 1px solid var(--theme-secondary);
    height: 70px;
    padding: 0 2rem;
    transition: all 0.3s ease;
    font-family: var(--font-2);
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.strate-figures-tabs .tabs button.active, .strate-figures-tabs .tabs button:hover,
.strate-figures-tabs .tabs a.active,
.strate-figures-tabs .tabs a:hover {
    background-color: var(--theme-secondary);
    color: #fff;
}
.strate-figures-tabs .tabs > *:not(:last-child) {
    border-right: none;
}
.strate-figures-tabs .tabs > *:first-child {
    border-radius: 0 0 0 1.5rem;
}
.strate-figures-tabs .tabs > *:last-child {
    border-radius: 0 1.5rem 0 0;
}
.strate-figures-tabs .tabs-panel {
    display: none;
}
.strate-figures-tabs .tabs-panel.active {
    display: block;
}
.strate-figures-tabs .list {
    display: flex;
    flex-wrap: wrap;
    gap: var(--grid-gap);
}
@media (max-width: 1024px) {
    .strate-figures-tabs .tabs button,
.strate-figures-tabs .tabs a {
        font-size: 1.4rem;
    }
    .strate-figures-tabs header {
        margin-bottom: 0;
    }
    .strate-figures-tabs .list {
        flex-direction: column;
    }
}
@media (min-width: 1025px) {
    .strate-figures-tabs header {
        grid-template-columns: repeat(12, 1fr);
        margin-bottom: 7rem;
    }
    .strate-figures-tabs header h2 {
        grid-column: 1/7;
    }
    .strate-figures-tabs header .suptitle {
        grid-column: 1/7;
    }
    .strate-figures-tabs header .intro {
        grid-column: 1/7;
    }
    .strate-figures-tabs header .tabs {
        grid-column: 7/-1;
        align-self: end;
        justify-self: end;
    }
    .strate-figures-tabs .list li {
        flex: 1 1 40rem;
    }
}

.strate-figures .t4 {
    color: var(--theme-tertiary, #000);
}
.strate-figures .number {
    font-family: var(--font-2);
    font-weight: 300;
}
@media (max-width: 1024px) {
    .strate-figures .number {
        font-size: 4rem;
        margin-bottom: 0.5rem;
        line-height: 110%;
    }
}
@media (min-width: 1025px) {
    .strate-figures .number {
        font-size: 5.4rem;
        margin-bottom: 0.5rem;
        line-height: 110%;
    }
    .strate-figures.strate--sm {
        padding-left: 20rem;
        padding-right: 20rem;
    }
}

html.barba-transition body.blog .strate-event-tdf.b-color-2 {
    background-color: transparent !important;
}

.strate-event-tdf {
    height: 100dvh;
    padding-top: calc(var(--header-height) + 2rem);
    overflow: hidden;
    position: relative;
    --swiper-cols-sm: 1.4;
    --swiper-cols-md: 2.3;
    --swiper-cols-lg: 3.18;
    --swiper-gap-sm: 10;
    --swiper-gap-md: 8;
    --swiper-gap-lg: 8;
}
.strate-event-tdf .grid {
    row-gap: 0;
    height: 100%;
    align-content: start;
    align-items: start;
}
.strate-event-tdf .content {
    grid-column: 1/-1;
    grid-row: 1;
    font-family: var(--font-2);
}
.strate-event-tdf .content .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 103%;
}
.strate-event-tdf .content .intro {
    margin-top: 2rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 4rem;
}
.strate-event-tdf .map {
    position: relative;
    align-self: start;
    aspect-ratio: 588/670;
    width: auto;
    justify-self: center;
    --mapWidth: 588;
    --mapHeight: 670;
}
.strate-event-tdf .map svg {
    height: 100%;
    width: 100%;
}
.strate-event-tdf .map .tip {
    position: absolute;
    background-color: #fff;
    color: var(--color-blue-rexel);
    font-family: var(--font-2);
    font-size: 1.4rem;
    box-shadow: 0px 0px 8px 0px #FFF;
    display: inline-grid;
    translate: -50% var(--y);
    opacity: 0;
    transition: all 0.3s ease;
    --y: -55px;
    --posY: 0;
    --posX: 0;
    pointer-events: none;
    top: calc(var(--posY) * 100% / var(--mapHeight));
    left: calc(var(--posX) * 100% / var(--mapWidth));
}
.strate-event-tdf .map .tip span {
    grid-area: 1/1;
    padding: 0.3rem 1.5rem;
    white-space: nowrap;
}
.strate-event-tdf .map .tip .nok {
    display: none;
}
.strate-event-tdf .map .tip:after {
    content: "";
    grid-area: 1/1;
    display: block;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 12px solid #fff;
    align-self: end;
    justify-self: center;
    translate: 0 calc(100% - 2px);
}
.strate-event-tdf .map .tip.selected, .strate-event-tdf .map .tip.hover {
    opacity: 1;
    --y: -70px;
}
.strate-event-tdf .map .tip.selected.disable, .strate-event-tdf .map .tip.hover.disable {
    --y: -55px;
}
.strate-event-tdf .map .tip.disable {
    --y: -40px;
}
.strate-event-tdf .map .tip.disable .ok {
    display: none;
}
.strate-event-tdf .map .tip.disable .nok {
    display: block;
}
.strate-event-tdf .map .point {
    --fill: #0A287D;
    --r: 8px;
}
.strate-event-tdf .map .point .fill {
    transition: all 0.3s ease;
    fill: var(--fill);
}
.strate-event-tdf .map .point .stroke {
    pointer-events: none;
    transition: all 0.3s ease;
    r: var(--r);
}
.strate-event-tdf .map .point.active {
    --fill: #FFDD00;
}
.strate-event-tdf .map .point:not(.disable):hover {
    --fill: rgba(255, 255, 255, 1);
    --r: 30px;
}
.strate-event-tdf .map .point.disable {
    --fill: rgba(255, 255, 255, .5);
}
.strate-event-tdf .map .point:not(.disable).selected {
    --fill: rgba(255, 255, 255, 1);
    --r: 30px;
}
.strate-event-tdf .steps {
    position: absolute;
    bottom: 0;
    width: 100%;
}
.strate-event-tdf .map {
    grid-row: 2;
    grid-column: 2/-2;
}
.strate-event-tdf .logo {
    grid-row: 2;
    grid-column: 8/-1;
    max-width: 100px;
    justify-self: end;
}
.strate-event-tdf .swiper-wrapper {
    position: relative;
    align-items: end;
}
.strate-event-tdf .slider__actions-corpo {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    translate: 0 calc(-100% - 3rem);
    color: #fff;
    --color: #fff;
    --color-blue-eclipse: #fff ;
}
.strate-event-tdf .step {
    color: var(--color-blue-rexel);
    position: relative;
}
.strate-event-tdf .step .content {
    display: grid;
    grid-template-columns: min-content 1fr;
    column-gap: 1rem;
    justify-items: start;
    align-items: start;
    background-color: #fff;
    padding: 1rem;
    border-radius: 1rem;
    box-sizing: border-box;
    align-content: start;
}
.strate-event-tdf .step .visu {
    position: absolute;
    z-index: -1;
    grid-column: 1/-1;
    bottom: calc(100% - 1rem);
    transition: all 0.3s ease;
    padding: 1rem;
    background: #fff;
    box-sizing: border-box;
    border-radius: 1rem 1rem 0 0;
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    display: grid;
    color: #fff;
    width: 100%;
}
.strate-event-tdf .step .visu .picto {
    grid-area: 1/1;
    z-index: 2;
    width: 6.6rem;
    height: 6.6rem;
    background-color: var(--color-blue-rexel);
    border-radius: 50%;
    align-self: center;
    justify-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 5px;
}
.strate-event-tdf .step .visu img {
    width: 100%;
    transition: scale 0.8s ease;
    grid-area: 1/1;
    object-fit: cover;
    height: 100%;
}
.strate-event-tdf .step .visu picture {
    grid-area: 1/1;
    translate: 0 100%;
    transition: translate 0.3s ease;
    border-radius: 0.7rem;
    overflow: hidden;
    display: grid;
    aspect-ratio: 820/368;
    background-color: var(--color-filet);
    aspect-ratio: 410/184;
    width: 100%;
}
.strate-event-tdf .step .visu picture:before, .strate-event-tdf .step .visu picture:after {
    content: "";
    width: 100%;
    height: 0.7rem;
    grid-area: 1/1;
    align-self: end;
    z-index: 2;
}
.strate-event-tdf .step .visu picture:before {
    background-color: #009F8C;
}
.strate-event-tdf .step .visu picture:after {
    background-color: #FFDD00;
    margin-bottom: 0.7rem;
}
.strate-event-tdf .step .rubrique {
    text-transform: inherit;
    white-space: nowrap;
}
.strate-event-tdf .step .town {
    border: 1px solid var(--color-blue-rexel);
    font-size: 1.4rem;
    padding: 0.4rem 0.8rem;
    text-transform: inherit;
    font-family: var(--font-2);
    font-weight: 400;
    line-height: normal;
}
.strate-event-tdf .step h2 {
    margin-top: 0.5rem;
    grid-column: 1/-1;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 120%;
    text-decoration: underline;
    text-decoration-color: rgba(0, 0, 0, 0);
    transition: text-decoration-color 0.3s ease;
}
.strate-event-tdf .step a {
    pointer-events: none;
}
.strate-event-tdf .step:not(.disable).active .visu {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.strate-event-tdf .step:not(.disable).active picture {
    translate: 0 0;
}
.strate-event-tdf .step:not(.disable).active a {
    pointer-events: initial;
}
.strate-event-tdf .step:not(.disable).active:hover img {
    scale: 1.05;
}
.strate-event-tdf .step:not(.disable).active:hover h2 {
    text-decoration: underline;
    text-decoration-color: currentColor;
}
.strate-event-tdf .step.disable {
    opacity: 0.95;
    pointer-events: none;
    --color-blue-rexel: #b9b9b9;
}
@media (max-width: 575px) {
    .strate-event-tdf .step h2 {
        font-size: 1rem;
    }
    .strate-event-tdf .step .rubrique,
.strate-event-tdf .step .town {
        font-size: 1rem;
    }
}
@media (min-width: 1025px) {
    .strate-event-tdf .step h2 {
        font-size: 1.8rem;
        font-weight: 300;
        margin-top: 1.4rem;
    }
    .strate-event-tdf .step .content {
        padding: 1.6rem 1.7rem 2rem;
    }
    .strate-event-tdf .step .visu {
        padding: 1.6rem 1.7rem 1.6rem;
    }
}
@media (max-width: 575px) {
    .strate-event-tdf .map {
        margin-left: -1rem;
        margin-right: -1rem;
        margin-top: 2rem;
        height: 50vh;
    }
    .strate-event-tdf .content .intro {
        margin-bottom: 1.4rem;
    }
}
@media (max-width: 575px) and (max-height: 700px) {
    .strate-event-tdf .step .visu {
        display: none;
    }
    .strate-event-tdf .map {
        height: 50vh;
    }
    .strate-event-tdf .slider__actions-corpo {
        display: none;
    }
}
@media (min-width: 576px) {
    .strate-event-tdf .slider__actions-corpo {
        display: none;
    }
    .strate-event-tdf .map {
        grid-column: 2/-2;
        max-width: none;
        height: 65vh;
    }
    .strate-event-tdf .logo {
        grid-column: 9/-1;
        padding-left: 5rem;
        max-width: 220px;
    }
}
@media (min-width: 768px) {
    .strate-event-tdf .map {
        grid-column: 3/-3;
    }
}
@media (min-width: 1025px) {
    .strate-event-tdf .content {
        grid-column: 1/7;
    }
    .strate-event-tdf .content .title {
        margin-top: 5rem;
        font-size: 40px;
    }
    .strate-event-tdf .content .intro {
        font-size: 2.1rem;
    }
    .strate-event-tdf .map {
        grid-column: 8/-2;
        grid-row: 1;
        margin-right: 5rem;
        height: 70vh;
        justify-self: center;
    }
    .strate-event-tdf .logo {
        grid-row: 1;
        grid-column: 11/-1;
        padding-left: 5rem;
    }
}
@media (min-width: 1200px) {
    .strate-event-tdf .content .title {
        margin-top: 5rem;
        font-size: 63.429px;
    }
}
@media (min-width: 1400px) {
    .strate-event-tdf .map {
        grid-column: 7/-1;
        height: 80vh;
    }
    .strate-event-tdf .content {
        grid-column: 1/7;
    }
}
@media (min-width: 1400px) and (max-height: 700px) {
    .strate-event-tdf .map {
        height: 70vh;
    }
    .strate-event-tdf .content {
        grid-column: 1/8;
    }
}

.strate-latest {
    --theme-secondary: var(--color-blue-volta);
}
.strate-latest .container {
    border-top: 1px solid var(--color-filet);
    padding-bottom: 3rem;
}
.strate-latest img {
    width: 100%;
}
.strate-latest h2 {
    margin-top: 3.3rem;
    color: var(--color-blue-rexel);
    margin-bottom: 2.2rem;
}
.strate-latest .last-projects {
    grid-column: 1/6;
}
.strate-latest .last-news {
    grid-column: 6/-1;
}
.strate-latest .list {
    display: grid;
}
.strate-latest .cta-all {
    margin-top: 4rem;
    justify-self: start;
    margin-bottom: 4rem;
}
@media (max-width: 1024px) {
    .strate-latest .last-projects,
.strate-latest .last-news {
        display: flex;
        flex-direction: column;
    }
    .strate-latest .last-news {
        border-top: 1px solid var(--color-filet);
    }
    .strate-latest .list {
        gap: 5rem;
    }
    .strate-latest .cta-all {
        width: 100%;
        text-align: center;
        max-width: 390px;
        align-self: center;
    }
}
@media (min-width: 1025px) {
    .strate-latest .container {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
    }
    .strate-latest h2 {
        margin-top: 6rem;
        margin-bottom: 4rem;
    }
    .strate-latest .last-news {
        padding-left: 4rem;
        border-left: 1px solid var(--color-filet);
        margin-left: 4rem;
    }
    .strate-latest .list {
        gap: 2rem;
    }
    .strate-latest .cta-all {
        margin-top: 4rem;
        margin-bottom: 6rem;
    }
}

.strate-pushes {
    position: relative;
    margin-top: -16rem;
    padding-top: 0;
    z-index: 10;
}
.strate-pushes .card-push {
    aspect-ratio: 815/460;
    min-height: 22rem;
    width: 100%;
    height: 100%;
}
.strate-pushes .swiper-wrapper {
    width: 100%;
}
.strate-pushes .swiper-slide {
    width: calc((100% - (1 * 20px)) / 1);
}
@media (min-width: 1025px) {
    .strate-pushes {
        margin-top: -12rem;
    }
    .strate-pushes .card-push {
        min-height: 40rem;
        width: 100%;
        height: 100%;
    }
}
@media (min-width: 1200px) {
    .strate-pushes .swiper-wrapper {
        width: calc(100% + (100svw - 100%)/2 + 20px);
    }
    .strate-pushes .swiper-slide {
        width: calc((100% - (2 * 20px)) / 2);
    }
}

.strate-slider-labels {
    --swiper-cols-sm: 2.3;
    --swiper-cols-md: 2.3;
    --swiper-cols-lg: 4.3;
    --swiper-gap-sm: 10;
    --swiper-gap-md: 20;
    --swiper-gap-lg: 20;
}
.strate-slider-labels header {
    text-align: center;
    margin-bottom: 0rem;
}
.strate-slider-labels header h2 {
    color: var(--color-blue-rexel);
}
.strate-slider-labels header .suptitle {
    color: var(--theme-tertiary);
    margin-bottom: 2rem;
}
@media (min-width: 1025px) {
    .strate-slider-labels header {
        margin-bottom: 7rem;
    }
    .strate-slider-labels header .suptitle {
        margin-bottom: 4rem;
    }
}

.strate-pillars header h2 {
    color: var(--color-blue-rexel);
}
.strate-pillars .suptitle {
    margin-bottom: 3rem;
}
.strate-pillars .grid {
    row-gap: 5rem;
}
.strate-pillars .part {
    display: grid;
    gap: var(--grid-gap);
}
.strate-pillars .part img {
    width: 100%;
    height: auto;
    border-radius: 0 3rem;
}
.strate-pillars .part .figures {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}
.strate-pillars .part .figures li {
    flex: 1;
}
.strate-pillars .part .figures .figure {
    color: var(--theme-tertiary);
    font-weight: 300;
    line-height: 110%;
    font-family: var(--font-2);
    margin-top: 6rem;
    margin-bottom: 1rem;
    white-space: nowrap;
}
.strate-pillars .part .figures .prefix {
    font-size: 4rem;
}
.strate-pillars .part .figures .value {
    font-size: 6rem;
}
.strate-pillars .part .figures .suffix {
    font-size: 4rem;
}
.strate-pillars .part h2,
.strate-pillars .part h3,
.strate-pillars .part h4 {
    color: var(--theme-tertiary);
}
@media (max-width: 767px) {
    .strate-pillars .part {
        gap: 3rem;
    }
    .strate-pillars .part .rte {
        margin-top: 3rem;
    }
    .strate-pillars .part img {
        border-radius: 0 1.5rem;
    }
    .strate-pillars .part .figures {
        flex-direction: column;
    }
    .strate-pillars .part .figures .value {
        font-size: 5rem;
    }
}
@media (min-width: 1025px) {
    .strate-pillars .part {
        grid-template-columns: repeat(12, 1fr);
        align-items: center;
    }
    .strate-pillars .part .figures {
        flex-wrap: wrap;
    }
    .strate-pillars .part .figures li {
        flex: 0 1 calc(50% - 1rem);
    }
    .strate-pillars .part picture {
        grid-column: 1/6;
        grid-row: 1;
    }
    .strate-pillars .part .text {
        grid-column: 6/-1;
        grid-row: 1;
    }
    .strate-pillars .part .rte {
        margin-top: 3rem;
    }
    .strate-pillars .part:nth-child(odd) picture {
        grid-column: 8/-1;
    }
    .strate-pillars .part:nth-child(odd) .text {
        grid-column: 1/8;
    }
}
@media (min-width: 1200px) {
    .strate-pillars .suptitle {
        margin-bottom: 4.8rem;
    }
    .strate-pillars .grid {
        row-gap: 10rem;
    }
    .strate-pillars .part picture {
        grid-column: 1/6;
    }
    .strate-pillars .part .text {
        grid-column: 7/-2;
    }
    .strate-pillars .part:nth-child(odd) picture {
        grid-column: 8/-1;
    }
    .strate-pillars .part:nth-child(odd) .text {
        grid-column: 2/7;
    }
}

.strate-3-visuals header {
    margin-bottom: 2rem;
}
.strate-3-visuals h2 {
    color: var(--color-blue-rexel);
    text-align: center;
}
.strate-3-visuals .visuals {
    display: grid;
    gap: var(--grid-gap);
}
.strate-3-visuals img {
    width: 100%;
    height: auto;
    margin-bottom: 2rem;
}
.strate-3-visuals .card-visual-text {
    text-align: center;
}
.strate-3-visuals .card-visual-text h3,
.strate-3-visuals .card-visual-text h4,
.strate-3-visuals .card-visual-text .cta {
    color: var(--color-blue-rexel);
}
.strate-3-visuals .card-visual-text h4 {
    margin-bottom: 2.2rem;
}
.strate-3-visuals .card-visual-text .cta {
    margin-top: 1.2rem;
    display: inline-block;
    text-decoration: underline;
    font-family: var(--font-2);
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 120%;
}
@media (max-width: 575px) {
    .strate-3-visuals img {
        max-width: 260px;
        margin: 0 auto;
    }
}
@media (min-width: 576px) {
    .strate-3-visuals .visuals {
        grid-template-columns: repeat(3, 1fr);
    }
}

.field {
    position: relative;
}
.field input[type=mail],
.field input[type=text] {
    height: 5rem;
    border: 0.1rem solid var(--color-4);
    border-radius: 0 1rem 0 1rem;
    width: 100%;
    background-color: transparent;
    color: var(--color-title);
    font-family: var(--font-2);
    font-weight: 700;
    padding: 0.5rem 2.5rem;
}
.field input[type=mail]::placeholder,
.field input[type=text]::placeholder {
    color: var(--color-title);
}
.field.action {
    display: flex;
    justify-content: end;
}
.field button {
    background-color: var(--color-4);
    color: var(--color-0);
    height: 5rem;
    padding: 0.5rem 2.5rem;
    border-radius: 0 1rem 0 0rem;
    font-family: var(--font-2);
    font-weight: 700;
    border: 0.1rem solid var(--color-4);
    transition: all 0.5s var(--transition);
}
.field button:not(.default) {
    position: absolute;
    top: 0;
    right: 0;
}
.field button:hover {
    background-color: var(--color-0);
    color: var(--color-4);
}
.field input[type=checkbox] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.field input[type=checkbox] + label {
    padding-left: 5rem;
    position: relative;
    display: flex;
    color: var(--color-title);
}
.field input[type=checkbox] + label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
    height: 3rem;
    border: 0.1rem solid var(--color-4);
}
.field input[type=checkbox] + label:after {
    content: "";
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    width: 1.5rem;
    height: 1.5rem;
    background-color: var(--color-title);
    opacity: 0;
}
.field input[type=checkbox] + label:hover:after {
    opacity: 0.1;
    transition: all 0.5s var(--transition);
}
.field input[type=checkbox]:checked + label:after {
    opacity: 1;
}

@media (max-width: 1024px) {
    body.single.podcast {
        padding-bottom: 7rem;
    }
}

.home .strate-highlight {
    padding-bottom: 0;
}

.iframe-player {
    overflow: hidden;
    border: 0.1rem solid var(--color-7);
}
.iframe-player iframe {
    width: calc(100% + 152px);
    margin-left: -151px;
    margin-top: -1px;
    margin-bottom: -1px;
    display: block;
}
.iframe-player--sm {
    height: 50px;
    border: 0;
    width: 300px;
}
.iframe-player--sm iframe {
    width: calc(100% + 200px);
    margin-left: -163px;
    margin-top: -6px;
    margin-bottom: -1px;
}

#ot-sdk-btn {
    border: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    padding: 0 !important;
    background-color: transparent !important;
}

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;
}

body {
    position: relative;
    --barba-transition-height: 35vh;
}
body.is-event {
    --barba-transition-height: calc(100vh + 35vh);
}
body:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0;
    background-color: var(--color-2);
    transition: all 0.5s var(--transition);
}

html.barba-transition body:after {
    height: var(--barba-transition-height);
    z-index: -1;
}

/*# sourceMappingURL=app.css.map*/