body {
    --font-base: $font-base;
    --font-heading-family: "Lexend", sans-serif;
    --font-body-family: "Lexend", sans-serif;
    --font-weight-xs: 200;
    --font-weight-s: 300;
    --font-weight-m: 400;
    --font-weight-l: 600;
    --font-weight-xl: 700;
    --font-weight-xxl: 800
}

body {
    --block-margin-bottom-s: 3rem;
    --block-margin-bottom-default: 5rem;
    --block-margin-bottom-l: 9rem;
    --single-post-max-width: 77.6rem
}

@media(min-width: 768px) {
    body {
        --block-margin-bottom-s: 5rem;
        --block-margin-bottom-default: 9.2rem;
        --block-margin-bottom-l: 17rem
    }
}

body {
    --wp--style--global--extra-size: 100vw;
    --wp--style--global--full-size: 117.6rem;
    --wp--style--global--row-size: 117.6rem;
    --wp--style--global--content-size: var(--wp--style--global--extra-size);
    --wp--style--global--wide-size: var(--wp--style--global--full-size)
}

:root {
    --color-primary: $color-mirage;
    --color-secondary: var(--wp--preset--color--secondary);
    --transition-duration: 200ms;
    --transition-delay: 200ms;
    --transition-timing: ease-out
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

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

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

td,
th {
    padding: 0
}

@font-face {
    font-family: "Lexend";
    src: url("fonts/LexendDeca-VariableFont_wght.ttf") format("truetype-variations");
    font-weight: 1 999;
    font-display: swap
}

.bg-color-mirage {
    background-color: #141729
}

.bg-color-mirage-alpha-8 {
    background-color: rgba(20, 23, 41, .8)
}

.bg-color-mirage-alpha-6 {
    background-color: rgba(20, 23, 41, .6)
}

.bg-color-mirage-alpha-4 {
    background-color: rgba(20, 23, 41, .4)
}

.bg-color-mirage-alpha-2 {
    background-color: rgba(20, 23, 41, .2)
}

.bg-color-zodiac {
    background-color: #152d50
}

.bg-color-zodiac-alpha-8 {
    background-color: rgba(21, 45, 80, .8)
}

.bg-color-zodiac-alpha-6 {
    background-color: rgba(21, 45, 80, .6)
}

.bg-color-zodiac-alpha-4 {
    background-color: rgba(21, 45, 80, .4)
}

.bg-color-zodiac-alpha-2 {
    background-color: rgba(21, 45, 80, .2)
}

.bg-color-bayoux {
    background-color: #50637d
}

.bg-color-bayoux-alpha-8 {
    background-color: rgba(80, 99, 125, .8)
}

.bg-color-bayoux-alpha-6 {
    background-color: rgba(80, 99, 125, .6)
}

.bg-color-bayoux-alpha-4 {
    background-color: rgba(80, 99, 125, .4)
}

.bg-color-bayoux-alpha-2 {
    background-color: rgba(80, 99, 125, .2)
}

.bg-color-bali {
    background-color: #7d92ae
}

.bg-color-bali-alpha-8 {
    background-color: rgba(125, 146, 174, .8)
}

.bg-color-bali-alpha-6 {
    background-color: rgba(125, 146, 174, .6)
}

.bg-color-bali-alpha-4 {
    background-color: rgba(125, 146, 174, .4)
}

.bg-color-bali-alpha-2 {
    background-color: rgba(125, 146, 174, .2)
}

.bg-color-white {
    background-color: #fff
}

.bg-color-white-alpha-8 {
    background-color: rgba(255, 255, 255, .8)
}

.bg-color-white-alpha-6 {
    background-color: rgba(255, 255, 255, .6)
}

.bg-color-white-alpha-4 {
    background-color: rgba(255, 255, 255, .4)
}

.bg-color-white-alpha-2 {
    background-color: rgba(255, 255, 255, .2)
}

.bg-color-rock {
    background-color: #eeebdf
}

.bg-color-rock-alpha-8 {
    background-color: rgba(238, 235, 223, .8)
}

.bg-color-rock-alpha-6 {
    background-color: rgba(238, 235, 223, .6)
}

.bg-color-rock-alpha-4 {
    background-color: rgba(238, 235, 223, .4)
}

.bg-color-rock-alpha-2 {
    background-color: rgba(238, 235, 223, .2)
}

.bg-color-lemon {
    background-color: #a4a691
}

.bg-color-lemon-alpha-8 {
    background-color: rgba(146, 166, 145, .8)
}

.bg-color-lemon-alpha-6 {
    background-color: rgba(146, 166, 145, .6)
}

.bg-color-lemon-alpha-4 {
    background-color: rgba(146, 166, 145, .4)
}

.bg-color-lemon-alpha-2 {
    background-color: rgba(146, 166, 145, .2)
}

.bg-color-coral {
    background-color: #fb874a
}

.bg-color-coral-alpha-8 {
    background-color: rgba(251, 135, 74, .8)
}

.bg-color-coral-alpha-6 {
    background-color: rgba(251, 135, 74, .6)
}

.bg-color-coral-alpha-4 {
    background-color: rgba(251, 135, 74, .4)
}

.bg-color-coral-alpha-2 {
    background-color: rgba(251, 135, 74, .2)
}

.bg-color-sea {
    background-color: #0e536a
}

.bg-color-sea-alpha-8 {
    background-color: rgba(14, 83, 103, .8)
}

.bg-color-sea-alpha-6 {
    background-color: rgba(14, 83, 103, .6)
}

.bg-color-sea-alpha-4 {
    background-color: rgba(14, 83, 103, .4)
}

.bg-color-sea-alpha-2 {
    background-color: rgba(14, 83, 103, .2)
}

.color-mirage {
    color: #141729
}

.color-mirage-alpha-8 {
    color: rgba(20, 23, 41, .8)
}

.color-mirage-alpha-6 {
    color: rgba(20, 23, 41, .6)
}

.color-mirage-alpha-4 {
    color: rgba(20, 23, 41, .4)
}

.color-mirage-alpha-2 {
    color: rgba(20, 23, 41, .2)
}

.color-zodiac {
    color: #152d50
}

.color-zodiac-alpha-8 {
    color: rgba(21, 45, 80, .8)
}

.color-zodiac-alpha-6 {
    color: rgba(21, 45, 80, .6)
}

.color-zodiac-alpha-4 {
    color: rgba(21, 45, 80, .4)
}

.color-zodiac-alpha-2 {
    color: rgba(21, 45, 80, .2)
}

.color-bayoux {
    color: #50637d
}

.color-bayoux-alpha-8 {
    color: rgba(80, 99, 125, .8)
}

.color-bayoux-alpha-6 {
    color: rgba(80, 99, 125, .6)
}

.color-bayoux-alpha-4 {
    color: rgba(80, 99, 125, .4)
}

.color-bayoux-alpha-2 {
    color: rgba(80, 99, 125, .2)
}

.color-bali {
    color: #7d92ae
}

.color-bali-alpha-8 {
    color: rgba(125, 146, 174, .8)
}

.color-bali-alpha-6 {
    color: rgba(125, 146, 174, .6)
}

.color-bali-alpha-4 {
    color: rgba(125, 146, 174, .4)
}

.color-bali-alpha-2 {
    color: rgba(125, 146, 174, .2)
}

.color-white {
    color: #fff
}

.color-white-alpha-8 {
    color: rgba(255, 255, 255, .8)
}

.color-white-alpha-6 {
    color: rgba(255, 255, 255, .6)
}

.color-white-alpha-4 {
    color: rgba(255, 255, 255, .4)
}

.color-white-alpha-2 {
    color: rgba(255, 255, 255, .2)
}

.color-rock {
    color: #eeebdf
}

.color-rock-alpha-8 {
    color: rgba(238, 235, 223, .8)
}

.color-rock-alpha-6 {
    color: rgba(238, 235, 223, .6)
}

.color-rock-alpha-4 {
    color: rgba(238, 235, 223, .4)
}

.color-rock-alpha-2 {
    color: rgba(238, 235, 223, .2)
}

.color-lemon {
    color: #a4a691
}

.color-lemon-alpha-8 {
    color: rgba(146, 166, 145, .8)
}

.color-lemon-alpha-6 {
    color: rgba(146, 166, 145, .6)
}

.color-lemon-alpha-4 {
    color: rgba(146, 166, 145, .4)
}

.color-lemon-alpha-2 {
    color: rgba(146, 166, 145, .2)
}

.color-coral {
    color: #fb874a
}

.color-coral-alpha-8 {
    color: rgba(251, 135, 74, .8)
}

.color-coral-alpha-6 {
    color: rgba(251, 135, 74, .6)
}

.color-coral-alpha-4 {
    color: rgba(251, 135, 74, .4)
}

.color-coral-alpha-2 {
    color: rgba(251, 135, 74, .2)
}

.color-sea {
    color: #0e536a
}

.color-sea-alpha-8 {
    color: rgba(14, 83, 103, .8)
}

.color-sea-alpha-6 {
    color: rgba(14, 83, 103, .6)
}

.color-sea-alpha-4 {
    color: rgba(14, 83, 103, .4)
}

.color-sea-alpha-2 {
    color: rgba(14, 83, 103, .2)
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    text-rendering: optimizeLegibility;
    -ms-overflow-style: scrollbar;
    height: -webkit-fill-available;
    font-size: .625rem
}

*,
*::before,
*::after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: inherit
}

html,
body {
    height: 100%
}

.wp-block-group {
    contain: paint
}

body .wp-site-blocks {
    overflow: clip;
    position: relative
}

.is-layout-inner-constrained {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important
}

.row-wide,
body .row-wide {
    max-width: var(--wp--style--global--row-size);
    padding-left: 2rem;
    padding-right: 2rem;
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 1176px) {

    .row-wide,
    body .row-wide {
        padding-left: 0;
        padding-right: 0
    }
}

.c-row {
    display: flex;
    flex-wrap: wrap
}

@media(min-width: 1176px) {
    .c-row {
        margin: 0 .8rem
    }
}

.c-row .c-row {
    margin: 0
}

.c-row:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide) {
    max-width: calc(var(--wp--style--global--content-size) + 1.6rem) !important
}

.row-wide .c-row:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide) {
    margin-left: 0;
    margin-right: 0
}

.c-row--vcentered {
    align-items: center
}

.c-row>* {
    width: 100%;
    max-width: 100%
}

.c-row-showCols [class^=c-col-]>* {
    background-color: rgba(255, 0, 0, .1)
}

@media(min-width: 768px) {
    [class*=c-col-]:not(.c-row) {
        padding-left: .8rem;
        padding-right: .8rem;
        flex: 0 0 auto
    }

    .c-col-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .c-col-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .c-col-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .c-col-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .c-col-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .c-col-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .c-col-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .c-col-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .c-col-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .c-col-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .c-col-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .c-col-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

.c-row--expanded {
    display: flex;
    flex-wrap: nowrap;
    gap: 1.6rem;
    flex-direction: column
}

@media(min-width: 768px) {
    .c-row--expanded {
        flex-direction: row
    }
}

@media(min-width: 1176px) {
    .c-row--expanded>*:first-child .c-row--expanded--inner {
        margin-left: calc(50vw - var(--wp--style--global--full-size)/2)
    }

    .c-row--expanded>*:last-child .c-row--expanded--inner {
        margin-right: calc(47vw - var(--wp--style--global--full-size)/7)
    }

    .c-row--expanded-col-1 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 1) - 3.2rem)
    }

    .c-row--expanded-col-2 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 2) - 3.2rem)
    }

    .c-row--expanded-col-3 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 3) - 3.2rem)
    }

    .c-row--expanded-col-4 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 4) - 3.2rem)
    }

    .c-row--expanded-col-5 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 5) - 3.2rem)
    }

    .c-row--expanded-col-6 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 6) - 3.2rem)
    }

    .c-row--expanded-col-7 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 7) - 3.2rem)
    }

    .c-row--expanded-col-8 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 8) - 3.2rem)
    }

    .c-row--expanded-col-9 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 9) - 3.2rem)
    }

    .c-row--expanded-col-10 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 10) - 3.2rem)
    }

    .c-row--expanded-col-11 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 11) - 3.2rem)
    }

    .c-row--expanded-col-12 .c-row--expanded--inner {
        width: calc((var(--wp--style--global--full-size) / 12 * 12) - 3.2rem)
    }
}

@media(min-width: 768px) {
    .c-row--expanded>.c-row--expanded-col-last {
        margin-left: auto;
        padding-right: 0
    }

    .c-row--expanded>.c-row--expanded-col-last .c-row--expanded--inner {
        margin-left: auto
    }

    .c-row--expanded>.c-row--expanded-col-first {
        margin-right: auto;
        padding-left: 0
    }

    .c-row--expanded>.c-row--expanded-col-first .c-row--expanded--inner {
        margin-right: auto
    }
}

.c-row--expanded p {
    padding: 10px
}

[class^=c-row--expanded-col-] {
    padding: 0 2rem;
    width: 100%;
    max-width: 100%
}

@media(min-width: 768px) {
    [class^=c-row--expanded-col-] {
        padding: 0 .8rem
    }
}

@media(min-width: 768px)and (max-width: 1175px) {
    .c-row--expanded-col-1 {
        flex-basis: 8.3333333333%;
        max-width: 8.3333333333%
    }

    .c-row--expanded-col-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .c-row--expanded-col-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .c-row--expanded-col-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .c-row--expanded-col-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .c-row--expanded-col-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .c-row--expanded-col-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .c-row--expanded-col-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .c-row--expanded-col-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .c-row--expanded-col-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .c-row--expanded-col-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .c-row--expanded-col-12 {
        flex-basis: 100%;
        max-width: 100%
    }
}

@media(min-width: 768px) {
    .c-gap-right-1 {
        margin-right: 8.3333333333%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-1 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-1 {
        margin-left: 8.3333333333%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-1 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-1 {
        padding-right: 8.3333333333%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-1 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-1 {
        padding-left: 8.3333333333%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-1 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-2 {
        margin-right: 16.6666666667%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-2 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-2 {
        margin-left: 16.6666666667%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-2 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-2 {
        padding-right: 16.6666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-2 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-2 {
        padding-left: 16.6666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-2 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-3 {
        margin-right: 25%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-3 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-3 {
        margin-left: 25%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-3 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-3 {
        padding-right: 25%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-3 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-3 {
        padding-left: 25%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-3 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-4 {
        margin-right: 33.3333333333%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-4 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-4 {
        margin-left: 33.3333333333%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-4 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-4 {
        padding-right: 33.3333333333%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-4 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-4 {
        padding-left: 33.3333333333%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-4 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-5 {
        margin-right: 41.6666666667%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-5 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-5 {
        margin-left: 41.6666666667%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-5 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-5 {
        padding-right: 41.6666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-5 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-5 {
        padding-left: 41.6666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-5 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-6 {
        margin-right: 50%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-6 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-6 {
        margin-left: 50%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-6 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-6 {
        padding-right: 50%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-6 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-6 {
        padding-left: 50%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-6 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-7 {
        margin-right: 58.3333333333%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-7 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-7 {
        margin-left: 58.3333333333%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-7 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-7 {
        padding-right: 58.3333333333%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-7 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-7 {
        padding-left: 58.3333333333%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-7 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-8 {
        margin-right: 66.6666666667%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-8 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-8 {
        margin-left: 66.6666666667%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-8 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-8 {
        padding-right: 66.6666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-8 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-8 {
        padding-left: 66.6666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-8 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-9 {
        margin-right: 75%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-9 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-9 {
        margin-left: 75%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-9 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-9 {
        padding-right: 75%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-9 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-9 {
        padding-left: 75%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-9 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-10 {
        margin-right: 83.3333333333%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-10 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-10 {
        margin-left: 83.3333333333%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-10 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-10 {
        padding-right: 83.3333333333%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-10 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-10 {
        padding-left: 83.3333333333%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-10 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-11 {
        margin-right: 91.6666666667%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-11 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-11 {
        margin-left: 91.6666666667%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-11 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-11 {
        padding-right: 91.6666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-11 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-11 {
        padding-left: 91.6666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-11 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-gap-right-12 {
        margin-right: 100%;
        margin-left: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-right-12 {
        margin-right: 98
    }
}

@media(min-width: 768px) {
    .c-gap-left-12 {
        margin-left: 100%;
        margin-right: 0
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-gap-left-12 {
        margin-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-12 {
        padding-right: 100%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-12 {
        padding-right: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-12 {
        padding-left: 100%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-12 {
        padding-left: 98
    }
}

@media(min-width: 768px) {
    .c-col-gap-right-05 {
        padding-right: 4.1666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-right-05 {
        padding-right: 49
    }
}

@media(min-width: 768px) {
    .c-col-gap-left-05 {
        padding-left: 4.1666666667%
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-col-gap-left-05 {
        padding-left: 49
    }
}

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.align-item-start {
    align-self: flex-start
}

.align-item-center {
    align-self: center
}

.align-item-end {
    align-self: flex-end
}

.c-mt--140 {
    margin-top: -14rem
}

.c-mb--140 {
    margin-bottom: -14rem
}

.c-mt--45 {
    margin-top: -4.5rem
}

.c-mb--45 {
    margin-bottom: -4.5rem
}

.c-mt-0 {
    margin-top: 0rem
}

.c-mb-0 {
    margin-bottom: 0rem
}

.c-mt-5 {
    margin-top: 0.5rem
}

.c-mb-5 {
    margin-bottom: 0.5rem
}

.c-mt-10 {
    margin-top: 1rem
}

.c-mb-10 {
    margin-bottom: 1rem
}

.c-mt-15 {
    margin-top: 1.5rem
}

.c-mb-15 {
    margin-bottom: 1.5rem
}

.c-mt-20 {
    margin-top: 2rem
}

.c-mb-20 {
    margin-bottom: 2rem
}

.c-mt-30 {
    margin-top: 3rem
}

.c-mb-30 {
    margin-bottom: 3rem
}

.c-mt-50 {
    margin-top: 5rem
}

.c-mb-50 {
    margin-bottom: 5rem
}

.c-mt-75 {
    margin-top: 7.5rem
}

.c-mb-75 {
    margin-bottom: 7.5rem
}

.c-mt-100 {
    margin-top: 10rem
}

.c-mb-100 {
    margin-bottom: 10rem
}

.c-mt-115 {
    margin-top: 11.5rem
}

.c-mb-115 {
    margin-bottom: 11.5rem
}

.c-mt-135 {
    margin-top: 13.5rem
}

.c-mb-135 {
    margin-bottom: 13.5rem
}

.c-mt-150 {
    margin-top: 15rem
}

.c-mb-150 {
    margin-bottom: 15rem
}

.c-mb-small {
    margin-bottom: var(--block-margin-bottom-s)
}

.c-mb-medium {
    margin-bottom: var(--block-margin-bottom-default)
}

.c-mb-large {
    margin-bottom: var(--block-margin-bottom-l)
}

.c-pt-0 {
    padding-top: 0rem
}

.c-pb-0 {
    padding-bottom: 0rem
}

.c-pt-5 {
    padding-top: 0.5rem
}

.c-pb-5 {
    padding-bottom: 0.5rem
}

.c-pt-10 {
    padding-top: 1rem
}

.c-pb-10 {
    padding-bottom: 1rem
}

.c-pt-15 {
    padding-top: 1.5rem
}

.c-pb-15 {
    padding-bottom: 1.5rem
}

.c-pt-20 {
    padding-top: 2rem
}

.c-pb-20 {
    padding-bottom: 2rem
}

.c-pt-30 {
    padding-top: 3rem
}

.c-pb-30 {
    padding-bottom: 3rem
}

.c-pt-50 {
    padding-top: 5rem
}

.c-pb-50 {
    padding-bottom: 5rem
}

.c-pt-75 {
    padding-top: 7.5rem
}

.c-pb-75 {
    padding-bottom: 7.5rem
}

.c-pt-100 {
    padding-top: 10rem
}

.c-pb-100 {
    padding-bottom: 10rem
}

.c-pt-115 {
    padding-top: 11.5rem
}

.c-pb-115 {
    padding-bottom: 11.5rem
}

.c-pt-135 {
    padding-top: 13.5rem
}

.c-pb-135 {
    padding-bottom: 13.5rem
}

.c-pt-150 {
    padding-top: 15rem
}

.c-pb-150 {
    padding-bottom: 15rem
}

.c-pb-small {
    padding-bottom: var(--block-margin-bottom-s)
}

.c-pb-medium {
    padding-bottom: var(--block-margin-bottom-default)
}

.c-pb-large {
    padding-bottom: var(--block-margin-bottom-l)
}

.c-ml-0 {
    margin-left: 0rem
}

.c-mr-0 {
    margin-right: 0rem
}

.c-ml-10 {
    margin-left: 1rem
}

.c-mr-10 {
    margin-right: 1rem
}

.c-ml-20 {
    margin-left: 2rem
}

.c-mr-20 {
    margin-right: 2rem
}

.c-pl-0 {
    padding-left: 0rem
}

.c-pr-0 {
    padding-right: 0rem
}

.c-pl-10 {
    padding-left: 1rem
}

.c-pr-10 {
    padding-right: 1rem
}

.c-pl-20 {
    padding-left: 2rem
}

.c-pr-20 {
    padding-right: 2rem
}

.c-post-filters {
    max-width: var(--wp--style--global--row-size);
    position: relative;
    margin: auto
}

.c-post-filters-container {
    gap: 2.5rem;
    width: 100%;
    display: flex
}

.c-post-filters-bottom {
    display: flex;
    justify-content: end
}

.c-post-filters-list {
    width: 25%
}

.c-post-filters-list-areas {
    width: 50%
}

.c-post-filters-list-areas-services {
    display: flex;
    flex-direction: column;
    gap: 2.5rem
}

@media(min-width: 768px) {
    .c-post-filters-list-areas-services {
        flex-direction: row
    }
}

.c-post-filters-list-areas-services ul {
    width: 100%
}

@media(min-width: 768px) {
    .c-post-filters-list-areas-services ul {
        width: 50%
    }
}

.c-post-filters-list-areas-services h4 {
    line-height: 1.5em;
    font-size: 1.2rem;
    font-weight: var(--font-weight-m);
    color: #50637d;
    text-transform: uppercase
}

.c-post-filters h3 {
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-l);
    color: #141729
}

.c-post-filters h3:after {
    content: " ";
    display: block;
    max-width: calc(100% - 100px);
    height: 1rem;
    background-color: #e5e9ef;
    transform: skew(-32deg, 0);
    margin-bottom: 3rem;
    margin-top: 2rem
}

.c-post-filters li {
    display: flex
}

.c-post-filters li input {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    width: 10px
}

.c-post-filters li label {
    cursor: pointer
}

.c-post-filters li input[type=checkbox]+label {
    color: #141729;
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-m);
    padding: 4px 0px;
    width: 100%
}

.c-post-filters li input[type=checkbox]+label:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: skew(-32deg, 0);
    z-index: -2;
    height: 2.5rem
}

.c-post-filters li input[type=checkbox]:checked+label {
    color: #fb874a;
    padding: 4px 10px;
    background-color: #e5e9ef
}

.c-post-filters li input[type=checkbox]:checked+label:after {
    content: url("/wp-content/uploads/2023/04/check-filter.svg");
    margin-left: 10px;
    position: absolute
}

.c-post-filters li.c-post-filters-list-title+li {
    border-top: 0px solid #fff
}

.c-post-filters li+li {
    border-top: 1px solid #cbd3df
}

.c-post-filters li.filter-all {
    border-top: 0
}

.c-post-filters li.filter-all label {
    color: #0e536a !important;
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl) !important;
    text-transform: uppercase
}

.c-post-filters li.filter-all input[type=checkbox]:checked+label {
    background-color: unset;
    padding: 0
}

.c-post-filters li.filter-all input[type=checkbox]:checked+label:after {
    content: ""
}

.c-post-filters li.filter-closer {
    margin-right: 20px
}

.c-post-filters li.filter-closer label {
    color: #0e536a !important;
    background-color: unset;
    padding: 0;
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl) !important;
    text-transform: uppercase
}

.c-post-filters li.filter-closer label:after {
    content: " ";
    display: inline-block;
    height: 1.7rem;
    border: solid 1px #e5e9ef;
    transform: skew(-32deg, 0);
    margin-top: 4px
}

.c-post-filters li.filter-closer input[type=checkbox]:checked+label {
    background-color: unset;
    padding: 0 !important
}

.c-post-filters li.filter-closer input[type=checkbox]:checked+label:after {
    content: " ";
    display: inline-block;
    height: 1.7rem;
    border: solid 1px #e5e9ef;
    transform: skew(-32deg, 0);
    margin-top: 4px
}

.c-post-list {
    padding-top: var(--block-margin-bottom-default);
    padding-bottom: var(--block-margin-bottom-default)
}

@media(min-width: 768px) {
    .c-post-list {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        max-width: var(--wp--style--global--row-size);
        margin-left: auto;
        margin-right: auto
    }

    .c-post-list>* {
        grid-column: auto/span 4;
        order: 2
    }

    .c-post-list>*.c-post-sticky {
        order: 1;
        grid-column: auto/span 12
    }

    .c-post-list>*.c-post-sticky .c-post-inlist {
        max-width: none;
        width: 100%
    }

    .c-post-list .c-post-inlist {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .c-post-list--col__left .c-post-inlist {
        padding-left: 0
    }

    .c-post-list--col__right .c-post-inlist {
        padding-right: 0
    }
}

@media(min-width: 1176px) {
    .c-post-list .c-aside-newsletter-cta {
        max-width: unset !important
    }
}

.c-post-list .c-aside-get-in-touch-cta {
    display: none
}

.c-post-list.hidden {
    display: none
}

.c-post-not-found {
    margin-top: 100px;
}

.c-aside-newsletter-cta {
    margin-right: 3rem;
    padding: 4rem 11.5rem 3.5rem 0;
    align-self: flex-start;
    position: relative;
    z-index: 1;
    max-width: unset
}

.c-aside-newsletter-cta:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5000%;
    transform: skew(-32deg, 0);
    transform-origin: top right;
    background-color: #edede9
}

.c-aside-newsletter-cta p {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em
}

.c-aside-newsletter-cta a {
    max-width: 185px
}

.c-latest-posts .c-aside-newsletter-cta {
    padding-left: 3.7rem
}

.c-post-related {
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

@media(min-width: 576px) {
    .c-post-related {
        grid-gap: 4rem
    }
}

.c-post-related-left {
    grid-column: auto/span 5
}

.c-post-related-right {
    grid-column: auto/span 7
}

.c-post-related-services span {
    color: #50637d;
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-m)
}

.c-post-related-glossary span,
.c-post-related-glossary h3 {
    color: #50637d
}

.c-post-related-glossary span {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-m)
}

.c-post-related-item {
    margin-bottom: 2rem
}

.c-post-related-item+.c-post-related-item {
    margin-bottom: 4rem
}

.c-post-related .c-post-related-bottom {
    grid-column: auto/span 12
}

.c-post-related .c-post-related-bottom h2 {
    margin-bottom: 3rem
}

.c-post-related .c-post-related-bottom .c-post-list {
    margin-top: 0
}

.c-post-related .c-post-list {
    padding-top: 0
}

.c-post-related h2 {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-m)
}

.c-post-related h3 {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-xl)
}

.c-post-related span {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-s)
}

.c-post-not-found {
    grid-column: span 12
}

.c-cpt-grid-list {
    margin-top: 100px;
    padding-top: var(--block-margin-bottom-s);
    padding-bottom: var(--block-margin-bottom-default);
    background-color: #E5E9EF;
    position: relative
}

.c-cpt-grid-list-downloads {
    background-color: #F8F7F2
}

.c-cpt-grid-list-downloads .c-press-inlist-sticky--content:after {
    --rhombus-color: #F8F7F2
}

.c-cpt-grid-list-events {
    background-color: #EEEBDF
}

.c-cpt-grid-list:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 7.2rem;
    height: 11.5rem;
    background-color: #fff;
    transform: skew(-32deg, 0);
    transform-origin: top left
}

.c-cpt-grid-list-content {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .c-cpt-grid-list-content {
        grid-template-columns: repeat(16, 1fr);
        display: grid;
        max-width: var(--wp--style--global--row-size);
        margin-left: auto;
        margin-right: auto
    }

    .c-cpt-grid-list-content>* {
        grid-column: auto/span 4;
        order: 2
    }

    .c-cpt-grid-list-content>*.c-cpt-grid-sticky {
        order: 1;
        grid-column: auto/span 12
    }

    .c-cpt-grid-list-content>*.c-cpt-grid-sticky .c-cpt-grid-inlist {
        max-width: none;
        width: 100%
    }

    .c-cpt-grid-list-content--col__left .c-cpt-grid-inlist {
        padding-left: 0
    }

    .c-cpt-grid-list-content--col__right .c-cpt-grid-inlist {
        padding-right: 0
    }
}

.c-cpt-grid-list-lc-tabs {
    cursor: pointer;
    display: flex;
    justify-content: center;
    gap: 20px;
    max-width: var(--wp--style--global--row-size);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--block-margin-bottom-s)
}

.c-cpt-grid-list-lc-tabs:after {
    content: " ";
    display: block;
    height: 1rem;
    background-color: #eeebdf;
    transform: skew(-32deg, 0);
    position: absolute;
    margin-top: 44px;
    width: var(--wp--style--global--row-size);
    z-index: -1
}

.c-cpt-grid-list-lc-tabs a {
    position: relative
}

.c-cpt-grid-list-lc-tabs a:after {
    content: " ";
    display: block;
    height: 1rem;
    background-color: #7d92ae;
    transform: skew(-32deg, 0);
    position: absolute;
    margin-top: 44px;
    width: 100%
}

@media(min-width: 768px) {
    .c-cpt-grid-list-lc-tabs a:after {
        margin-top: 42px
    }
}

.c-cpt-grid-list-lc-tabs a.active:after {
    background-color: #fb874a
}

.c-cpt-grid-list-lc-tabs a {
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-xl);
    color: #7d92ae
}

.c-cpt-grid-list-lc-tabs a.active {
    color: #141729
}

@media(min-width: 768px) {
    .c-cpt-grid-list-lc-tabs {
        line-height: 1.5em;
        font-size: clamp(2rem, 1.8vw, 2.6rem);
        justify-content: flex-start;
        gap: 80px
    }
}

.c-cpt-grid-list-events {
    margin-top: 65px !important
}

@media(min-width: 768px) {
    .c-cpt-grid-list-events .c-cpt-grid-list-events-content {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        max-width: var(--wp--style--global--row-size);
        margin-left: auto;
        margin-right: auto
    }

    .c-cpt-grid-list-events .c-cpt-grid-list-events-content>* {
        grid-column: auto/span 4;
        order: 2
    }

    .c-cpt-grid-list-events .c-cpt-grid-list-events-content>*.c-cpt-grid-sticky {
        order: 1;
        grid-column: auto/span 12
    }

    .c-cpt-grid-list-events .c-cpt-grid-list-events-content>*.c-cpt-grid-sticky .c-cpt-grid-inlist {
        max-width: none;
        width: 100%
    }

    .c-cpt-grid-list-events .c-cpt-grid-list-events-content--col__left .c-cpt-grid-inlist {
        padding-left: 0
    }

    .c-cpt-grid-list-events .c-cpt-grid-list-events-content--col__right .c-cpt-grid-inlist {
        padding-right: 0
    }
}

.single-post,
.template--page-content {
    --entry-content-max-width: var(--single-post-max-width)
}

.single-post .c-creators,
.template--page-content .c-creators {
    margin-left: auto;
    max-width: var(--entry-content-max-width);
    margin-top: var(--block-margin-bottom-default);
    margin-bottom: var(--block-margin-bottom-default)
}

@media(min-width: 768px) {

    .single-post .c-creators,
    .template--page-content .c-creators {
        align-items: flex-end;
        display: flex;
        justify-content: space-between
    }
}

.single-post .c-interviewee,
.template--page-content .c-interviewee {
    margin-left: unset;
    margin-top: var(--block-margin-bottom-default);
    margin-bottom: var(--block-margin-bottom-default)
}

.single-post .entry-content,
.template--page-content .entry-content {
    margin: var(--block-margin-bottom-default) auto
}

.single-post .entry-content--subtitle,
.template--page-content .entry-content--subtitle {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-l);
    color: #7d92ae;
    margin-bottom: var(--block-margin-bottom-default);
    margin-left: auto;
    max-width: var(--entry-content-max-width)
}

.single-post .entry-content--subtitle strong,
.template--page-content .entry-content--subtitle strong {
    font-weight: var(--font-weight-xxl)
}

.single-post .entry-content,
.template--page-content .entry-content,
.block-editor-block-list__layout {
    max-width: var(--wp--style--global--row-size);
    padding: 0 2rem;
    color: #141729
}

.single-post .entry-content>a,
.template--page-content .entry-content>a,
.block-editor-block-list__layout>a {
    color: #fb874a;
    font-weight: var(--font-weight-l)
}

.single-post .entry-content>p,
.template--page-content .entry-content>p,
.block-editor-block-list__layout>p {
    margin-bottom: 1.5em;
    margin-left: auto;
    max-width: var(--entry-content-max-width)
}

.single-post .entry-content>p a,
.template--page-content .entry-content>p a,
.block-editor-block-list__layout>p a {
    color: #fb874a;
    font-weight: var(--font-weight-l);
    display: inline
}

.single-post .entry-content>p a:hover,
.template--page-content .entry-content>p a:hover,
.block-editor-block-list__layout>p a:hover {
    text-decoration: underline
}

.single-post .entry-content>h1.wp-block-create-block-gb-text,
.single-post .entry-content>h2.wp-block-create-block-gb-text,
.single-post .entry-content>h3.wp-block-create-block-gb-text,
.single-post .entry-content>h4.wp-block-create-block-gb-text,
.single-post .entry-content>h5.wp-block-create-block-gb-text,
.single-post .entry-content>h6.wp-block-create-block-gb-text,
.template--page-content .entry-content>h1.wp-block-create-block-gb-text,
.template--page-content .entry-content>h2.wp-block-create-block-gb-text,
.template--page-content .entry-content>h3.wp-block-create-block-gb-text,
.template--page-content .entry-content>h4.wp-block-create-block-gb-text,
.template--page-content .entry-content>h5.wp-block-create-block-gb-text,
.template--page-content .entry-content>h6.wp-block-create-block-gb-text,
.block-editor-block-list__layout>h1.wp-block-create-block-gb-text,
.block-editor-block-list__layout>h2.wp-block-create-block-gb-text,
.block-editor-block-list__layout>h3.wp-block-create-block-gb-text,
.block-editor-block-list__layout>h4.wp-block-create-block-gb-text,
.block-editor-block-list__layout>h5.wp-block-create-block-gb-text,
.block-editor-block-list__layout>h6.wp-block-create-block-gb-text {
    color: #50637d;
    margin-top: var(--block-margin-bottom-default);
    margin-bottom: 1.5em !important;
    margin-left: auto;
    max-width: var(--entry-content-max-width)
}

.single-post .entry-content.entry-content--interview p,
.template--page-content .entry-content.entry-content--interview p,
.block-editor-block-list__layout.entry-content--interview p {
    max-width: 100%
}

.single-post .entry-content ul,
.single-post .entry-content ol,
.template--page-content .entry-content ul,
.template--page-content .entry-content ol,
.block-editor-block-list__layout ul,
.block-editor-block-list__layout ol {
    margin-bottom: 1.5em;
    padding-left: 2rem;
    margin-left: auto;
    max-width: var(--entry-content-max-width)
}

.single-post .entry-content li,
.template--page-content .entry-content li,
.block-editor-block-list__layout li {
    list-style-type: disc;
    padding-left: 0.5rem;
    margin-bottom: .5em
}

.single-post .entry-content>.c-img-rhombus,
.template--page-content .entry-content>.c-img-rhombus,
.block-editor-block-list__layout>.c-img-rhombus {
    transform: translateX(0);
    display: block
}

.c-aside-newsletter-cta {
    margin-bottom: var(--block-margin-bottom-default);
    max-width: 75rem
}

@media(min-width: 1176px) {
    .c-aside-newsletter-cta {
        flex-basis: 29.1666666667%;
        max-width: 29.1666666667%;
        float: left
    }
}

.c-aside-get-in-touch-cta {
    clear: both;
    margin-bottom: var(--block-margin-bottom-default);
    max-width: 75rem;
    margin-right: 3rem;
    padding: 0rem 2rem 0rem;
    align-self: flex-start;
    position: relative;
    z-index: 1
}

.c-aside-get-in-touch-cta:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5000%;
    transform: skew(-32deg, 0);
    transform-origin: top right;
    background-color: #141729
}

.c-aside-get-in-touch-cta p {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em
}

.c-aside-get-in-touch-cta a {
    max-width: 185px
}

@media(min-width: 1176px) {
    .c-aside-get-in-touch-cta {
        flex-basis: 29.1666666667%;
        max-width: 29.1666666667%;
        float: left
    }
}

.wp-block-heading {
    color: #50637d;
    margin-top: var(--block-margin-bottom-default);
    margin-bottom: 1.5em !important;
    margin-left: auto;
    max-width: var(--entry-content-max-width)
}

.c-post-tags-row {
    max-width: var(--wp--style--global--row-size);
    margin: 0 auto;
    margin-left: 16.6666666667%
}

@media(min-width: 1176px) {
    .c-post-tags-row {}
}

.c-post-tags-row .c-post-category-caption {
    position: relative;
    justify-content: flex-end;
    padding: 0
}

@media(min-width: 768px) {
    .c-post-tags-row .c-post-category-caption {
        padding: 0.5rem 6rem 0.5rem 1.5rem
    }
}

.c-post-tags-row .c-post-category-caption--label {
    flex-grow: 0;
    margin-bottom: 0
}

.c-post-tags-row .c-post-category-caption--langs {
    margin-left: 4rem
}

.c-post-tags-row .c-post-category-caption:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 100%;
    bottom: 0;
    aspect-ratio: .62;
    background-color: var(--post-category-caption-bg);
    transform: skew(-32deg, 0);
    transform-origin: bottom right
}

.c-post-tags-row .c-post-category-caption:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 5000%;
    background-color: var(--post-category-caption-bg)
}

.template--page-content--title {
    max-width: var(--wp--style--global--row-size);
    margin: var(--block-margin-bottom-s) auto;
    padding: 0 2rem
}

.template--page-content .wp-block-post-title {
    margin-left: auto;
    max-width: var(--entry-content-max-width)
}

.single-post {
    --block-cover-max-width: var(--single-post-max-width)
}

.single-post .c-hero--title {
    max-width: var(--block-cover-max-width);
    margin: auto;
    padding-left: 2rem !important
}

.c-post-share-row {
    display: flex;
    margin-bottom: var(--block-margin-bottom-default)
}

.c-post-share-row--image {
    display: none
}

@media(min-width: 768px) {
    .c-post-share-row--image {
        display: block;
        height: 25.8rem;
        max-width: 500px;
        z-index: 2;
        overflow: hidden
    }

    .c-post-share-row--image .c-img-rhombus {
        transform: translateX(0)
    }
}

.c-post-share-row--image img {
    top: 0;
    position: relative
}

.c-post-share-row--content {
    height: 20rem;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem
}

.c-post-share-row--content:before,
.c-post-share-row--content:after {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transform: skew(-32deg, 0);
    background-color: #f8f7f2;
    transform-origin: top right
}

.c-post-share-row--content:after {
    left: auto;
    right: 0;
    transform-origin: bottom left
}

.c-post-share-row--content svg path {
    fill: #fb874a !important
}

.c-post-share-row--content a:hover svg path {
    fill: rgba(251, 135, 74, .6) !important
}

.c-post-share-row--title {
    text-transform: uppercase;
    font-weight: var(--font-weight-m)
}

.c-post-share-row img {
    -o-object-position: bottom !important;
    object-position: bottom !important
}

.c-pagination {
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-bottom: var(--block-margin-bottom-default)
}

.c-pagination .page-numbers {
    display: none
}

.c-pagination .prev,
.c-pagination .next {
    display: block
}

.c-pagination .nav-links {
    display: inline-flex;
    gap: 1rem;
    width: auto;
    margin: 0 auto
}

.c-pagination .c-button {
    --button-color-bg: #F8F7F2;
    --button-color-bg-active: #141729;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #FB874A
}

.glossary--summary {
    max-width: 100%;
    width: 100%;
    float: left;
    position: relative;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 10px
}

@media(min-width: 768px) {
    .glossary--summary {
        max-width: 29.1666666667%;
        position: sticky;
        top: 17.5rem;
        grid-template-columns: repeat(7, 1fr)
    }
}

.glossary--summary-link {
    font-weight: var(--font-weight-m);
    color: #50637d;
    line-height: 1;
    background-color: #f8f7f2;
    padding: 14px;
    display: flex;
    justify-content: center;
    padding: 14px;
    width: 100%
}

.glossary--summary-link:hover {
    color: #e8dfc6;
    background-color: #7d92ae
}

.glossary--summary-link-empty {
    color: #e8dfc6;
    cursor: not-allowed
}

.glossary--summary-link-empty:hover {
    color: #e8dfc6;
    background-color: #f8f7f2
}

.glossary--content {
    --entry-content-max-width: var(--single-post-max-width);
    max-width: var(--wp--style--global--row-size);
    margin: auto
}

.glossary--content-inner {
    max-width: var(--entry-content-max-width);
    margin-left: auto
}

.glossary--content-letter-title {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-m);
    color: #0e536a
}

.glossary--content-letter-title:after {
    content: " ";
    display: block;
    height: 1rem;
    background-color: #eeebdf;
    transform: skew(-32deg, 0);
    margin-top: 1.2rem;
    margin-bottom: 6rem;
    width: 12rem;
    z-index: -1
}

.glossary--content-term-title {
    line-height: 1.5em;
    font-size: clamp(2rem, 1.8vw, 2.6rem);
    font-weight: var(--font-weight-l);
    color: #0e536a;
    font-style: italic;
    margin-bottom: 1.5rem
}

.glossary--content-term-description {
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-xs);
    margin-bottom: 4rem
}

.glossary--content-related-title {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl)
}

.glossary--content ul {
    margin-bottom: 8rem
}

.glossary--content ul li {
    display: flex
}

.glossary--content ul li:before {
    content: "·";
    color: #fb874a;
    font-weight: var(--font-weight-xxl);
    content: "·";
    color: #fb874a;
    display: inline-block;
    line-height: 1.4;
    margin-right: 5px
}

.glossary--content-related-link {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-m)
}

.c-downloads-separator {
    margin-top: 30px;
    margin-bottom: 50px
}

.c-downloads-separator:after {
    content: " ";
    display: block;
    height: 1rem;
    background-color: #eeebdf;
    transform: skew(-32deg, 0);
    width: var(--wp--style--global--row-size);
    z-index: -1;
    margin-left: auto;
    margin-right: auto
}

.c-events-separator {
    grid-column: span 12 !important;
    margin-top: 30px;
    margin-bottom: 50px
}

.c-events-separator:after {
    content: " ";
    display: block;
    height: 1rem;
    background-color: #e8dfc6;
    transform: skew(-32deg, 0);
    width: var(--wp--style--global--row-size);
    z-index: -1;
    margin-left: auto;
    margin-right: auto
}

.style-guide-color {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1)
}

.style-guide-color-item {
    display: flex;
    gap: 20px;
    margin-bottom: 5px
}

.mask-demo {
    width: 500px;
    height: 300px;
    -webkit-mask-image: url("img/logo/strive-logo-mask.svg");
    mask-image: url("img/logo/strive-logo-mask.svg");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background: #fff
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-family: var(--font-body-family);
    font-weight: var(--font-weight-xs);
    color: var(--color-primary)
}

strong {
    font-weight: var(--font-weight-xxl)
}

.c-h-xxxxxl {
    line-height: 1.2em;
    font-size: 8.5rem;
    font-weight: var(--font-weight-xxl)
}

.c-h-xxxxl {
    font-size: 8rem;
    font-size: clamp(4rem, 9.5vw, 8rem);
    line-height: 1.2em;
    font-weight: var(--font-weight-xs)
}

.c-h-xxxxl strong {
    font-weight: var(--font-weight-xxl)
}

h1,
.c-h1 {
    line-height: 1.2em;
    font-size: 3.6vw;
    font-size: clamp(3rem, 3.6vw, 5rem);
    margin-bottom: .5em
}

h1.strong,
h1 strong,
.c-h1.strong,
.c-h1 strong {
    font-weight: var(--font-weight-xxl)
}

h2,
.c-h2 {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-s)
}

h2:not([class*=c-mb-]),
.c-h2:not([class*=c-mb-]) {
    margin-bottom: .5em
}

h3,
.c-h3 {
    line-height: 1.5em;
    font-size: clamp(2rem, 1.8vw, 2.6rem);
    font-weight: var(--font-weight-m)
}

h3.strong,
h3 strong,
.c-h3.strong,
.c-h3 strong {
    font-weight: var(--font-weight-xl)
}

h3:not([class*=c-mb-]),
.c-h3:not([class*=c-mb-]) {
    margin-bottom: .5em
}

h4,
.c-h4 {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-m)
}

h4:not([class*=c-mb-]),
.c-h4:not([class*=c-mb-]) {
    margin-bottom: .5em
}

h4,
.c-h5 {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-l)
}

h4:not([class*=c-mb-]),
.c-h5:not([class*=c-mb-]) {
    margin-bottom: .5em
}

.c-font-s {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem)
}

.c-font-xs {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

.c-font-xxs {
    line-height: 1.7em;
    font-size: 1.4rem
}

.c-font-xxxs {
    line-height: 1.5em;
    font-size: 1.2rem
}

p {
    margin: 0 0 1em
}

b,
strong {
    font-weight: var(--font-weight-xl)
}

em {
    font-style: italic
}

a {
    display: inline-flex;
    text-decoration: none;
    color: var(--color-text-link-hard-normal);
    transition: color var(--transition-duration) var(--transition-timing)
}

a:hover {
    color: var(--color-text-link-hard-hover)
}

a:active {
    color: var(--color-text-link-hard-active)
}

a.is-disabled {
    color: var(--color-text-link-hard-disabled);
    pointer-events: none
}

.rhombus {
    position: relative;
    background-color: var(--rhombus-color)
}

@media(max-width: 767px) {
    .rhombus.c-row--expanded-col-last {
        display: inline-block;
        margin-left: auto
    }

    .rhombus.c-row--expanded-col-last .c-row--expanded--inner {
        display: inline-block
    }
}

.rhombus:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%)
}

.rhombus--right:before {
    right: auto;
    left: 100%;
    background-image: linear-gradient(to bottom right, var(--rhombus-color) 49.5%, transparent 50.5%)
}

.rhombus--size-big:before {
    background-image: linear-gradient(to bottom right, transparent 49.9%, var(--rhombus-color) 50.1%)
}

.rhombus--color-mirage {
    --rhombus-color: #141729
}

.rhombus--color-rock {
    --rhombus-color: #EEEBDF
}

.rhombus--color-coral {
    --rhombus-color: #FB874A
}

.rhombus--color-lemon {
    --rhombus-color: #A4A691
}

body:before {
    background-image: linear-gradient(to bottom, #0E536A 0%, rgba(125, 146, 174, 0) 100%);
    mix-blend-mode: multiply;
    max-width: var(--wp--style--global--extra-size);
    margin-left: auto;
    margin-right: auto;
    content: "";
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    height: 13rem;
    pointer-events: none
}

header.wp-block-template-part {
    position: sticky;
    top: 0;
    width: 100%;
    height: 0;
    z-index: 1000
}

@media(min-width: 992px) {
    header.wp-block-template-part.is-pinned .c-header:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        width: 100%;
        height: 5.4rem;
        background-color: rgba(20, 23, 41, .8)
    }
}

header.wp-block-template-part.is-pinned .c-header--logo {
    position: relative
}

header.wp-block-template-part.is-pinned .c-header--logo:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 80%;
    height: 85%;
    background-color: #141729;
    border-radius: 0 0 70px
}

@media(max-width: 768px) {
    .c-header--logo {
        min-width: 100px !important;
        z-index: 1000 !important;
        position: relative !important
    }
}

.c-header {
    --header-nav-height: 5.4rem;
    display: flex;
    align-items: flex-start;
    max-width: var(--wp--style--global--extra-size);
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.c-header .header-nav {
    display: none;
    position: relative
}

@media(min-width: 992px) {
    .c-header .header-nav {
        width: 100%;
        height: var(--header-nav-height);
        line-height: 1.5em;
        font-size: clamp(1.6rem, 1.25vw, 1.8rem);
        color: #fff;
        font-weight: var(--font-weight-m);
        display: flex;
        justify-content: flex-end;
        flex-grow: 1;
        margin-right: -1em
    }
}

@media(min-width: 1176px) {
    .c-header .header-nav:before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: calc(100% - 30px);
        width: 5000%;
        background-color: #fb874a
    }
}

.c-header .wp-block-navigation-item {
    margin-right: 3rem
}

.c-header--logo {
    height: 6.5rem;
    position: relative
}

@media(min-width: 768px) {
    .c-header--logo {
        height: 13rem
    }
}

@media(min-width: 1176px) {
    .c-header--logo {
        margin-left: calc(50vw - var(--wp--style--global--full-size)/2)
    }

    .c-header--logo:after {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0.1rem;
        right: 100%;
        width: 5000%;
        background-color: #fff;
        box-shadow: 0 0.1rem 0 0 #d0d1d4
    }
}

@media(max-width: 767px) {
    .c-header {
        --header-nav-bg-color: #141729;
        --header-nav-text-color: #fff
    }

    .c-header .header-nav {
        display: block;
        background: var(--header-nav-bg-color);
        color: var(--header-nav-text-color);
        position: absolute;
        height: 100vh;
        top: 0;
        left: 0;
        width: 100vw;
        z-index: -1;
        padding: 8rem 0;
        overflow: auto;
        transform: translateY(-100vh);
        transition: transform .3s ease-out
    }

    .header-nav--opened .c-header .header-nav {
        transform: translateY(0)
    }

    .c-header .wp-block-navigation-item {
        flex-direction: column
    }

    .c-header .header-nav--item--menu {
        display: none
    }

    .c-header .header-nav--item .header-nav--item--menu {
        display: block;
        margin: 0 3rem
    }

    .c-header .wp-block-navigation .wp-block-navigation-submenu>a {
        text-transform: uppercase;
        line-height: 1.65em;
        font-size: clamp(1.4rem, 1.11vw, 1.6rem);
        font-weight: var(--font-weight-s);
        border-width: 0;
        margin-top: 2rem
    }

    .c-header .wp-block-navigation .wp-block-navigation-submenu li:last-child .wp-block-navigation-item__content {
        border-width: 0
    }

    .c-header .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
        opacity: 1;
        position: relative;
        height: auto;
        top: 0;
        left: 0;
        visibility: visible;
        background: var(--header-nav-bg-color);
        color: var(--header-nav-text-color);
        margin-left: 2rem
    }

    .c-header .wp-block-navigation .wp-block-navigation-item__label {
        padding-left: 0;
        line-height: 1.7em;
        font-size: 1.4rem
    }

    .c-header .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content {
        color: #fff;
        line-height: 2em;
        font-size: clamp(1.6rem, 1.4vw, 2rem)
    }
}

@media(min-width: 768px) {
    .c-header--toggle-menu {
        display: none;
        color: rgba(0, 0, 0, 0)
    }
}

@media(max-width: 767px) {
    .c-header--toggle-menu {
        color: rgba(0, 0, 0, 0);
        display: none;
        display: block;
        width: 7.5rem;
        height: 3.8rem;
        position: relative;
        margin: 1.4rem 0 2rem auto;
        transform: rotate(0deg);
        transition: .5s ease-in-out;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0);
        border-width: 0
    }

    .c-header--toggle-menu:before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(20, 23, 41, .8);
        transform: skew(-32deg, 0);
        transform-origin: bottom left
    }

    .c-header--toggle-menu span {
        display: block;
        position: absolute;
        height: 0.3rem;
        width: 2.5rem;
        background: #fff;
        border-radius: 0.3rem;
        opacity: 1;
        left: 3rem;
        transform: rotate(0deg);
        transition: .25s ease-in-out
    }

    .c-header--toggle-menu span:nth-child(1) {
        top: 1rem
    }

    .c-header--toggle-menu span:nth-child(2),
    .c-header--toggle-menu span:nth-child(3) {
        top: 1.7rem
    }

    .c-header--toggle-menu span:nth-child(4) {
        top: 2.4rem
    }

    .header-nav--opened .c-header--toggle-menu span:nth-child(1) {
        top: 0.7rem;
        width: 0%;
        left: 50%
    }

    .header-nav--opened .c-header--toggle-menu span:nth-child(2) {
        transform: rotate(45deg)
    }

    .header-nav--opened .c-header--toggle-menu span:nth-child(3) {
        transform: rotate(-45deg)
    }

    .header-nav--opened .c-header--toggle-menu span:nth-child(4) {
        top: 0.7rem;
        width: 0%;
        left: 50%
    }
}

.header-nav--item--link {
    --button-color-bg: transparent;
    --button-color-bg-active: #EEEBDF;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #0E536A;
    --button-transition-duration: var(--transition-duration);
    --button-transition-delay: 0;
    --button-transition-timing: var(--transition-timing);
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-xl);
    text-transform: uppercase;
    height: 5.4rem;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: relative;
    padding: 0;
    --button-color-bg: transparent;
    --button-color-bg-active: #141729;
    --button-color-txt: #fff;
    --button-color-txt-active: #FB874A;
    text-transform: inherit;
    font-weight: var(--font-weight-m)
}

span.header-nav--item--link {
    cursor: default
}

.header-nav--item--link span {
    position: relative;
    z-index: 3;
    color: var(--button-color-txt);
    transition: color var(--button-transition-duration) var(--button-transition-timing);
    padding: 0 2em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px
}

.header-nav--item--link span svg {
    height: 2rem;
    fill: currentColor;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.header-nav--item--link span svg {
    margin-right: -1em;
    height: 1.4rem;
    position: relative;
    top: 0.2rem;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

@media(max-width: 768px) {
    .header-nav--item--link span svg {
        display: none
    }
}

.header-nav--item--link:before,
.header-nav--item--link:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--button-color-bg);
    transform: skew(-32deg, 0)
}

.header-nav--item--link:after {
    background-color: var(--button-color-bg-active);
    opacity: 0;
    transform: skew(-32deg, 0) scaleX(0%);
    z-index: 2;
    transform-origin: center left;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.header-nav--item--link:hover {
    text-decoration: none
}

.header-nav--item--link:hover>span,
.header-nav--item--link:hover>a,
.header-nav--item--link:hover>button {
    color: var(--button-color-txt-active)
}

.header-nav--item--link:hover:after {
    transform: skew(-32deg, 0) scaleX(100%);
    opacity: 1
}

.header-nav--item--link:hover svg {
    transform: rotate(180deg)
}

.header-nav--item--link__contact {
    --button-color-bg: #FB874A;
    --button-color-bg-active: #141729;
    --button-color-txt: #fff;
    --button-color-txt-active: #fff;
    text-transform: uppercase;
    font-weight: var(--font-weight-xxl)
}

@media(max-width: 576px) {
    .header-nav--item--link__contact {
        width: 80%;
        margin: auto;
        display: flex
    }
}

.header-nav--item:hover .header-nav--item--link {
    text-decoration: none
}

.header-nav--item:hover .header-nav--item--link>span,
.header-nav--item:hover .header-nav--item--link>a,
.header-nav--item:hover .header-nav--item--link>button {
    color: var(--button-color-txt-active)
}

.header-nav--item:hover .header-nav--item--link:after {
    transform: skew(-32deg, 0) scaleX(100%);
    opacity: 1
}

.header-nav--item:hover .header-nav--item--link svg {
    transform: rotate(180deg)
}

@media(min-width: 768px) {
    .header-nav--item--menu {
        --header-nav-menu-bg: #fff;
        position: absolute;
        display: flex;
        left: 0;
        right: 0;
        margin-left: 20%;
        transform: scale(0);
        transform-origin: top center;
        opacity: 0;
        transition: all var(--transition-duration) var(--transition-timing)
    }

    .header-nav--item--menu:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: -0.5rem;
        left: -0.5rem;
        right: 0;
        height: 100%;
        max-height: 20rem;
        background-color: #7d92ae;
        transform: skew(-32deg, 0);
        transform-origin: top left
    }

    .header-nav--item--menu:after {
        --rhombus-color: var(--header-nav-menu-bg);
        content: " ";
        position: absolute;
        top: 0;
        right: 100%;
        height: 100%;
        aspect-ratio: .62;
        background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
        background-image: linear-gradient(to bottom right, transparent 49.9%, var(--rhombus-color) 50.1%);
        box-shadow: 0px 8px 8px -8px rgba(62, 19, 77, .07)
    }

    .header-nav--item--menu--content {
        background-color: var(--header-nav-menu-bg);
        flex-grow: 1;
        box-shadow: 0px 8px 8px -8px rgba(62, 19, 77, .07);
        position: relative
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .header-nav--item--menu--content:before {
        content: " ";
        position: absolute;
        top: -0.5rem;
        bottom: 0;
        left: 100%;
        width: 5000%;
        background: linear-gradient(to bottom, #7D92AE 0.5rem, var(--header-nav-menu-bg) 0.5rem)
    }
}

@media(min-width: 768px) {
    .header-nav--item:hover .header-nav--item--menu {
        transform: scale(1);
        opacity: 1
    }
}

@media(min-width: 768px) {
    .header-nav--item--menu--content {
        padding: 3.5rem 5rem 5rem 0
    }

    .header-nav--item--menu--content .wp-block-navigation {
        line-height: 1.7em;
        font-size: 1.4rem
    }

    .header-nav--item--menu--content .wp-block-navigation .wp-block-navigation__container {
        gap: 0;
        align-items: flex-start
    }

    .header-nav--item--menu--content .wp-block-navigation .wp-block-navigation-item {
        width: 100%
    }

    .header-nav--item--menu--content .wp-block-navigation .wp-block-navigation-item+.wp-block-navigation-item {
        border-top: solid 1px #cbd3df
    }

    .header-nav--item--menu--content .wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation__submenu-container {
        width: 100% !important
    }

    .header-nav--item--menu--content .wp-block-navigation a.wp-block-navigation-item__content {
        color: #152d50
    }

    .header-nav--item--menu--content .wp-block-navigation .wp-block-navigation-item__content {
        color: #152d50;
        display: block;
        width: 100%;
        min-height: 3.2rem;
        display: flex;
        align-items: center;
        line-height: 1.3em
    }

    .header-nav--item--menu--content .wp-block-navigation .wp-block-navigation-item__content:focus,
    .header-nav--item--menu--content .wp-block-navigation .wp-block-navigation-item__content:hover {
        text-decoration: none;
        color: #fb874a
    }

    .header-nav .header-nav--item--menu--content .has-child .wp-block-navigation__submenu-container {
        position: relative;
        background: rgba(0, 0, 0, 0);
        visibility: visible;
        overflow: visible;
        opacity: 1;
        width: auto;
        height: auto;
        width: 100%;
        border-width: 0
    }

    .header-nav--item--menu--content .has-child.wp-block-navigation-submenu {
        flex-direction: column;
        align-items: flex-start;
        flex: 1
    }
}

@media(min-width: 768px) {
    .header-nav--item--innermenu {
        line-height: 1.65em;
        font-size: clamp(1.4rem, 1.11vw, 1.6rem);
        font-weight: var(--font-weight-s);
        font-weight: var(--font-weight-l)
    }

    .header-nav--item--innermenu .header-nav--item--innermenu--item+.header-nav--item--innermenu--item {
        border-top: solid 1px #cbd3df
    }

    .header-nav--item--innermenu .header-nav--item--innermenu--item a {
        color: #141729;
        display: block;
        width: 100%;
        min-height: 5rem;
        display: flex;
        align-items: center;
        line-height: 1.3em
    }

    .header-nav--item--innermenu .header-nav--item--innermenu--item a:hover {
        color: #fb874a
    }

    .header-nav--item--innermenu .header-nav--item--innermenu--item__active a {
        color: #fb874a
    }
}

@media(min-width: 768px) {
    .header-nav--item--menu--content--title {
        color: #152d50;
        font-weight: var(--font-weight-l);
        margin-bottom: 1.5rem;
        display: block
    }

    .header-nav--item--menu--content--title:after {
        content: " ";
        display: block;
        height: 0.8rem;
        background-color: #f8f7f2;
        margin-top: 1.5rem;
        transform: skew(-32deg, 0)
    }
}

@media(max-width: 768px) {
    .header-nav--item--link__haschild {
        opacity: 0
    }
}

.header-nav--item__solutions .header-nav--item--menu--content--sectors {
    flex-grow: 1;
    display: none
}

.header-nav--item__solutions .header-nav--item--link__solutions {
    display: none
}

@media(min-width: 768px) {
    .header-nav--item__solutions .header-nav--item--link__solutions {
        display: flex
    }
}

@media(min-width: 768px) {
    .header-nav--item__solutions .header-nav--item--menu--content {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem
    }

    .header-nav--item__solutions .header-nav--item--menu--content--services {
        flex-grow: 2
    }

    .header-nav--item__solutions .header-nav--item--menu--content--sectors {
        flex-grow: 1;
        display: none
    }

    .header-nav--item__solutions .wp-block-navigation-submenu>a {
        color: #fff !important;
        display: block;
        width: 100%;
        height: 2.8rem;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 1;
        line-height: 1.5em;
        font-size: 1.2rem;
        text-transform: uppercase;
        font-weight: var(--font-weight-xl);
        margin-bottom: 1.5rem;
        border-bottom-width: 0 !important
    }

    .header-nav--item__solutions .wp-block-navigation-submenu>a:hover {
        text-decoration: none
    }

    .header-nav--item__solutions .wp-block-navigation-submenu>a:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transform: skew(-32deg, 0);
        background-color: var(--header-solution-step-color)
    }

    .header-nav--item__solutions .wp-block-navigation-submenu:nth-child(1)>a {
        --header-solution-step-color: #D3C28F
    }

    .header-nav--item__solutions .wp-block-navigation-submenu:nth-child(2)>a {
        --header-solution-step-color: #3E7588
    }

    .header-nav--item__solutions .header-nav--item--menu--content--services .wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-item:last-child {
        border-top-width: 0;
        margin-right: 2rem
    }
}

.header-nav--item__langs .header-nav--item--menu {
    --header-nav-menu-bg: #E5E9EF;
    margin-left: auto;
    max-width: 295px
}

.header-nav--item__langs .header-nav--item--menu--content {
    padding-left: 3.5rem
}

footer.wp-block-template-part {
    --footer-bottom-height: 8.6rem
}

.c-footer {
    margin-left: auto;
    margin-right: auto;
    background: rgba(80, 99, 125, .4) url("/wp-content/uploads/2023/06/footer_bg.jpg") no-repeat center bottom;
    background-size: cover;
    position: relative;
    overflow-x: clip;
    max-width: var(--wp--style--global--extra-size)
}

@media(min-width: 1176px) {
    .c-footer:after {
        content: " ";
        position: absolute;
        z-index: 0;
        top: 100%;
        left: 0;
        right: 0;
        height: var(--footer-bottom-height);
        background-color: #152d50
    }
}

@media(min-width: 1176px) {
    .c-footer>.c-row {
        padding-left: calc(40vw - var(--wp--style--global--full-size)/2);
        padding-right: calc(50vw - var(--wp--style--global--full-size)/2)
    }
}

.c-footer-col--logo {
    position: relative
}

.c-footer-col--logo svg {
    fill: #141729;
    width: 20rem;
    display: inline-block;
    max-width: 20rem
}

@media(min-width: 768px) {
    .c-footer-col--logo svg {
        width: 20vw
    }
}

.c-footer-col--nav {
    padding: 2rem
}

@media(min-width: 768px) {
    .c-footer-col--nav {
        padding: 5rem 2rem
    }
}

.c-footer-col--title {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-l);
    color: #fff;
    padding: 0.8rem 0;
    border-bottom: solid 0.1rem rgba(0, 0, 0, 0);
    display: block
}

@media(min-width: 1176px) {
    .c-footer--rhombus-bg {
        width: calc(100% + 20vw);
        position: absolute;
        z-index: 1;
        right: 0;
        height: calc(100% + var(--footer-bottom-height) + 16.6rem + 8rem);
        display: flex
    }

    .c-footer--rhombus-bg-solid {
        background-color: #fff;
        flex-grow: 1;
        position: relative
    }

    .c-footer--rhombus-bg-solid:before {
        content: " ";
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        bottom: 0;
        width: 5000%;
        background-color: #fff
    }

    .c-footer--rhombus-bg-rhombus {
        aspect-ratio: .62;
        background-image: linear-gradient(to bottom right, #fff 49.9%, transparent 50.1%)
    }
}

@media(min-width: 768px) {
    .c-footer--logo-wrap {
        position: absolute;
        z-index: 2;
        right: 0;
        top: 4rem;
        width: 100%
    }
}

.c-footer--bottom {
    max-width: calc(var(--wp--style--global--content-size) + 1.6rem) !important;
    margin-left: auto;
    margin-right: auto;
    color: #7d92ae;
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    padding: 1rem 2rem;
    min-height: var(--footer-bottom-height);
    display: flex;
    position: relative;
    z-index: 2;
    background-color: #152d50
}

@media(min-width: 768px) {
    .c-footer--bottom {
        justify-content: flex-end
    }
}

@media(min-width: 1176px) {
    .c-footer--bottom {
        background-color: rgba(0, 0, 0, 0)
    }
}

.c-footer--bottom a {
    color: #fff
}

.c-footer--bottom a:hover {
    color: #fb874a
}

.c-footer--contact {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-m);
    color: #fff
}

.c-footer--contact--label {
    display: block;
    padding: 0.8rem 0
}

.c-footer--contact--label__strong {
    font-weight: var(--font-weight-l)
}

.c-footer--contact a {
    color: #fb874a
}

.c-footer--contact a:hover {
    text-decoration: underline
}

.c-footer--contact a.contact-page-link {
    color: #141729;
    display: block;
    border-bottom: solid .1rem #e5e9ef;
    margin-bottom: 0.1rem
}

.c-footer--newsletter {
    --footer-newsletter-topmargin: 0;
    position: relative;
    margin-left: auto;
    margin-bottom: 2rem;
    display: flex;
    flex-direction: column;
    color: #fff;
    margin-top: var(--footer-newsletter-topmargin)
}

@media(min-width: 768px) {
    .c-footer--newsletter {
        --footer-newsletter-topmargin: 8rem;
        flex-direction: row;
        margin-bottom: 0;
        margin-top: -3rem
    }
}

@media(min-width: 992px) {
    .c-footer--newsletter {
        width: 55rem
    }
}

.c-footer--newsletter:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(80, 99, 125, .4);
    transform-origin: top left;
    transform: skew(-32deg, 0)
}

.c-footer--newsletter__main {
    position: relative;
    z-index: 1;
    padding: 2.5rem 2rem
}

.c-footer--newsletter__main--title {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

.c-footer--newsletter__main--text {
    line-height: 1.5em;
    font-size: 1.2rem
}

.c-footer--newsletter .c-img-rhombus-row {
    margin-right: -20rem;
    padding-left: 10rem;
    margin-top: calc(var(--footer-newsletter-topmargin)*-1);
    position: relative
}

.c-footer--newsletter .c-img-rhombus-row:before {
    content: " ";
    position: absolute;
    z-index: 0;
    top: -0.5rem;
    left: 9.5rem;
    right: 0;
    height: 8.5rem;
    background-color: #fff;
    transform: skew(-32deg, 0);
    transform-origin: top left
}

.c-footer-col--nav .wp-block-navigation__container {
    gap: 0;
    width: 100%
}

.c-footer-col--nav .wp-block-navigation {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-l)
}

.c-footer-col--nav .wp-block-navigation .wp-block-navigation-item {
    flex-direction: column;
    align-items: flex-start;
    flex: 1
}

.c-footer-col--nav .wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container {
    width: 100% !important
}

.c-footer-col--services .wp-block-navigation__container {
    gap: 0rem;
    align-items: flex-start;
    flex-direction: column
}

@media(min-width: 768px) {
    .c-footer-col--services .wp-block-navigation__container {
        flex-direction: row
    }
}

@media(min-width: 768px) {
    .c-footer-col--services .wp-block-navigation__container {
        gap: 4rem
    }
}

.c-footer-col--services .wp-block-navigation .has-child>.wp-block-navigation-item__content {
    text-transform: uppercase;
    font-weight: var(--font-weight-s);
    padding: 0.8rem 0;
    border-bottom: solid 0.1rem rgba(0, 0, 0, 0);
    text-decoration: none;
    cursor: default
}

.c-footer-col--services .wp-block-navigation .has-child>.wp-block-navigation-item__content:focus {
    text-decoration: none
}

.c-footer-col--services .wp-block-navigation .has-child .wp-block-navigation__submenu-container {
    position: relative;
    background: rgba(0, 0, 0, 0);
    visibility: visible;
    overflow: visible;
    opacity: 1;
    width: auto;
    height: auto;
    width: 100%;
    border-width: 0
}

.c-footer-col--services .wp-block-navigation .has-child .wp-block-navigation__submenu-container li {
    border-bottom: solid 0.1rem #e5e9ef;
    width: 100%
}

.c-footer-col--services .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a {
    display: block;
    padding: 0.8rem 0;
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-l)
}

.c-footer-col--services .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a span {
    padding: 0
}

.c-footer-col--services .wp-block-navigation .has-child .wp-block-navigation__submenu-container li a:focus {
    text-decoration: inherit
}

.c-footer-col--sectors-and-more {
    display: flex;
    gap: 4rem;
    justify-content: space-around;
    flex-direction: column
}

@media(min-width: 768px) {
    .c-footer-col--sectors-and-more .c-footer-col--sectors {
        display: flex;
        flex-direction: column
    }
}

@media(min-width: 1176px) {
    .c-footer-col--sectors-and-more {
        flex-direction: row
    }
}

.c-footer-col--inner {
    flex-grow: 1
}

.c-footer-col--sectors .wp-block-navigation li {
    border-bottom: solid 0.1rem #e5e9ef;
    width: 100%
}

.c-footer-col--sectors .wp-block-navigation li a {
    display: block;
    padding: 0.8rem 0;
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-l)
}

.c-footer-col--sectors .wp-block-navigation li a span {
    padding: 0
}

.c-footer-col--sectors .wp-block-navigation li a:focus {
    text-decoration: inherit
}

.c-footer-col--more .wp-block-navigation li {
    border-bottom: solid 0.1rem #e5e9ef;
    width: 100%
}

.c-footer-col--more .wp-block-navigation li a {
    display: block;
    padding: 0.8rem 0;
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-l)
}

.c-footer-col--more .wp-block-navigation li a span {
    padding: 0
}

.c-footer-col--more .wp-block-navigation li a:focus {
    text-decoration: inherit
}

.c-footer-col--more .wp-block-navigation li a:hover {
    text-decoration: underline
}

.c-footer--bottom .wp-block-navigation {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-m)
}

.c-footer--bottom .wp-block-navigation.items-justified-right {
    --navigation-layout-justification-setting: flex-start;
    --navigation-layout-justify: flex-start;
    display: flex;
    justify-content: var(--navigation-layout-justify);
    flex-direction: column;
    align-items: flex-start
}

@media(min-width: 768px) {
    .c-footer--bottom .wp-block-navigation.items-justified-right {
        --navigation-layout-justification-setting: flex-end;
        --navigation-layout-justify: flex-end;
        flex-direction: revert;
        align-items: center
    }
}

.c-footer--bottom .wp-block-navigation li a {
    color: #fff
}

.c-footer--bottom .wp-block-navigation li a:hover {
    color: #fb874a
}

.c-footer--bottom .wp-block-navigation .wp-block-navigation__container {
    gap: 0;
    flex-direction: column
}

@media(min-width: 768px) {
    .c-footer--bottom .wp-block-navigation .wp-block-navigation__container {
        flex-direction: row;
        gap: 2rem
    }
}

.c-footer--bottom .wp-block-navigation .wp-block-navigation__container li {
    display: flex;
    gap: 2rem;
    align-items: center
}

@media(min-width: 768px) {
    .c-footer--bottom .wp-block-navigation .wp-block-navigation__container li:after {
        content: " ";
        display: inline-block;
        height: 3.2rem;
        border: solid 1px #50637d;
        transform: skew(-32deg, 0)
    }
}

.c-footer--bottom .wp-block-navigation .wp-block-navigation__container a {
    border-bottom-width: 0;
    display: flex;
    font-size: 14px
}

.c-footer--bottom .wp-block-navigation .wp-block-social-links {
    display: flex;
    justify-content: center
}

.c-footer--bottom .wp-block-navigation .wp-block-social-links:before {
    counter-reset: currentyear var(--current-year);
    content: "© " counter(currentyear) " STX Group. All rights reserved.";
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-m);
    display: block;
    width: 100%
}

@media(min-width: 576px) {
    .c-footer--bottom .wp-block-navigation .wp-block-social-links:before {
        display: flex;
        width: unset
    }
}

@media(min-width: 768px) {
    .c-footer--bottom .wp-block-navigation .wp-block-social-links:before {
        margin-left: 2rem;
        gap: 2rem
    }
}

.c-footer--bottom .wp-block-navigation .wp-block-social-links li:first-child {
    display: flex
}

@media(min-width: 768px) {
    .c-footer--bottom .wp-block-navigation .wp-block-social-links li:first-child {
        gap: 2rem;
        align-items: center
    }

    .c-footer--bottom .wp-block-navigation .wp-block-social-links li:first-child:before {
        content: " ";
        display: inline-block;
        height: 3.2rem;
        border: solid 1px #50637d;
        transform: skew(-32deg, 0)
    }
}

.c-footer--bottom .wp-block-navigation .wp-block-social-links li:hover {
    transform: scale(1)
}

.c-footer--bottom .wp-block-navigation .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
    fill: #7d92ae
}

.c-footer--bottom .wp-block-navigation .wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg:hover {
    fill: #fb874a
}

a {
    color: #fb874a
}

a.c-button {
    color: #fb874a
}

a.c-button--coral {
    color: #fff
}

.c-link {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    color: #fb874a;
    transition: all .2s ease
}

.c-link:hover {
    color: #50637d
}

.c-button {
    --button-color-bg: transparent;
    --button-color-bg-active: #EEEBDF;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #0E536A;
    --button-transition-duration: var(--transition-duration);
    --button-transition-delay: 0;
    --button-transition-timing: var(--transition-timing);
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-xl);
    text-transform: uppercase;
    height: 5.4rem;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: relative;
    padding: 0
}

.c-button span {
    position: relative;
    z-index: 3;
    color: var(--button-color-txt);
    transition: color var(--button-transition-duration) var(--button-transition-timing);
    padding: 0 2em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px
}

.c-button span svg {
    height: 2rem;
    fill: currentColor;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.c-button:before,
.c-button:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--button-color-bg);
    transform: skew(-32deg, 0)
}

.c-button:after {
    background-color: var(--button-color-bg-active);
    opacity: 0;
    transform: skew(-32deg, 0) scaleX(0%);
    z-index: 2;
    transform-origin: center left;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.c-button--simple {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-xxl);
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0 0.5rem
}

.c-button--simple svg {
    height: 2rem;
    fill: currentColor
}

.c-button--simple:focus {
    text-decoration: none
}

@media(min-width: 768px) {
    .c-button--aligned {
        margin-left: -3.6rem
    }
}

.c-button--blocked-left {
    display: flex;
    justify-content: flex-start
}

.c-button--l {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-s);
    height: 6.4rem
}

@media(min-width: 768px) {
    .c-button--l.c-button--aligned {
        margin-left: -4.1rem
    }
}

.c-button--s {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-xxl);
    height: 4rem
}

@media(min-width: 768px) {
    .c-button--s.c-button--aligned {
        margin-left: -2.8rem
    }
}

.c-button--xs {
    line-height: 1.5em;
    font-size: 1.2rem;
    font-weight: var(--font-weight-xxl);
    height: 3.3rem
}

.c-button--xs span {
    text-transform: none
}

@media(min-width: 768px) {
    .c-button--xs.c-button--aligned {
        margin-left: -2.4rem
    }
}

.c-button:hover {
    text-decoration: none
}

.c-button:hover>span,
.c-button:hover>a,
.c-button:hover>button {
    color: var(--button-color-txt-active)
}

.c-button:hover:after {
    transform: skew(-32deg, 0) scaleX(100%);
    opacity: 1
}

.c-button--white {
    --button-color-bg: #fff;
    --button-color-bg-active: #FB874A;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #fff
}

.c-button--coral {
    --button-color-bg: #FB874A;
    --button-color-bg-active: #152D50;
    --button-color-txt: #fff;
    --button-color-txt-active: #fff
}

.c-button--sea {
    --button-color-bg: transparent;
    --button-color-bg-active: #FB874A;
    --button-color-txt: #0E536A;
    --button-color-txt-active: #fff
}

.c-button--mirage {
    --button-color-bg: #141729;
    --button-color-bg-active: #FB874A;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #fff
}

.c-button:disabled {
    cursor: not-allowed
}

.c-button--separator {
    display: inline-block;
    border: solid 1px #eeebdf;
    transform: skew(-32deg, 0)
}

.c-buttons--row {
    display: flex;
    flex-direction: column
}

@media(min-width: 768px) {
    .c-buttons--row {
        flex-direction: row
    }
}

.c-social-link svg {
    fill: currentColor
}

.fluentform label {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-m);
    display: block;
    margin-bottom: .3em
}

.fluentform input[type=text],
.fluentform input[type=email],
.fluentform select {
    height: 4.4rem;
    line-height: 4.4rem;
    background-color: #fff;
    border: solid 1px #cbd3df;
    padding: 0 1.2rem;
    width: 100%;
    font-family: var(--font-body-family)
}

.fluentform textarea {
    background-color: #fff;
    border: solid 1px #cbd3df;
    padding: 1.2rem;
    width: 100%;
    font-family: var(--font-body-family);
    resize: vertical
}

.fluentform select [disabled] {
    color: red
}

.fluentform select:invalid {
    color: green
}

.fluentform ::-moz-placeholder {
    color: #cbd3df
}

.fluentform ::placeholder {
    color: #cbd3df
}

.fluentform :-ms-input-placeholder {
    color: #cbd3df
}

.fluentform ::-ms-input-placeholder {
    color: #cbd3df
}

.fluentform .ff_tc_label {
    display: flex;
    gap: 10px
}

.fluentform .ff-custom-check .ff-el-form-check-label span {
    gap: 10px;
    position: relative
}

.fluentform .ff-custom-check .ff_item_selected .ff-el-form-check-label span:before {
    background-size: 1.4rem !important
}

.fluentform .ff-custom-check input {
    position: relative;
    top: 3px;
    border: solid .1rem #cbd3df !important;
    background: #fff url(img/icons/checked.svg) no-repeat center center;
    background-size: 0;
    transition: background ease-out .15s
}

.fluentform .ff_item_selected .ff_tc_checkbox {
    background-size: 1.4rem
}

.fluentform .error {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-l);
    padding: 1rem 0
}

.fluentform .error.text-danger {
    color: #ff4745
}

.ff-custom-checkboxes .ff-el-form-check-label {
    display: flex;
    gap: 10px
}

.ff-custom-checkboxes .ff_item_selected .ff-el-form-check-label:before {
    background-size: 1.4rem
}

.ff-el-form-check a {
    color: #fb874a
}

.ff-el-group {
    margin-bottom: 2rem;
    text-align: left
}

.ff-hidden-field {
    display: none
}

.ff-el-is-required.asterisk-right label:after {
    content: "*";
    display: inline-block;
    color: #ff4745;
    padding-left: .2em
}

.ff-btn {
    text-transform: uppercase;
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl);
    border-width: 0;
    padding: 1.5rem 4rem;
    margin-top: 2rem;
    cursor: pointer;
    --button-color-bg: transparent;
    --button-color-bg-active: #EEEBDF;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #0E536A;
    --button-transition-duration: var(--transition-duration);
    --button-transition-delay: 0;
    --button-transition-timing: var(--transition-timing);
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-xl);
    text-transform: uppercase;
    height: 5.4rem;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: relative;
    padding: 0;
    position: relative;
    z-index: 3;
    color: var(--button-color-txt);
    transition: color var(--button-transition-duration) var(--button-transition-timing);
    padding: 0 2em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px;
    --button-color-bg: #141729;
    --button-color-bg-active: #FB874A;
    --button-color-txt: #fff;
    --button-color-txt-active: #fff
}

.ff-btn svg {
    height: 2rem;
    fill: currentColor;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.ff-btn:before,
.ff-btn:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--button-color-bg);
    transform: skew(-32deg, 0);
    z-index: -2
}

.ff-btn:after {
    background-color: var(--button-color-bg-active);
    opacity: 0;
    transform: skew(-32deg, 0) scaleX(0%);
    z-index: 2;
    transform-origin: center left;
    transition: all var(--button-transition-duration) var(--button-transition-timing);
    z-index: -1
}

.ff-btn:hover {
    text-decoration: none
}

.ff-btn:hover>span,
.ff-btn:hover>a,
.ff-btn:hover>button {
    color: var(--button-color-txt-active)
}

.ff-btn:hover:after {
    transform: skew(-32deg, 0) scaleX(100%);
    opacity: 1
}

.ff-btn:disabled {
    cursor: not-allowed
}

@media(min-width: 768px) {
    .ff_columns_total_3 {
        display: grid;
        gap: 2rem;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.ff-text-center {
    text-align: center
}

.ff-text-center .ff-btn {
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 768px) {
    .ff_list_3col .ff-el-input--content {
        -moz-column-count: 3;
        column-count: 3
    }
}

ul.disc {
    list-style-type: disc;
    margin-left: 1.5em
}

ul.disc li {
    margin-bottom: .5em
}

.c-combo {
    position: relative;
    display: inline-block
}

.c-combo--trigger {
    --button-color-bg: transparent;
    --button-color-bg-active: #EEEBDF;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #0E536A;
    --button-transition-duration: var(--transition-duration);
    --button-transition-delay: 0;
    --button-transition-timing: var(--transition-timing);
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-xl);
    text-transform: uppercase;
    height: 5.4rem;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: relative;
    padding: 0;
    --button-color-bg-active: #141729;
    --button-color-txt-active: #fff;
    text-transform: inherit;
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    line-height: 1.3em;
    font-size: clamp(2rem, 2.63vw, 3.8rem)
}

@media(min-width: 768px) {
    .c-combo--trigger {
        height: 10rem
    }
}

.c-combo--trigger span {
    position: relative;
    z-index: 3;
    color: var(--button-color-txt);
    transition: color var(--button-transition-duration) var(--button-transition-timing);
    padding: 0 2em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 1em
}

.c-combo--trigger span svg {
    height: 2rem;
    fill: currentColor;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.c-combo--trigger em {
    font-style: normal
}

.c-combo--trigger:before,
.c-combo--trigger:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--button-color-bg);
    transform: skew(-32deg, 0)
}

.c-combo--trigger:after {
    background-color: var(--button-color-bg-active);
    opacity: 0;
    transform: skew(-32deg, 0) scaleX(0%);
    z-index: 2;
    transform-origin: center left;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.c-combo--trigger:focus {
    text-decoration: none !important
}

.c-combo--options {
    display: block;
    background: linear-gradient(122deg, transparent 40px, #fff 0);
    position: absolute;
    z-index: 5;
    min-width: calc(100% + 4.8rem);
    top: 100%;
    right: 3rem;
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-l);
    padding: 3.5rem 5rem;
    text-align: left;
    box-shadow: 4px 4px 4px -4px rgba(20, 23, 41, .08), 7px 7px 13px -5px rgba(20, 23, 41, .08);
    transform: scale(0);
    transform-origin: top right;
    opacity: 0;
    transition: all var(--transition-duration) var(--transition-timing)
}

.c-combo--options:before,
.c-combo--options:after {
    content: " ";
    position: absolute;
    top: 7.5rem;
    left: 0;
    bottom: 0;
    width: 0.1rem;
    background-color: rgba(20, 23, 41, .08);
    box-shadow: -1px 0px 4px 0px rgba(20, 23, 41, .08)
}

.c-combo--options:after {
    top: 0;
    left: 4.7rem;
    bottom: auto;
    height: 7.5rem;
    transform: skewX(-32deg);
    transform-origin: top right
}

.c-combo--options li+li {
    border-top: solid 1px #e5e9ef
}

.c-combo--options span {
    color: #152d50;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    margin: 0 -2rem;
    padding: .4em 2rem
}

.c-combo--options .selected span {
    color: #fb874a
}

.c-combo.active .c-combo--trigger {
    text-decoration: none
}

.c-combo.active .c-combo--trigger>span,
.c-combo.active .c-combo--trigger>a,
.c-combo.active .c-combo--trigger>button {
    color: var(--button-color-txt-active)
}

.c-combo.active .c-combo--trigger:after {
    transform: skew(-32deg, 0) scaleX(100%);
    opacity: 1
}

.c-combo.active .c-combo--trigger svg {
    transform: rotate(180deg)
}

.c-combo.active .c-combo--options {
    transform: scale(1);
    opacity: 1
}

.c-dropdown {
    position: relative;
    display: inline-block
}

.c-dropdown--trigger {
    --button-color-bg: transparent;
    --button-color-bg-active: #EEEBDF;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #0E536A;
    --button-transition-duration: var(--transition-duration);
    --button-transition-delay: 0;
    --button-transition-timing: var(--transition-timing);
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-xl);
    text-transform: uppercase;
    height: 5.4rem;
    background-color: rgba(0, 0, 0, 0);
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: relative;
    padding: 0;
    --button-color-bg-active: #141729;
    --button-color-txt-active: #fff;
    text-transform: inherit;
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    line-height: 1.3em;
    font-size: clamp(2rem, 2.63vw, 3.8rem)
}

@media(min-width: 768px) {
    .c-dropdown--trigger {
        height: 10rem
    }
}

.c-dropdown--trigger span {
    position: relative;
    z-index: 3;
    color: var(--button-color-txt);
    transition: color var(--button-transition-duration) var(--button-transition-timing);
    padding: 0 2em;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 1em
}

.c-dropdown--trigger span svg {
    height: 2rem;
    fill: currentColor;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.c-dropdown--trigger em {
    font-style: normal
}

.c-dropdown--trigger:before,
.c-dropdown--trigger:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--button-color-bg);
    transform: skew(-32deg, 0)
}

.c-dropdown--trigger:after {
    background-color: var(--button-color-bg-active);
    opacity: 0;
    transform: skew(-32deg, 0) scaleX(0%);
    z-index: 2;
    transform-origin: center left;
    transition: all var(--button-transition-duration) var(--button-transition-timing)
}

.c-dropdown--trigger:focus {
    text-decoration: none !important
}

.c-dropdown--options {
    background: linear-gradient(122deg, transparent 40px, #fff 0);
    z-index: 5;
    position: absolute;
    top: 0;
    right: 3rem;
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-l);
    padding: 5rem 3.5rem 3.5rem 7rem;
    text-align: left;
    box-shadow: 4px 4px 4px -4px rgba(20, 23, 41, .08), 7px 7px 13px -5px rgba(20, 23, 41, .08);
    transform: scale(0);
    transform-origin: top right;
    opacity: 0;
    transition: all var(--transition-duration) var(--transition-timing);
    margin: auto;
    display: flex;
    flex-direction: column;
    width: 100%
}

.c-dropdown--options:before,
.c-dropdown--options:after {
    content: " ";
    position: absolute;
    top: 7.5rem;
    left: 0;
    bottom: 0;
    width: 0.1rem;
    background-color: rgba(20, 23, 41, .08);
    box-shadow: -1px 0px 4px 0px rgba(20, 23, 41, .08)
}

.c-dropdown--options:after {
    top: 0;
    left: 4.7rem;
    bottom: auto;
    height: 7.5rem;
    transform: skewX(-32deg);
    transform-origin: top right
}

.c-dropdown--options li+li {
    border-top: solid 1px #e5e9ef
}

.c-dropdown--options span {
    color: #152d50;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    margin: 0 -2rem;
    padding: .4em 2rem
}

.c-dropdown--options .selected span {
    color: #fb874a
}

.c-dropdown--spacer {
    height: 0px;
    transition: .4s ease-in-out
}

.c-dropdown--spacer.active {
    height: 35rem
}

.c-dropdown.active .c-dropdown--trigger {
    text-decoration: none
}

.c-dropdown.active .c-dropdown--trigger>span,
.c-dropdown.active .c-dropdown--trigger>a,
.c-dropdown.active .c-dropdown--trigger>button {
    color: var(--button-color-txt-active)
}

.c-dropdown.active .c-dropdown--trigger:after {
    transform: skew(-32deg, 0) scaleX(100%);
    opacity: 1
}

.c-dropdown.active .c-dropdown--trigger svg {
    transform: rotate(180deg)
}

.c-dropdown--options.active {
    transform: scale(1) !important;
    opacity: 1 !important
}

.custom-select select {
    width: 155px;
    height: 44px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    outline: none;
    padding: 5px;
    color: #cbd3df;
    font-family: "Lexend", sans-serif;
    padding: 12px;
    font-size: 14px;
    font-weight: 400
}

.custom-select select option {
    background: #fff;
    color: #333
}

.btn-next {
    font-family: "Lexend", sans-serif;
    background: none;
    border: none;
    position: relative;
    border-radius: 4px;
    outline: none;
    padding: 12px 2em;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    text-transform: uppercase;
    color: #fff
}

.btn-next:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fb874a;
    transform: skew(328deg, 0)
}

.btn-beige {
    font-family: "Lexend", sans-serif;
    position: relative;
    background: none;
    border: none;
    border-radius: 4px;
    outline: none;
    padding: 12px 2em;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    text-transform: uppercase;
    color: #141729
}

.boton-beige.active {
    background-color: #555;
    color: #fff
}

.btn-beige:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f8f7f2;
    transform: skew(328deg, 0)
}

.menu-filter-events {
    height: var(--header-nav-height);
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    color: #fff;
    font-weight: var(--font-weight-m);
    display: flex;
    flex-grow: 1;
    margin-right: -1em;
    justify-content: flex-start;
    margin-left: 10%;
    margin-right: 10%;
    flex-wrap: wrap;
    align-items: flex-end
}

@media(min-width: 768px) {
    .menu-filter-events {
        height: var(--header-nav-height);
        line-height: 1.5em;
        font-size: clamp(1.6rem, 1.25vw, 1.8rem);
        color: #fff;
        font-weight: var(--font-weight-m);
        display: flex;
        flex-grow: 1;
        margin-right: -1em;
        justify-content: space-evenly;
        margin-left: 10%;
        margin-right: 10%
    }
}

.btn-blue {
    font-family: "Lexend", sans-serif;
    position: relative;
    background: none;
    border: none;
    border-radius: 4px;
    outline: none;
    padding: 12px 2em;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    text-transform: uppercase;
    color: #f8f7f2
}

.boton-blue.active {
    background-color: #555;
    color: #fff
}

.btn-blue:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0e536a;
    transform: skew(328deg, 0)
}

.btn-filter.active {
    color: #fff;
    font-weight: bold
}

.btn-filter.active:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fb874a;
    transform: skew(328deg, 0)
}

.c-heading-flags {
    background-color: #f8f7f2;
    color: #0e536a;
    text-align: center;
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-l);
    text-transform: uppercase;
    min-height: 8.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-bottom: 5rem
}

.c-heading-flags--text {
    margin: 0 !important;
    position: relative;
    z-index: 3
}

a.c-heading-flags--text {
    color: var(--color-text-link-hard-hover)
}

a.c-heading-flags--text:hover {
    color: #fb874a
}

.c-heading-flags:before,
.c-heading-flags:after {
    content: " ";
    position: absolute;
    bottom: -2.5rem;
    left: -1.5rem;
    height: 5rem;
    width: 16rem;
    background-color: #edede9;
    transform: skew(-32deg, 0);
    z-index: -1
}

@media(min-width: 768px) {

    .c-heading-flags:before,
    .c-heading-flags:after {
        z-index: unset
    }
}

.c-heading-flags:after {
    bottom: auto;
    top: -2.5rem;
    left: auto;
    right: -1.5rem;
    background-color: #edede9
}

.c-heading-line {
    --rhombus-color: #0E536A;
    --heading-title-color: #fff;
    --heading-title-side-margin: 2.3rem;
    color: var(--heading-title-color);
    position: relative;
    background-color: var(--rhombus-color);
    display: flex;
    align-items: center;
    min-height: 7rem;
    margin-bottom: var(--block-margin-bottom-default)
}

@media(min-width: 768px) {
    .c-heading-line {
        --heading-title-side-margin: 0
    }
}

@media(min-width: 768px) {
    .c-heading-line {
        min-height: 10rem
    }
}

.c-heading-line:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 5000%;
    background-color: var(--rhombus-color)
}

.c-heading-line--text {
    line-height: 1.3em;
    font-size: clamp(2rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-s);
    width: 100%
}

@media(min-width: 768px) {
    .c-heading-line--text {
        padding: 0
    }
}

.c-heading-line .c-heading-line--text {
    margin: 0
}

.c-heading-line--left {
    justify-content: flex-end;
    text-align: right;
    margin-right: var(--heading-title-side-margin)
}

@media(min-width: 768px) {
    .c-heading-line--left {
        padding-right: 25px
    }

    [class^=c-col-] .c-heading-line--left {
        padding-right: 75px
    }
}

.c-heading-line--left:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: auto;
    left: 100%;
    background-image: linear-gradient(to bottom right, var(--rhombus-color) 49.5%, transparent 50.5%)
}

.c-heading-line--right {
    justify-content: flex-start;
    margin-left: var(--heading-title-side-margin)
}

.c-heading-line--right:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%)
}

.c-heading-line--right:before {
    left: 100%;
    right: auto
}

.c-heading-line--upper-img--img {
    display: block;
    margin-bottom: -50px;
    position: relative;
    z-index: -2;
    max-width: none;
    width: 100%;
    max-height: 34.2rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media(max-width: 767px) {
    .c-heading-line--upper-img--img {
        margin: 0 calc(2rem*-1);
        width: calc(100% + 2rem*2)
    }
}

.c-heading-line--lower-img .c-heading-line {
    margin-bottom: 0
}

.c-heading-line--lower-img--img {
    display: block;
    margin-top: -50px;
    position: relative;
    z-index: -2;
    max-width: none;
    width: 100%;
    max-height: 34.2rem;
    -o-object-fit: cover;
    object-fit: cover
}

.c-heading-line--shadow {
    transform: translateY(-80%);
    position: relative;
    z-index: -1
}

.c-heading-line--color-zodiac {
    --rhombus-color: #152D50
}

.c-heading-line--color-bayoux {
    --rhombus-color: #50637D
}

.c-heading-line--color-bali {
    --rhombus-color: #7D92AE
}

.c-heading-line--color-sea-alpha-6 {
    --rhombus-color: rgba(14, 83, 103, 0.6)
}

.c-heading-line--color-rock {
    --rhombus-color: #EEEBDF;
    --heading-title-color: #141729
}

.c-heading-line--color-rock-alpha-8 {
    --rhombus-color: rgba(238, 235, 223, 0.8)
}

.c-heading-line--color-lemon-2 {
    --rhombus-color: #EDEDE9
}

.c-heading-line--color-bali-4 {
    --rhombus-color: #CBD3DF;
    --heading-title-color: #141729
}

.c-heading-simple--title {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-s);
    color: #50637d;
    margin-bottom: var(--block-margin-bottom-s)
}

.c-heading-simple--title strong {
    font-weight: var(--font-weight-xl);
    text-transform: uppercase
}

.c-block {
    margin-bottom: var(--block-margin-bottom-default)
}

.c-block-rhombus--br {
    --rhombus-height: 31%;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.c-block-rhombus--br img,
.c-block-rhombus--br>.c-img-flags {
    display: block
}

.c-block-rhombus--br:after {
    --rhombus-color: #fff;
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: 0;
    top: auto;
    bottom: 0;
    height: var(--rhombus-height)
}

.c-block-rhombus--tl {
    --rhombus-height: 31%;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.c-block-rhombus--tl img,
.c-block-rhombus--tl>.c-img-flags {
    display: block
}

.c-block-rhombus--tl:after {
    --rhombus-color: #fff;
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: auto;
    left: -0.1rem;
    top: -0.2rem;
    bottom: auto;
    height: var(--rhombus-height);
    transform: rotate(180deg)
}

.c-block-rhombus--corners {
    --rhombus-height: 31%;
    position: relative;
    overflow: hidden;
    display: inline-block
}

.c-block-rhombus--corners img,
.c-block-rhombus--corners>.c-img-flags {
    display: block
}

.c-block-rhombus--corners:before {
    --rhombus-color: #fff;
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: auto;
    left: -0.1rem;
    top: -0.2rem;
    bottom: auto;
    height: var(--rhombus-height);
    transform: rotate(180deg)
}

.c-block-rhombus--corners:after {
    --rhombus-color: #fff;
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: 0;
    top: auto;
    bottom: 0;
    height: var(--rhombus-height)
}

.c-block-rhombus--size__s {
    --rhombus-height: 4rem
}

.c-block-rhombus--br__color-lemon:after {
    --rhombus-color: #A4A691
}

.c-block-rhombus--br__color-bali:after {
    --rhombus-color: #7D92AE
}

.c-block-rhombus--br__color-bali-2:after {
    --rhombus-color: #E5E9EF
}

.c-block-rhombus--br__color-rock:after {
    --rhombus-color: #EEEBDF
}

.c-block-rhombus--br__color-rock-4:after {
    --rhombus-color: #F8F7F2
}

.c-block-rhombus--br__color-zodiac:after {
    --rhombus-color: #152D50
}

.c-block-rhombus--br__color-1:after {
    --rhombus-color: #D3C28F
}

.c-block-rhombus--br__color-2:after {
    --rhombus-color: #3E7588
}

.c-block-rhombus--br__color-3:after {
    --rhombus-color: #7D92AE
}

.c-block-rhombus--br__color-4:after {
    --rhombus-color: #50637D
}

.c-block-rhombus--br__color-5:after {
    --rhombus-color: #152D50
}

.c-block-rhombus--tl__color-lemon:after {
    --rhombus-color: #A4A691
}

.c-block-rhombus--tl__color-bali:after {
    --rhombus-color: #7D92AE
}

.c-block-rhombus--tl__color-bali-2:after {
    --rhombus-color: #E5E9EF
}

.c-block-rhombus--tl__color-rock:after {
    --rhombus-color: #EEEBDF
}

.c-block-rhombus--tl__color-rock-4:after {
    --rhombus-color: #F8F7F2
}

.c-block-rhombus--tl__color-zodiac:after {
    --rhombus-color: #152D50
}

.c-block-rhombus--tl__color-1:after {
    --rhombus-color: #D3C28F
}

.c-block-rhombus--tl__color-2:after {
    --rhombus-color: #3E7588
}

.c-block-rhombus--tl__color-3:after {
    --rhombus-color: #7D92AE
}

.c-block-rhombus--tl__color-4:after {
    --rhombus-color: #50637D
}

.c-block-rhombus--tl__color-5:after {
    --rhombus-color: #152D50
}

.c-ballon {
    --ballon-width: 4.9rem;
    --ballon-height: 7.8rem;
    position: relative;
    background-color: #0e536a;
    color: #fff;
    padding: 10rem 2rem 8rem;
    margin-bottom: var(--block-margin-bottom-default)
}

@media(min-width: 768px) {
    .c-ballon {
        --ballon-width: 9.8rem;
        --ballon-height: 15.7rem
    }
}

@media(min-width: 1176px) {
    .c-ballon {
        padding-left: 0;
        padding-right: 0
    }
}

.c-ballon a {
    color: #fb874a
}

.c-ballon:before {
    --rhombus-color: #0E536A;
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: 0;
    top: auto;
    bottom: 0;
    height: var(--rhombus-height);
    content: " ";
    position: absolute;
    bottom: calc(100% - 0.1rem);
    top: auto;
    width: var(--ballon-width);
    height: var(--ballon-height)
}

.c-ballon--color-bayoux-4 {
    background-color: #b9c1cb;
    color: #50637d
}

.c-ballon--color-bayoux-4 a {
    color: #fff
}

.c-ballon--color-bayoux-4:before {
    --rhombus-color: #B9C1CB
}

img {
    max-width: 100%;
    background-color: rgba(80, 99, 125, .4)
}

a img {
    transition: transform .3s ease
}

a:hover img,
.is-link-hover a img {
    transform: scale(1.1);
    transform-origin: center center
}

.c-img--ratio-150 {
    aspect-ratio: 1.5
}

.c-img--ratio-272 {
    aspect-ratio: 2.72
}

.c-img-rhombus {
    display: inline-block;
    -webkit-clip-path: polygon(0 100%, 33% 0, 100% 0, 67% 100%);
    clip-path: polygon(0 100%, 33% 0, 100% 0, 67% 100%);
    aspect-ratio: 1.865;
    max-width: 100%;
    overflow: hidden;
    background-color: rgba(80, 99, 125, .4);
    transform: translateX(-33%)
}

.c-img-rhombus img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    max-height: 100%
}

.c-img-rhombus--left {
    -webkit-clip-path: polygon(0 100%, 33% 0, 100% 0, 100% 100%);
    clip-path: polygon(0 100%, 33% 0, 100% 0, 100% 100%)
}

.c-img-rhombus--right {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 67% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 0, 67% 100%)
}

.c-img-rhombus__ratio-272 {
    aspect-ratio: 2.72;
    transform: translateX(-22%);
    -webkit-clip-path: polygon(0 100%, 22.6% 0, 100% 0, 77.3% 100%);
    clip-path: polygon(0 100%, 22.6% 0, 100% 0, 77.3% 100%)
}

.c-img-rhombus__ratio-272.c-img-rhombus--left {
    -webkit-clip-path: polygon(0 100%, 22.6% 0, 100% 0, 100% 100%);
    clip-path: polygon(0 100%, 22.6% 0, 100% 0, 100% 100%)
}

.c-img-rhombus__ratio-272.c-img-rhombus--right {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 77.3% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 0, 77.3% 100%)
}

.c-img-rhombus__ratio-2 {
    aspect-ratio: 2;
    transform: translateX(-22%);
    -webkit-clip-path: polygon(0 100%, 30.8% 0, 100% 0, 69.2% 100%);
    clip-path: polygon(0 100%, 30.8% 0, 100% 0, 69.2% 100%)
}

.c-img-rhombus__ratio-2.c-img-rhombus--left {
    -webkit-clip-path: polygon(0 100%, 30.8% 0, 100% 0, 100% 100%);
    clip-path: polygon(0 100%, 30.8% 0, 100% 0, 100% 100%)
}

.c-img-rhombus__ratio-2.c-img-rhombus--right {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 69.2% 100%);
    clip-path: polygon(0 100%, 0 0, 100% 0, 69.2% 100%)
}

.c-img-rhombus--post-image {
    -webkit-clip-path: unset;
    clip-path: unset;
    aspect-ratio: unset;
    height: 250px;
    margin-bottom: var(--block-margin-bottom-default)
}

@media(min-width: 768px) {
    .c-img-rhombus--post-image {
        -webkit-clip-path: polygon(5.5% 100%, 25% 0, 99.5% 0, 80% 100%);
        clip-path: polygon(5.5% 100%, 25% 0, 99.5% 0, 80% 100%);
        aspect-ratio: 3.15;
        height: 450px;
        max-width: unset
    }
}

.c-img-rhombus figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: rgba(80, 99, 125, .8);
    color: #fff;
    padding: 1.5rem;
    padding-left: 10%;
    line-height: 1.5em;
    font-size: 1.2rem
}

.c-img-rhombus-row {
    position: relative;
    display: flex
}

.c-img-rhombus-row--size__small {
    --img-rhombus-height: 15.8rem;
    --img-rhombus-margin: -9.7rem
}

.c-img-rhombus-row .c-img-rhombus {
    height: var(--img-rhombus-height);
    margin-left: var(--img-rhombus-margin);
    transform: translateX(0)
}

.c-img-flags {
    position: relative;
    display: block;
    overflow: hidden;
    display: inline-block;
    background-color: rgba(80, 99, 125, .4)
}

.c-img-flags img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    max-width: 100%;
    min-height: 100%
}

.c-img-flags:before,
.c-img-flags:after {
    content: " ";
    position: absolute;
    left: 0;
    top: 1.8rem;
    width: 5.5rem;
    height: 1.8rem;
    background-color: rgba(146, 166, 145, .2);
    transform: skew(-32deg, 0);
    transform-origin: top left
}

.c-img-flags:after {
    top: 0;
    height: 3rem;
    background-color: #fff
}

.c-image {
    position: relative;
    margin-bottom: var(--block-margin-bottom-default)
}

.c-image img {
    display: block
}

.c-image figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: rgba(80, 99, 125, .8);
    color: #fff;
    padding: 1.5rem;
    line-height: 1.5em;
    font-size: 1.2rem
}

.c-image.is-style-in-grid {
    max-width: var(--single-post-max-width);
    margin-left: auto
}

.c-image.is-style-rhombus-tl:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("img/layout/rhombus-tl.svg") no-repeat bottom left
}

.c-image.is-style-rhombus-tl figcaption {
    padding-left: 4rem
}

.wp-block-image {
    max-width: var(--single-post-max-width);
    margin-left: auto;
    margin-bottom: var(--block-margin-bottom-default);
    position: relative
}

.wp-block-image figcaption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    background-color: rgba(80, 99, 125, .8);
    color: #fff;
    padding: 1.5rem;
    line-height: 1.5em;
    font-size: 1.2rem
}

.c-hero {
    height: var(--hero-min-height);
    background-color: #141729;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 13rem
}

.c-hero--size_xs {
    --hero-aspect-ratio: 9.6;
    --hero-min-height: 15rem;
    --hero-max-height: 25rem
}

.c-hero--size_s {
    --hero-aspect-ratio: 5.76;
    --hero-min-height: 25rem;
    --hero-max-height: 32rem
}

.c-hero--size_m {
    --hero-aspect-ratio: 4.5;
    --hero-min-height: 32rem;
    --hero-max-height: 50rem
}

.c-hero--size_l {
    --hero-aspect-ratio: 2.88;
    --hero-min-height: 50rem;
    --hero-max-height: 70rem
}

.c-hero--size_xl {
    --hero-aspect-ratio: 2.057;
    --hero-min-height: 70rem;
    --hero-max-height: 100rem
}

.c-hero--inner {
    max-width: var(--wp--style--global--full-size);
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
    width: 100%;
    display: flex;
    flex-grow: 1;
    align-items: center;
    position: relative
}

@media(min-width: 768px) {
    .c-hero--inner {
        padding: 4rem
    }
}

.c-hero--bottom {
    margin-bottom: 7rem
}

.c-hero--title {
    line-height: 1.2em;
    font-size: 3.6vw;
    font-size: clamp(3rem, 3.6vw, 5rem);
    font-weight: var(--font-weight-xs);
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    margin-bottom: 6rem
}

@media(min-width: 768px) {
    .c-hero--title {
        margin-bottom: 0
    }
}

.c-hero--title strong {
    font-weight: var(--font-weight-xxl);
    display: block
}

.c-hero--back-action {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    color: #fff
}

.c-hero--back-action:hover {
    color: #fb874a
}

.c-hero--size_l .c-hero--title {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem)
}

.c-hero[class*=c-hero--variation_bottom-] .c-hero--inner {
    align-items: flex-end
}

@media(min-width: 768px) {

    .c-hero--variation_bottom-left-2 .c-hero--title,
    .c-hero--variation_center-left-2 .c-hero--title {
        padding-left: 16.6666666667%
    }

    .c-hero--variation_bottom-left-3 .c-hero--title {
        padding-left: 25%
    }

    .c-hero--variation_bottom-left-4 .c-hero--title {
        padding-left: 33.3333333333%
    }
}

.c-hero--bg_position_tl {
    background-position: top left
}

.c-hero--bg_position_tc {
    background-position: top center
}

.c-hero--bg_position_tr {
    background-position: top right
}

.c-hero--bg_position_cl {
    background-position: center left
}

.c-hero--bg_position_cc {
    background-position: center center
}

.c-hero--bg_position_cr {
    background-position: center right
}

.c-hero--bg_position_bl {
    background-position: bottom left
}

.c-hero--bg_position_bc {
    background-position: bottom center
}

.c-hero--bg_position_br {
    background-position: bottom right
}

.gut-feature-image-block {
    --hero-aspect-ratio: 9.6;
    --hero-min-height: 15rem;
    --hero-max-height: 25rem;
    height: var(--hero-min-height);
    background-color: #141729;
    color: #fff;
    position: relative
}

.gut-feature-image-block figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 !important;
    overflow: hidden;
    max-width: 100% !important;
    display: flex
}

.gut-feature-image-block figure img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.gut-feature-image-block .wp-block-post-title {
    max-width: var(--wp--style--global--full-size);
    margin-left: auto;
    margin-right: auto;
    padding: 2rem;
    width: 100%;
    display: flex;
    flex-grow: 1;
    align-items: center;
    position: relative;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    line-height: 1.2em;
    font-size: 3.6vw;
    font-size: clamp(3rem, 3.6vw, 5rem);
    font-weight: var(--font-weight-xs);
    text-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    margin-bottom: 6rem
}

@media(min-width: 768px) {
    .gut-feature-image-block .wp-block-post-title {
        margin-bottom: 0
    }
}

.gut-feature-image-block .wp-block-post-title strong {
    font-weight: var(--font-weight-xxl);
    display: block
}

@media(min-width: 768px) {
    .gut-feature-image-block .wp-block-post-title {
        padding: 4rem
    }
}

.c-highlight-text {
    color: #50637d
}

.c-highlight-text--text {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-s)
}

.c-button-right-line {
    margin-bottom: 4rem
}

.c-heading-rhombus {
    position: relative;
    color: #fff;
    --heading-rhombus-height-tall: calc(32.8rem / 1.5);
    --heading-rhombus-height-small: calc(23.3rem / 1.5);
    --heading-rhombus-margin: calc(-14.4rem / 1.5)
}

@media(min-width: 1176px) {
    .c-heading-rhombus {
        --heading-rhombus-height-tall: 32.8rem;
        --heading-rhombus-height-small: 23.3rem;
        --heading-rhombus-margin: -14.4rem
    }
}

.c-heading-rhombus--wrap {
    display: flex
}

.c-heading-rhombus--wrap:before,
.c-heading-rhombus--wrap:after {
    background-color: #0e536a;
    transform: skew(-32deg, 0);
    content: " ";
    position: absolute;
    z-index: -1;
    bottom: 25%;
    left: 2rem;
    height: calc(4.5rem / 1.5);
    width: calc(67.5rem / 1.5)
}

@media(min-width: 1176px) {

    .c-heading-rhombus--wrap:before,
    .c-heading-rhombus--wrap:after {
        height: 4.5rem;
        width: 67.5rem
    }
}

.c-heading-rhombus--wrap:before {
    background-color: #fb874a;
    transform: skew(-32deg, 0);
    bottom: -1rem;
    left: -1.3%;
    height: calc(2.7rem / 1.5);
    width: calc(30rem / 1.5)
}

@media(min-width: 1176px) {
    .c-heading-rhombus--wrap:before {
        height: 2.7rem;
        width: 30rem
    }
}

.c-heading-rhombus .c-img-rhombus {
    height: var(--heading-rhombus-height-small);
    max-width: auto;
    margin-left: var(--heading-rhombus-margin);
    transform: translateX(0)
}

.c-heading-rhombus .c-img-rhombus:nth-child(1) {
    height: var(--heading-rhombus-height-small)
}

@media(min-width: 768px) {
    .c-heading-rhombus .c-img-rhombus:nth-child(1) {
        height: var(--heading-rhombus-height-tall)
    }
}

.c-heading-rhombus--title {
    line-height: 1.2em;
    font-size: 3.6vw;
    font-size: clamp(3rem, 3.6vw, 5rem);
    text-transform: uppercase;
    font-weight: var(--font-weight-xxl);
    position: absolute;
    height: 100%;
    top: 0;
    left: 20%;
    display: flex;
    align-items: center;
    max-width: 25ch
}

.c-claim-rhombus {
    position: relative;
    min-height: 24.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.c-claim-rhombus:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f8f7f2
}

@media(min-width: 768px) {
    .c-claim-rhombus:before {
        transform: skew(-32deg, 0);
        transform-origin: bottom left
    }
}

.c-claim-rhombus--text {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-s);
    margin: 0;
    margin-left: 2rem;
    margin-right: 2rem
}

@media(min-width: 768px) {
    .c-claim-rhombus--text {
        margin-left: 23rem
    }
}

@media(min-width: 1176px) {
    .c-claim-rhombus--text {
        padding-left: calc(50vw - var(--wp--style--global--full-size)/2)
    }
}

.c-claim-rhombus--text strong {
    font-weight: var(--font-weight-xl)
}

.c-claim-rhombus--color-rock-4 {
    color: #152d50
}

.c-claim-rhombus--color-rock-4:before {
    background-color: #f8f7f2
}

.c-newsletter-cta {
    margin-bottom: 0px;
    position: relative;
    --newsletter-cta-gap-col-width: 20px;
    --newsletter-cta-gap-content-padding: 3rem 2rem 1.5rem var(--newsletter-cta-gap-col-width)
}

@media(min-width: 1176px) {
    .c-newsletter-cta {
        --newsletter-cta-gap-col-width: 10vw;
        --newsletter-cta-gap-content-padding: 7rem 2rem 3rem var(--newsletter-cta-gap-col-width)
    }
}

@media(min-width: 768px) {
    .c-newsletter-cta {
        margin-bottom: var(--block-margin-bottom-l)
    }
}

.c-newsletter-cta--main {
    position: relative;
    padding: var(--newsletter-cta-gap-content-padding)
}

@media(min-width: 768px) {
    .c-newsletter-cta--main {
        margin-right: 8.3333333333%
    }
}

@media(min-width: 1176px) {
    .c-newsletter-cta--main {
        padding-left: calc(50vw - var(--wp--style--global--full-size)/2);
        margin-right: calc(50vw + 7% - var(--wp--style--global--full-size)/2)
    }
}

.c-newsletter-cta--main-content {
    max-width: 47.5rem
}

.c-newsletter-cta--main:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #edede9
}

@media(min-width: 768px) {
    .c-newsletter-cta--main:before {
        transform: skew(-32deg, 0);
        transform-origin: top right
    }
}

.c-newsletter-cta--main--title {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-s)
}

.c-newsletter-cta--data {
    position: relative;
    top: -1px;
    padding: var(--newsletter-cta-gap-content-padding)
}

@media(min-width: 768px) {
    .c-newsletter-cta--data {
        margin-right: 41.6666666667%;
        min-height: 29rem
    }
}

@media(min-width: 1176px) {
    .c-newsletter-cta--data {
        padding-left: calc(50vw - var(--wp--style--global--full-size)/2)
    }
}

.c-newsletter-cta--data-content {
    max-width: 26rem
}

.c-newsletter-cta--data:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #f8f7f2
}

@media(min-width: 768px) {
    .c-newsletter-cta--data:before {
        transform: skew(-32deg, 0);
        transform-origin: top right
    }
}

.c-newsletter-cta--data--title {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-l)
}

.c-newsletter-cta--data--text {
    font-weight: var(--font-weight-s)
}

.c-newsletter-cta--more {
    margin-top: 2rem;
    padding: 0 2rem
}

@media(min-width: 768px) {
    .c-newsletter-cta--more {
        margin-left: 50%;
        margin-top: -12rem
    }
}

@media(min-width: 992px) {
    .c-newsletter-cta--more {
        margin-top: -7rem
    }
}

@media(min-width: 1176px) {
    .c-newsletter-cta--more {
        margin-top: -12rem;
        padding-right: calc(50vw - var(--wp--style--global--full-size)/2)
    }
}

@media(min-width: 1440px) {
    .c-newsletter-cta--more {
        margin-top: -7rem
    }
}

.c-newsletter-cta--more--title {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-m)
}

.c-newsletter-cta--more--text {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

@media(min-width: 576px) {
    .c-newsletter-cta--more--text {
        -moz-column-count: 2;
        column-count: 2
    }
}

.c-newsletter-cta--pics {
    zoom: .5
}

@media(min-width: 768px) {
    .c-newsletter-cta--pics {
        zoom: .73;
        position: absolute;
        left: calc(-611px + 108.5%);
        top: 18rem
    }
}

@media(min-width: 992px) {
    .c-newsletter-cta--pics {
        zoom: .94;
        left: calc(-611px + 91.2%)
    }
}

@media(min-width: 1176px) {
    .c-newsletter-cta--pics {
        zoom: .83;
        left: calc(-611px + 95.1%)
    }
}

@media(min-width: 1440px) {
    .c-newsletter-cta--pics {
        zoom: 1;
        left: 50%
    }
}

.c-download-cta {
    --download-cta-content-vpadding: 4rem;
    padding: 1.5rem;
    margin-bottom: var(--block-margin-bottom-default)
}

@media(min-width: 1176px) {
    .c-download-cta {
        --download-cta-content-vpadding: 8rem
    }
}

.c-download-cta .c-row--expanded {
    gap: 0
}

@media(min-width: 768px) {
    .c-download-cta .c-row--expanded {
        gap: 5.6rem
    }
}

.c-download-cta .c-row--expanded-col-6 {
    display: flex;
    align-items: center
}

.c-download-cta--info {
    background-color: #eeebdf
}

@media(min-width: 768px) {
    .c-download-cta--info {
        background-color: unset
    }
}

.c-download-cta--col {
    padding-top: var(--download-cta-content-vpadding);
    padding-bottom: var(--download-cta-content-vpadding)
}

.c-download-cta--col__left {
    position: relative
}

.c-download-cta--col__left:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5000%;
    background-color: #eeebdf;
    transform-origin: top left
}

@media(min-width: 768px) {
    .c-download-cta--col__left:before {
        transform: skew(-32deg, 0)
    }
}

.c-download-cta--inner {
    margin-left: calc(2rem*-1);
    margin-right: calc(2rem*-1)
}

.c-download-cta--title {
    padding-left: 2rem
}

.c-download-cta--img {
    width: calc(100% + 22vw);
    margin-left: -24vw;
    margin-top: 4rem;
    margin-bottom: 2rem;
    position: relative;
    display: flex;
    justify-content: flex-end
}

.c-download-cta--img,
.c-download-cta--img>* {
    max-height: 43.4rem
}

@media(min-width: 768px) {
    .c-download-cta--img {
        margin-bottom: 0
    }
}

.c-download-cta--img .c-img-rhombus {
    transform: translateX(0);
    display: block;
    max-width: 100%
}

.c-download-cta--img:before {
    content: " ";
    position: absolute;
    z-index: 0;
    width: 20%;
    top: -1.5rem;
    bottom: 1.5rem;
    right: -3.8rem;
    background-color: #fff;
    transform-origin: top left;
    transform: skew(-32deg, 0)
}

.c-download-cta--more--text {
    padding-right: 2rem;
    padding-left: 2rem
}

@media(min-width: 768px) {
    .c-download-cta--more--text {
        padding-left: 0
    }
}

.c-download-cta--more--text ul {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

.c-download-cta--more--cta {
    margin-top: var(--download-cta-content-vpadding)
}

.c-download-cta--more--cta .c-button {
    --button-color-bg: transparent;
    --button-color-bg-active: transparent;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #fff
}

.c-download-cta .c-button {
    --button-color-bg-active: #fff
}

.c-figure-item--figure {
    line-height: 1.2em;
    font-size: 3.6vw;
    font-size: clamp(3rem, 3.6vw, 5rem);
    font-weight: var(--font-weight-xxl);
    color: #0e536a;
    margin-bottom: 0;
    padding-left: 4rem
}

.c-figure-item--figure:after {
    content: " ";
    display: block;
    max-width: 5rem;
    height: 1.8rem;
    background-color: #eeebdf;
    transform: skew(-32deg, 0);
    margin-bottom: 2rem;
    margin-top: 2rem;
    margin-left: -2rem
}

.c-figure-item--text {
    margin: 0
}

.c-cols-lines {
    margin-bottom: var(--block-margin-bottom-default)
}

.c-cols-lines .c-col {
    padding: 0 7rem;
    position: relative
}

.c-cols-lines .c-col+.c-col:before {
    content: " ";
    display: block;
    background-color: #eeebdf;
    width: 100%;
    height: 0.1rem;
    margin: 2rem 0
}

@media(min-width: 768px) {
    .c-cols-lines .c-col+.c-col:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 0.2rem;
        height: auto;
        transform: skew(-32deg, 0);
        margin: 0
    }
}

.c-cols-3-lines-row {
    display: flex;
    justify-content: center
}

.c-col-after-left {
    background: #fff;
    color: var(--rhombus-color)
}

.c-col-after {
    background: #fff;
    color: var(--rhombus-color)
}

.c-col-after::after {
    content: " ";
    position: absolute;
    top: 0;
    right: 110%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    border-right: 1px solid #d3c28f;
    transform: rotate(26deg) translate(-50px, 0px)
}

.c-col.c-col-traslate {
    padding: 0 7rem;
    position: relative
}

.c-col.c-col-traslate+.c-col:before {
    content: " ";
    display: block;
    width: 100%;
    height: 0.1rem;
    margin: 2rem 0;
    background-color: rgba(80, 99, 125, .8) !important
}

@media(min-width: 768px) {
    .c-col.c-col-traslate+.c-col:before {
        background-color: rgba(80, 99, 125, .8) !important;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 106px;
        width: 0.2rem;
        height: auto;
        transform: skew(-32deg, 0) translate(-130px, 0px) !important;
        margin: 0
    }
}

.c-rhombus-row {
    display: flex;
    flex-direction: column-reverse;
    max-width: var(--wp--style--global--full-size);
    margin-top: -1.2rem
}

.c-rhombus-row--main {
    margin-left: 10%
}

@media(min-width: 768px) {
    .c-rhombus-row {
        flex-direction: row;
        justify-content: space-between;
        margin-top: -4.5rem
    }

    .c-rhombus-row--main {
        margin-left: 0
    }
}

.c-rhombus-row--mb__lg {
    margin-bottom: 7.5rem
}

@media(min-width: 768px) {
    .c-rhombus-row--mb__lg {
        margin-bottom: 15rem
    }
}

.c-rhombus-row--mb__sm {
    margin-bottom: 2rem
}

@media(min-width: 768px) {
    .c-rhombus-row--mb__sm {
        margin-bottom: 4rem
    }
}

.c-rhombus-row--side {
    margin-top: 2rem
}

@media(max-width: 767px) {
    .c-rhombus-row--side {
        margin-bottom: 0
    }
}

@media(min-width: 768px) {
    .c-rhombus-row--side {
        margin-top: 5rem
    }
}

.c-rhombus-row--rhombus-bg {
    height: 4.5rem;
    margin-bottom: -4.5rem
}

.c-rhombus-row--rhombus-main {
    margin-top: 1.2rem;
    margin-left: 1rem;
    padding: 3.5rem 2rem 5.5rem 5rem;
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em
}

.c-rhombus-panel {
    --bg-color: red;
    margin-bottom: var(--block-margin-bottom-s);
    display: flex;
    justify-content: center;
    position: relative
}

.c-rhombus-panel:before,
.c-rhombus-panel:after {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 7.2rem;
    height: 11.5rem;
    background-color: #fff;
    transform: skew(-32deg, 0);
    transform-origin: top left
}

.c-rhombus-panel:after {
    transform-origin: bottom right;
    left: auto;
    top: auto;
    right: 0;
    bottom: -0.2rem
}

.c-rhombus-panel--color_bali-2 {
    --bg-color: #E5E9EF
}

.c-rhombus-panel--color_rock-4 {
    --bg-color: #F8F7F2
}

.c-rhombus-panel--content {
    padding: 6rem 7rem;
    width: 100%;
    max-width: var(--wp--style--global--row-size);
    margin-left: auto;
    margin-right: auto;
    position: relative
}

.c-rhombus-panel--content::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: -0.1rem;
    right: 0;
    left: 0;
    background-color: var(--bg-color);
    transform: scaleX(10)
}

@media(min-width: 1276px) {
    .c-rhombus-panel--content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.c-rhombus-panel em {
    font-size: italic;
    color: #3e7588;
    font-weight: var(--font-weight-xl)
}

.c-rhombus-panel.is-style-top {
    margin-bottom: 0
}

.c-rhombus-panel.is-style-top .c-rhombus-panel--content {
    padding-bottom: 0
}

.c-rhombus-panel.is-style-top:after {
    display: none
}

.c-rhombus-panel.is-style-bottom .c-rhombus-panel--content {
    padding-top: 3rem
}

.c-rhombus-panel.is-style-bottom:before {
    display: none
}

.c-rhombus-panel--rows.is-style-top .c-rhombus-panel--content {
    padding-bottom: 6rem
}

.c-rhombus-panel--rows--image {
    position: relative;
    margin-top: -2rem;
    margin-bottom: -2rem
}

.c-rhombus-panel--rows--image .c-img-rhombus {
    max-width: none;
    width: 100%;
    transform: translateX(0);
    display: block
}

@media(max-width: 767px) {
    .c-rhombus-panel--rows--image .c-img-rhombus {
        margin-bottom: 2rem
    }
}

@media(min-width: 768px) {
    .c-rhombus-panel--rows--image .c-img-rhombus {
        width: 120%;
        transform: translateX(-20%)
    }
}

.c-rhombus-panel--rows--title {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    font-weight: var(--font-weight-s)
}

.c-rhombus-panel--rows--main a {
    left: -4rem
}

.c-rhombus-panel--rows--description {
    margin-bottom: 0
}

.c-rhombus-panel--rows--stx-flag {
    --stx-height-number: 8rem;
    padding-right: 10%;
    background-color: #fff;
    text-align: right;
    position: absolute;
    top: 50%;
    right: calc(var(--stx-height-number)*1.25);
    height: var(--stx-height-number);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transform: translateY(-55%)
}

.c-rhombus-panel--rows--stx-flag figure {
    margin: 0
}

@media(min-width: 576px) {
    .c-rhombus-panel--rows--stx-flag {
        --stx-height-number: 15rem;
        padding-right: 4rem
    }
}

@media(min-width: 768px) {
    .c-rhombus-panel--rows--stx-flag {
        --stx-height-number: 12rem
    }
}

@media(min-width: 992px) {
    .c-rhombus-panel--rows--stx-flag {
        --stx-height-number: 16rem
    }
}

@media(min-width: 1176px) {
    .c-rhombus-panel--rows--stx-flag {
        --stx-height-number: 18rem
    }
}

@media(min-width: 1176px) {
    .c-rhombus-panel--rows--stx-flag {
        --stx-height-number: 20rem
    }
}

.c-rhombus-panel--rows--stx-flag img {
    height: 15rem;
    max-width: 15rem;
    background-color: rgba(0, 0, 0, 0)
}

.c-rhombus-panel--rows--stx-flag:before {
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 5000%;
    background-color: #fff
}

.c-rhombus-panel--rows--stx-flag:after {
    content: " ";
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: calc(var(--stx-height-number)*.5) solid rgba(0, 0, 0, 0);
    border-top: calc(var(--stx-height-number)*.5) solid rgba(0, 0, 0, 0);
    border-left: calc(var(--stx-height-number)*.5*.63) solid #fff;
    left: 100%;
    z-index: 1
}

@media(min-width: 768px) {
    .c-rhombus-panel--rows--items {
        display: grid;
        grid-gap: 4rem;
        grid-template-columns: repeat(12, 1fr)
    }

    .c-rhombus-panel--rows--items>* {
        grid-column: auto/span 3
    }

    .c-rhombus-panel--rows--items__1 .c-rhombus-panel--rows--items>* {
        grid-column: auto/span 12
    }

    .c-rhombus-panel--rows--items__2 .c-rhombus-panel--rows--items>* {
        grid-column: auto/span 6
    }

    .c-rhombus-panel--rows--items__3 .c-rhombus-panel--rows--items>*,
    .c-rhombus-panel--rows--items__6 .c-rhombus-panel--rows--items>* {
        grid-column: auto/span 4
    }
}

.c-rhombus-panel--rows--item {
    margin-bottom: 4rem
}

@media(min-width: 768px) {
    .c-rhombus-panel--rows--item {
        margin-bottom: 0
    }
}

.c-rhombus-panel--rows--item--title {
    color: #7d92ae;
    line-height: 1.5em;
    font-size: clamp(2rem, 1.8vw, 2.6rem);
    font-weight: var(--font-weight-m);
    margin-bottom: 3rem
}

.c-rhombus-panel--rows--item--description {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    margin: 0
}

.c-rhombus-panel--rows--item--description:before {
    content: " ";
    display: block;
    max-width: 20rem;
    height: 1rem;
    background-color: #fff;
    transform: skew(-32deg, 0);
    margin-bottom: 3rem
}

.c-rhombus-panel--title .c-rhombus-panel--content {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.c-steps-tags {
    display: flex;
    align-items: center;
    flex-direction: row;
    margin-bottom: .5em;
    --steps-tags-step-width: 3.6rem;
    --steps-tags-step-height: 1rem;
    --steps-tags-step-margin: 0.9rem
}

.c-steps-tags--size__m {
    --steps-tags-step-width: 3.6rem;
    --steps-tags-step-height: 1rem;
    --steps-tags-step-margin: 0.6rem;
    margin-bottom: 1em
}

@media(min-width: 992px) {
    .c-steps-tags--size__m {
        --steps-tags-step-width: 5.4rem;
        --steps-tags-step-height: 1.8rem
    }
}

.c-steps-tags--show-numbers {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    line-height: 1.5em;
    font-weight: var(--font-weight-xl);
    text-align: center
}

.c-steps-tags--step {
    display: block;
    width: var(--steps-tags-step-width);
    margin-right: var(--steps-tags-step-margin)
}

.c-steps-tags--step:after {
    content: " ";
    display: block;
    height: var(--steps-tags-step-height);
    background: currentColor;
    transform: skew(-32deg, 0);
    transition: background .75s ease-out;
    transform-origin: bottom left
}

.c-steps-tags--step__1 {
    color: #d3c28f
}

.c-steps-tags--step__2 {
    color: #3e7588
}

.c-steps-tags--step__3 {
    color: #7d92ae
}

.c-steps-tags--step__4 {
    color: #50637d
}

.c-steps-tags--step__5 {
    color: #152d50
}

.c-steps-tags--tag {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl);
    padding-left: 1rem;
    text-transform: uppercase
}

.c-steps-tags--tag__1 {
    color: #d3c28f
}

.c-steps-tags--tag__2 {
    color: #3e7588
}

.c-steps-tags--tag__3 {
    color: #7d92ae
}

.c-steps-tags--tag__4 {
    color: #50637d
}

.c-steps-tags--tag__5 {
    color: #152d50
}

.c-steps-tag {
    position: relative;
    line-height: 1.5em;
    font-size: clamp(2rem, 1.8vw, 2.6rem);
    font-weight: var(--font-weight-l);
    color: #fff;
    text-transform: uppercase;
    padding: 0 .5em
}

.c-steps-tag::before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transform: skew(-32deg, 0);
    background-color: var(--step-tag-color)
}

.c-steps-tag--color_1 {
    --step-tag-color: #D3C28F
}

.c-steps-tag--color_2 {
    --step-tag-color: #3E7588
}

.c-steps-tag--color_3 {
    --step-tag-color: #7D92AE
}

.c-steps-tag--color_4 {
    --step-tag-color: #50637D
}

.c-steps-tag--color_5 {
    --step-tag-color: #152D50
}

.c-tag-rhombus {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl);
    color: #fff;
    line-height: 3.2rem;
    padding: 0 1.2rem;
    display: inline-block;
    position: relative;
    text-transform: uppercase
}

.c-tag-rhombus:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--tag-color);
    transform: skew(-32deg, 0)
}

.c-tag-rhombus--color_1 {
    --tag-color: #D3C28F
}

.c-tag-rhombus--color_2 {
    --tag-color: #3E7588
}

.c-tag-rhombus--color_3 {
    --tag-color: #7D92AE
}

.c-tag-rhombus--color_4 {
    --tag-color: #50637D
}

.c-tag-rhombus--color_5 {
    --tag-color: #152D50
}

.c-services--header {
    position: sticky;
    z-index: 5;
    top: 0;
    background-color: #fff;
    margin-bottom: 8rem
}

@media(min-width: 768px) {
    .c-services--header {
        top: 5.5rem
    }
}

.c-services--header .c-row--expanded {
    gap: 0
}

.c-services--header .c-row--expanded .c-row--expanded-col-first {
    padding-right: 35px
}

.c-services--header .c-heading-line,
.c-services--header .c-steps-tags {
    margin-bottom: 0
}

@media(max-width: 767px) {
    .c-services--header .c-row--expanded-col-last {
        display: none
    }
}

.c-services--header .c-row--expanded-col-last .c-row--expanded--inner {
    margin-left: 0
}

.c-services[data-active-step="1"] .c-services--header .c-steps-tags--step:nth-child(n+2):after,
.c-services[data-active-step="2"] .c-services--header .c-steps-tags--step:nth-child(n+3):after,
.c-services[data-active-step="3"] .c-services--header .c-steps-tags--step:nth-child(n+4):after,
.c-services[data-active-step="4"] .c-services--header .c-steps-tags--step:nth-child(n+5):after,
.c-services[data-active-step="5"] .c-services--header .c-steps-tags--step:nth-child(n+6):after {
    background-color: #fff
}

.c-services--step {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: self-start;
    margin-top: 4rem;
    max-width: var(--wp--style--global--full-size);
    margin-left: auto;
    margin-right: auto
}

@media(min-width: 768px) {
    .c-services--step {
        flex-direction: row;
        margin-top: 12rem
    }
}

.c-services--step[data-step="1"] {
    --services-step-color: #D3C28F;
    --services-step-bg: #F8F7F2
}

.c-services--step[data-step="2"] {
    --services-step-color: #3E7588;
    --services-step-bg: #CFDDE1
}

.c-services--step[data-step="3"] {
    --services-step-color: #7D92AE;
    --services-step-bg: #E5E9EF
}

.c-services--step[data-step="4"] {
    --services-step-color: #50637D;
    --services-step-bg: #DCE0E5
}

.c-services--step[data-step="5"] {
    --services-step-color: #152D50;
    --services-step-bg: #D0D1D4
}

.c-services--step-aside {
    position: relative;
    color: var(--services-step-color);
    padding: 0 2rem 0 2rem;
    margin-bottom: 2rem
}

@media(min-width: 768px) {
    .c-services--step-aside {
        position: sticky;
        top: 15.5rem;
        max-width: 40%;
        min-width: 40%;
        margin-bottom: 8rem;
        padding: 0 2rem 0 0
    }
}

.c-services--step-aside--info {
    display: inline-block;
    text-align: center;
    padding-left: 2rem
}

.c-services--step-aside--number {
    line-height: 1.2em;
    font-size: 8.5rem;
    font-weight: var(--font-weight-xxl);
    display: block;
    margin-bottom: .2em
}

.c-services--step-aside--tag {
    display: block
}

.c-services--step-aside--claim {
    line-height: 1.2em;
    font-size: 3.6vw;
    font-size: clamp(3rem, 3.6vw, 5rem);
    font-weight: var(--font-weight-s);
    margin-bottom: 2rem
}

.c-services--step-aside::before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: pink;
    transform-origin: top right;
    transition: all ease .75s;
    transform: skew(-32deg, 0);
    background-color: var(--services-step-bg);
    min-width: 470px
}

@media(min-width: 768px) {
    .c-services--step-aside::before {
        transform: skew(-32deg, 0) translateX(-100%);
        opacity: 0;
        min-width: unset
    }
}

@media(min-width: 768px) {

    .c-services[data-active-step="1"] .c-services--step:nth-child(2) .c-services--step-aside:before,
    .c-services[data-active-step="2"] .c-services--step:nth-child(3) .c-services--step-aside:before,
    .c-services[data-active-step="3"] .c-services--step:nth-child(4) .c-services--step-aside:before,
    .c-services[data-active-step="4"] .c-services--step:nth-child(5) .c-services--step-aside:before,
    .c-services[data-active-step="5"] .c-services--step:nth-child(6) .c-services--step-aside:before {
        transform: skew(-32deg, 0) translateX(0%);
        opacity: 1
    }
}

.c-services--step-services {
    flex-grow: 1;
    margin: 0 2rem
}

@media(min-width: 768px) {
    .c-services--step-services {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        grid-column-gap: 3rem;
        grid-row-gap: 4rem;
        margin: 0 5vw
    }
}

@media(min-width: 1176px) {
    .c-services--step-services {
        grid-column-gap: 5rem;
        grid-row-gap: 5rem;
        margin: 0 10rem 0 5rem
    }
}

.c-services--step-services--item {
    padding-bottom: 4rem
}

@media(min-width: 768px) {
    .c-services--step-services--item {
        padding-bottom: 1rem
    }
}

.c-services--step-services--item--title {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-l);
    text-transform: uppercase;
    color: var(--services-step-color);
    margin: 0px
}

@media(min-width: 768px) {
    .c-services--step-services--item--title {
        margin: 0 0 1em
    }
}

.c-services--step-services--item--text {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    margin: 0px
}

@media(min-width: 768px) {
    .c-services--step-services--item--text {
        margin: 0 0 1em
    }
}

.c-products-filter {
    margin-bottom: var(--block-margin-bottom-default)
}

.c-products-filter .c-row--expanded {
    gap: 0
}

.c-products-filter .c-heading-line {
    margin-bottom: 0
}

.c-products-filter .c-heading-line--left {
    padding-right: 1.5rem
}

.c-products-filter .c-heading-line--right .c-heading-line--text {
    text-align: center
}

.c-products-filter .c-heading-line--text {
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem)
}

@media(max-width: 767px) {
    .c-products-filter .c-heading-line--text {
        padding: 1.5rem 0
    }
}

.c-products-filter .c-heading-line--text .c-combo--trigger {
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem)
}

.c-products-filter--empty,
.c-products-filter--init {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-l);
    color: #7d92ae;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-height: 25rem
}

.c-products-filter--items {
    padding-top: var(--block-margin-bottom-default);
    padding-right: 2rem;
    padding-left: 2rem;
    max-width: var(--wp--style--global--row-size);
    margin: 0 auto
}

.c-products-filter--item {
    margin-bottom: var(--block-margin-bottom-default);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas: "step" "pic" "data";
    gap: 2rem
}

@media(min-width: 768px) {
    .c-products-filter--item {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto 1fr;
        gap: 8rem 6.7rem;
        grid-template-areas: ". step" "pic data"
    }
}

.c-products-filter--item__stepnum {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: step;
    display: flex;
    align-items: center;
    gap: 1.5rem
}

.c-products-filter--item__stepnum--num {
    color: var(--step-tag-color);
    font-size: 4.2rem;
    font-weight: var(--font-weight-xl)
}

.c-products-filter--item__stepnum--color_1 {
    --step-tag-color: #D3C28F
}

.c-products-filter--item__stepnum--color_2 {
    --step-tag-color: #3E7588
}

.c-products-filter--item__stepnum--color_3 {
    --step-tag-color: #7D92AE
}

.c-products-filter--item__stepnum--color_4 {
    --step-tag-color: #50637D
}

.c-products-filter--item__stepnum--color_5 {
    --step-tag-color: #152D50
}

.c-products-filter--item__pic {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: pic
}

.c-products-filter--item__pic-inner {
    background-color: #f8f7f2;
    display: flex;
    justify-content: flex-end
}

.c-products-filter--item__pic-inner>div {
    aspect-ratio: 2.4
}

.c-products-filter--item__pic img {
    display: block
}

.c-products-filter--item__data {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: data
}

@media(min-width: 768px) {
    .c-products-filter--item__data {
        max-width: 57.5rem;
        padding-right: 2rem
    }
}

.c-products-filter--item__data--title {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-l);
    text-transform: uppercase
}

.c-products-filter--item__data--text {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

.c-products-filter--item.same-step {
    row-gap: 1rem
}

.c-products-filter--item.same-step .c-products-filter--item__stepnum {
    display: none
}

.c-products-filter--item.same-step:before {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    content: " ";
    display: block;
    grid-area: step;
    max-width: 50%;
    height: 1rem;
    background-color: #edede9;
    transform: skew(-32deg, 0);
    margin-top: -2rem;
    margin-left: 25%
}

@media (min-width: 768px) {
    .c-products-filter--item__stepnum {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .c-products-filter--item__pic {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .c-products-filter--item__data {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }

    .c-products-filter--item.same-step:before {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

@media(min-width: 768px) {
    .c-products-filter--item.same-step:before {
        margin-top: -4.5rem;
        max-width: 20rem;
        margin-left: 0
    }
}

.c-latest-posts {
    margin-bottom: var(--block-margin-bottom-default)
}

@media(max-width: 767px) {
    .c-latest-posts .c-heading-line--text {
        padding: 1.5rem 0;
        text-align: center
    }
}

.c-latest-posts .c-heading-line {
    margin-bottom: 0px
}

.c-post-inlist {
    max-width: 34rem;
    margin: 0 auto 8rem;
    padding-left: 2rem;
    padding-right: 2rem;
    box-sizing: content-box
}

.c-post-inlist--thumbnail {
    margin-bottom: 1.5rem;
    display: block
}

.c-post-inlist--thumbnail a {
    display: block
}

.c-post-inlist--thumbnail img {
    max-width: none;
    width: 100%;
    aspect-ratio: 1.5
}

.c-post-inlist--title {
    line-height: 1.5em;
    font-size: clamp(2rem, 1.8vw, 2.6rem);
    font-weight: var(--font-weight-l);
    color: #50637d
}

.c-post-inlist--title a {
    color: #50637d;
    transition: color .3s ease;
    display: block
}

.c-post-inlist--title a:hover {
    color: #fb874a
}

.c-post-inlist--title br {
    display: none
}

.c-post-inlist--subtitle {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    font-weight: var(--font-weight-xl);
    color: #a4a691
}

.c-post-inlist--author {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    color: #7d92ae
}

.c-post-inlist--author--name {
    display: block;
    font-weight: var(--font-weight-l)
}

.c-post-inlist--company-logo {
    height: 5rem;
    width: auto;
    display: block;
    margin-top: 3rem;
    background-color: rgba(0, 0, 0, 0)
}

@media(min-width: 768px) {
    .c-col-4:nth-child(3n+1) .c-post-inlist {
        margin-left: 0
    }

    .c-col-4:nth-child(3n+3) .c-post-inlist {
        margin-right: 0
    }
}

.c-post-sticky .c-img-rhombus {
    display: block;
    transform: translateX(-33rem);
    width: calc(100% + 33rem);
    max-width: none;
    margin-bottom: 2rem;
    overflow: visible;
    background-color: #141729;
    -webkit-clip-path: polygon(0 100%, 33% 0, 100% 0, 67% 100%);
    clip-path: polygon(0 100%, 0% 0, 100% 0, 75% 100%);
    aspect-ratio: 3;
    background-color: #cfdde1;
    transform: translateX(-33%)
}

.c-post-sticky .c-post-category-caption {
    position: relative;
    height: 5rem;
    padding: 0 2rem 0 0;
    margin-bottom: var(--block-margin-bottom-s);
    order: 2
}

.c-post-sticky .c-post-category-caption:before {
    content: " ";
    display: block;
    margin-right: 2rem;
    height: 100%;
    background-color: #fff;
    --rhombus-color: var(--post-category-caption-bg);
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%)
}

.c-post-sticky .c-post-category-caption:after {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 5000px;
    background-color: var(--post-category-caption-bg)
}

.c-post-sticky .c-post-category-caption .c-post-category-caption--label {
    flex-grow: 1
}

.c-post-sticky .c-post-category-caption--langs {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-xl);
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.c-post-sticky .c-post-category-caption--langs li+li {
    display: flex;
    align-items: center
}

.c-post-sticky .c-post-category-caption--langs li+li:before {
    content: " ";
    display: inline-block;
    width: 0.1rem;
    height: 1.1rem;
    background-color: #7d92ae
}

.c-post-sticky .c-post-category-caption--langs a {
    color: #152d50;
    text-transform: uppercase;
    padding: 0 0.5rem
}

.c-post-sticky .c-post-category-caption--langs .current {
    color: #fb874a
}

.c-post-sticky:after {
    content: "";
    display: block;
    width: 100%;
    max-width: 97.5rem;
    height: 1.7rem;
    transform: skew(-32deg, 0);
    background-color: #f8f7f2;
    margin: var(--block-margin-bottom-default) auto
}

.c-post-sticky .c-post-category-caption--category--btn a {
    color: #fb874a;
    display: flex;
    justify-content: flex-end;
    margin-right: 3.5rem
}

.c-post-sticky .c-post-category-caption--category--btn {
    background-color: #141729
}

.c-post-sticky .c-post-category-caption--category--dark {
    width: 80%
}

.c-post-sticky .c-post-category-caption--category--dark:before {
    background-color: #141729;
    --rhombus-color: $color-mirage
}

@media(max-width: 767px) {
    .c-post-sticky--main {
        display: flex;
        flex-direction: column
    }
}

@media(min-width: 768px) {
    .c-post-sticky .c-post-inlist {
        display: flex
    }

    .c-post-sticky .c-post-inlist.active {
        border: solid 1px red
    }

    .c-post-sticky--thumbnail {
        flex: 7
    }

    .c-post-sticky--main {
        flex: 5
    }

    .c-post-sticky .c-img-rhombus {
        margin-bottom: 0
    }
}

.c-press-inlist {
    order: 1;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 4rem;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.c-press-inlist--separator {
    position: relative
}

.c-press-inlist--separator::after {
    background-color: #152d50;
    transform: skew(-32deg, 0);
    content: " ";
    position: absolute;
    z-index: 1;
    top: -53px;
    left: 0px;
    height: 2.7rem;
    width: 92%
}

.c-press-inlist--thumbnail {
    margin-bottom: 3rem;
    display: block;
    z-index: 2;
    -webkit-clip-path: polygon(0 100%, 0% 0, 129% 0, 89% 100%);
    clip-path: polygon(0 100%, 0% 0, 129% 0, 89% 100%)
}

.c-press-inlist--thumbnail a {
    display: block
}

.c-press-inlist--thumbnail img {
    max-width: none;
    width: 100%;
    aspect-ratio: 1.55;
    -o-object-fit: cover;
    object-fit: cover
}

@media(min-width: 768px) {
    .c-press-inlist--thumbnail {
        -webkit-clip-path: polygon(0 100%, 0% 0, 125% 0, 85% 100%);
        clip-path: polygon(0 100%, 0% 0, 125% 0, 85% 100%)
    }
}

.c-press-inlist--title {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl)
}

.c-press-inlist--title a {
    color: #141729;
    transition: color .3s ease;
    display: block
}

.c-press-inlist--title a:hover {
    color: #fb874a
}

.c-press-inlist--date {
    line-height: 1.5em;
    font-size: 1.2rem;
    font-weight: var(--font-weight-l);
    color: #50637d;
    display: block
}

.c-press-inlist--excerpt {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-m);
    color: #141729;
    display: block
}

.c-press-inlist--readmore {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl);
    color: #fb874a;
    display: block
}

.c-press-inlist--download_check {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-m)
}

.c-press-inlist.c-block-rhombus--tl:after {
    z-index: 3
}

.c-press-inlist .c-button {
    margin-bottom: 3rem
}

.c-press-inlist-sticky {
    margin-top: -86px;
    grid-column: span 8;
    background-color: #fff
}

.c-press-inlist-sticky--separator {
    position: relative
}

.c-press-inlist-sticky--separator::after {
    background-color: #fb874a;
    transform: skew(-32deg, 0);
    content: " ";
    position: absolute;
    z-index: 1;
    top: -55px;
    left: 0px;
    height: 2.7rem;
    width: 92%
}

@media(min-width: 768px) {
    .c-press-inlist-sticky--separator::after {
        width: 88%
    }
}

.c-press-inlist-sticky--content {
    padding-top: 0;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.c-press-inlist-sticky--content:after {
    --rhombus-color: #E5E9EF;
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: 0;
    top: auto;
    bottom: 0;
    height: 70px
}

.c-press-inlist-sticky--thumbnail {
    margin-bottom: 3rem;
    display: block;
    z-index: 2;
    -webkit-clip-path: polygon(0 100%, 0% 0, 129% 0, 89% 100%);
    clip-path: polygon(0 100%, 0% 0, 129% 0, 89% 100%)
}

.c-press-inlist-sticky--thumbnail a {
    display: block
}

.c-press-inlist-sticky--thumbnail img {
    max-width: none;
    width: 100%;
    aspect-ratio: 1.55
}

.c-event-inlist {
    order: 1;
    background-color: #fff;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 4rem;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.c-event-inlist--tag {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-m);
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    position: absolute;
    top: 0;
    left: 7px;
    z-index: 3;
    color: var(--tag-color-txt);
    padding: 0 1.5em;
    white-space: nowrap;
    gap: 10px;
    --tag-color-txt: #fff;
    height: 2.3rem
}

.c-event-inlist--tag-date-past {
    --tag-color-bg: #CFDDE1
}

.c-event-inlist--tag-date-soon {
    --tag-color-bg: #FB874A
}

.c-event-inlist--tag-site-webinar {
    --tag-color-bg: #fff;
    --tag-color-txt: #141729;
    right: -7px;
    left: unset
}

.c-event-inlist--tag-site-on-site {
    --tag-color-bg: #0E536A;
    right: -7px;
    left: unset
}

.c-event-inlist--tag-site-online {
    --tag-color-bg: #0E536A;
    right: -7px;
    left: unset
}

.c-event-inlist--tag:before {
    content: " ";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--tag-color-bg);
    transform: skew(-32deg, 0);
    z-index: -2;
    height: 2.3rem
}

.c-event-inlist .c-event-inlist--thumbnail {
    -webkit-clip-path: polygon(0 100%, 0% 0, 127% 0, 92% 100%);
    clip-path: polygon(0 100%, 0% 0, 127% 0, 92% 100%)
}

.c-event-inlist--thumbnail {
    margin-bottom: 0rem;
    display: block
}

.c-event-inlist--thumbnail div {
    height: 100%
}

.c-event-inlist--thumbnail a {
    display: block
}

.c-event-inlist--thumbnail img {
    max-width: none;
    width: 100%;
    aspect-ratio: 1.75;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-event-inlist--organizer {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    position: relative
}

.c-event-inlist--organizer-logo {
    grid-column: span 4;
    background-color: #fff;
    position: relative;
    padding: 0 4rem 0 1rem
}

.c-event-inlist--organizer-logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    background-color: #fff
}

.c-event-inlist--organizer-logo:before {
    content: " ";
    position: absolute;
    top: 0;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, #EDEDE9 50.5%);
    z-index: 10;
    height: 100%;
    right: 0
}

.c-event-inlist--organizer-title {
    grid-column: span 8;
    background-color: #edede9;
    display: flex;
    align-items: center;
    min-height: 7.8rem;
    padding: 1rem;
    position: relative
}

.c-event-inlist--organizer-title:before {
    --rhombus-color: #EDEDE9;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: 0;
    content: " ";
    position: absolute;
    bottom: 100%;
    top: auto;
    width: 29px
}

.c-event-inlist--content {
    padding: 40px
}

.c-event-inlist--title {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-xl);
    color: #0e536a;
    margin-bottom: 1rem
}

.c-event-inlist--title a {
    color: #141729;
    transition: color .3s ease;
    display: block
}

.c-event-inlist--title a:hover {
    color: #fb874a
}

.c-event-inlist--data {
    border-top: 1px solid #cbd3df;
    border-bottom: 1px solid #cbd3df;
    margin-top: 3rem;
    margin-bottom: 3rem;
    padding-top: 3rem;
    padding-bottom: 3rem;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.c-event-inlist--data img {
    background-color: rgba(0, 0, 0, 0);
    margin-right: 0
}

.c-event-inlist--data-container {
    display: flex;
    flex: 1 1 0
}

.c-event-inlist--data-container-img {
    min-width: 32px
}

.c-event-inlist--data-title {
    display: block;
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-l);
    color: #0e536a;
    line-height: 1;
    margin-top: 7px
}

.c-event-inlist--data-text {
    margin-top: 8px;
    font-weight: var(--font-weight-s);
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    line-height: 1;
    display: block
}

.c-event-inlist--data ul {
    margin: 1.5rem 0 0 2rem
}

.c-event-inlist--data ul li {
    list-style: disc;
    margin-bottom: 5px
}

.c-event-inlist--excerpt {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-m);
    color: #7d92ae;
    display: none
}

.c-event-inlist--excerpt.visible {
    display: block !important
}

.c-event-inlist--excerpt ul {
    list-style: disc;
    margin-left: 20px
}

.c-event-inlist--readmore {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl);
    color: #0e536a;
    display: inline;
    margin-right: 2rem
}

.c-event-inlist--booking {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl);
    color: #fb874a;
    display: inline
}

.c-event-inlist:before {
    --rhombus-color: #EEEBDF;
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: auto;
    left: -0.1rem;
    top: -0.2rem;
    bottom: auto;
    height: 2.6rem;
    transform: rotate(180deg);
    z-index: 1
}

.c-event-inlist:after {
    --rhombus-color: #EEEBDF;
    content: " ";
    position: absolute;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to top left, transparent 49.5%, var(--rhombus-color) 50.5%);
    right: auto;
    right: -1px;
    bottom: -1px;
    height: 7.6rem;
    transform: rotate(180deg);
    z-index: 10
}

.c-event-inlist.c-event-inlist-immediate {
    grid-column: span 6
}

.c-event-inlist.c-event-inlist-immediate--content {
    padding-top: 0;
    padding-right: 2.5rem;
    padding-bottom: 2.5rem;
    padding-left: 2.5rem;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.c-event-inlist.c-event-inlist-immediate .c-event-inlist--thumbnail {
    -webkit-clip-path: polygon(0 100%, 0% 0, 120% 0, 92% 100%);
    clip-path: polygon(0 100%, 0% 0, 120% 0, 92% 100%)
}

.c-event-inlist.c-event-inlist-immediate .c-event-inlist--thumbnail img {
    aspect-ratio: 2.2;
    -o-object-fit: cover;
    object-fit: cover
}

.c-event-inlist.c-event-inlist-immediate .c-event-inlist--organizer-title:before {
    width: 44px
}

.c-event-inlist.c-event-inlist-immediate .c-event-inlist--data {
    gap: 10px
}

@media(min-width: 768px) {
    .c-event-inlist.c-event-inlist-immediate .c-event-inlist--data {
        flex-direction: unset
    }
}

.c-event-inlist.c-event-inlist-immediate .c-event-inlist--data img {
    margin-right: 9px
}

.c-item-inlist--image {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1.93;
    overflow: hidden;
    margin-bottom: 3rem
}

.c-item-inlist--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-item-inlist--title {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em;
    font-weight: var(--font-weight-l);
    color: #7d92ae;
    margin-bottom: 3rem
}

.c-item-inlist--description {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

.c-item-inlist--description:before {
    content: " ";
    display: block;
    max-width: 20rem;
    height: 1rem;
    background-color: #cfdde1;
    transform: skew(-32deg, 0);
    margin-bottom: 3rem
}

.c-item-inlist--read-more {
    color: #0e536a;
    font-weight: var(--font-weight-xxl);
    line-height: 1.5em;
    font-size: 1.2rem
}

.c-item-inlist.grid-row {
    padding: 15px 15px 0px;
    margin-bottom: 30px;
    margin-top: 20px
}

.c-item-inlist.grid-row .c-item-inlist--description:before {
    background-color: #a4a691
}

.c-item-inrow p a {
    text-decoration: underline;
}

.c-item-inrow p a:hover {
    color: #FB874A;
}

.c-item-inrow {
    --item-inrow-padtop: 0;
    --item-inrow-bgcolor: #EEEBDF;
    margin-bottom: var(--block-margin-bottom-default);
    padding-top: var(--item-inrow-padtop);
    gap: 0
}

@media(min-width: 768px) {
    .c-item-inrow {
        --item-inrow-padtop: 12rem
    }
}

.c-item-inrow--newsroom {
    margin-bottom: 0px
}

.c-item-inrow--bgcolor__rock {
    --item-inrow-bgcolor: #EEEBDF
}

.c-item-inrow--content {
    position: relative;
    background-color: var(--item-inrow-bgcolor);
    padding: 6rem 5rem;
    z-index: 0
}

.c-item-inrow--content:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    aspect-ratio: .62;
    background-color: var(--item-inrow-bgcolor);
    transform: skew(-32deg, 0);
    transform-origin: bottom left;
    z-index: -1
}

.c-item-inrow--image {
    display: flex
}

.c-item-inrow--image--content {
    display: flex;
    aspect-ratio: 1.865;
    position: relative;
    height: 32rem;
    top: -40
}

@media(min-width: 768px) {
    .c-item-inrow--image--content {
        top: calc(var(--item-inrow-padtop)*-1)
    }
}

.c-item-inrow--image--content:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 500%;
    background-color: var(--image-bgcolor, #E7E7E7)
}

.c-item-inrow--image .c-img-rhombus {
    transform: translateX(0)
}

.c-item-inrow--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-item-inrow--title {
    line-height: 1.5em;
    font-size: clamp(2rem, 1.8vw, 2.6rem);
    font-weight: var(--font-weight-xl)
}

.c-item-inrow--description {
    margin: 2rem 0
}

.c-item-inrow--side__left .c-item-inrow--content:after {
    right: auto;
    left: 100%;
    transform-origin: top right
}

.c-item-inrow--side__left .c-item-inrow--image--content {
    display: contents
}

@media(min-width: 768px) {
    .c-item-inrow--side__left .c-item-inrow--image--content {
        display: flex
    }
}

@media(min-width: 768px) {
    .c-item-inrow--side__right {
        flex-direction: row-reverse
    }
}

@media(min-width: 768px)and (min-width: 992px) {
    .c-item-inrow--side__right .c-item-inrow--content {
        left: -10rem
    }
}

@media(min-width: 768px) {
    .c-item-inrow--side__right .c-item-inrow--content:before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 100%;
        width: 500%;
        background-color: var(--item-inrow-bgcolor)
    }
}

@media(min-width: 768px)and (min-width: 992px) {
    .c-item-inrow--side__right .c-item-inrow--content .c-row--expanded--inner {
        position: relative;
        left: 5rem
    }
}

@media(min-width: 768px)and (min-width: 1176px) {
    .c-item-inrow--side__right .c-item-inrow--content .c-row--expanded--inner {
        margin-left: 0;
        margin-right: calc(50vw - var(--wp--style--global--full-size)/2)
    }
}

.c-item-inrow--side__right .c-item-inrow--image--content {
    display: contents
}

@media(min-width: 768px) {
    .c-item-inrow--side__right .c-item-inrow--image--content {
        display: flex
    }
}

@media(min-width: 1176px) {
    .c-item-inrow--side__right .c-item-inrow--image--content {
        margin-right: 0 !important;
        margin-left: calc(50vw - var(--wp--style--global--full-size)/2) !important
    }
}

.c-item-inrow--side__right .c-item-inrow--image--content:after {
    left: auto;
    right: 100%
}

.c-item-inrow--highlighted {
    --item-inrow-bgcolor: #CBD3DF
}

.c-item-inrow .c-button {
    --button-color-bg: transparent;
    --button-color-bg-active: #FB874A;
    --button-color-txt: #FB874A;
    --button-color-txt-active: #fff
}

.c-contact-form {
    margin-top: var(--block-margin-bottom-s);
    margin-bottom: var(--block-margin-bottom-default)
}

.c-contact-form-minimal {
    background-color: #50637d;
    color: #fff;
    text-align: center;
    padding: var(--block-margin-bottom-default) 0;
    margin-top: var(--block-margin-bottom-l);
    margin-bottom: var(--block-margin-bottom-l);
    position: relative
}

.c-contact-form-minimal::before,
.c-contact-form-minimal::after {
    content: " ";
    position: absolute;
    height: 4rem;
    transform: skew(-32deg, 0);
    width: 20%
}

@media(min-width: 768px) {

    .c-contact-form-minimal::before,
    .c-contact-form-minimal::after {
        height: 8rem
    }
}

.c-contact-form-minimal::before {
    bottom: 100%;
    right: 0;
    background-color: #eeebdf;
    transform-origin: bottom left
}

.c-contact-form-minimal::after {
    top: 100%;
    left: 0;
    background-color: #7d92ae;
    transform-origin: top right
}

.c-contact-form-minimal .c-contact-form-minimal--title {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-l);
    font-weight: var(--font-weight-xl);
    text-transform: uppercase;
    margin-bottom: 4rem;
    color: #fff !important
}

.c-contact-form-minimal--content {
    padding-right: 2rem;
    padding-left: 2rem;
    color: #fff
}

@media(min-width: 1176px) {
    .c-contact-form-minimal--content {
        padding-right: 49px;
        padding-left: 49px
    }
}

.c-faqs--item {
    margin-bottom: 6rem
}

.c-faqs--item--main {
    display: flex;
    gap: 2rem
}

@media(min-width: 768px) {
    .c-faqs--item--main:before {
        content: " ";
        display: block;
        width: 7.5rem;
        height: 2.5rem;
        background-color: #cfdde1;
        transform: skew(-32deg, 0);
        position: relative;
        top: 0.2rem
    }
}

.c-faqs--item--question {
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    line-height: 1.5em;
    font-weight: var(--font-weight-xl);
    color: #0e536a;
    flex-grow: 1;
    width: 100%
}

.c-faqs--item--answer {
    color: #7d92ae;
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem);
    padding-top: 3rem;
    display: none
}

@media(min-width: 768px) {
    .c-faqs--item--answer {
        padding-left: 8rem;
        padding-right: 12rem
    }
}

.c-faqs--item--collapse {
    width: 13rem;
    height: 6rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.c-faqs--item--collapse span {
    font-size: 0
}

.c-faqs--item--collapse svg {
    fill: #0e536a;
    height: 3.2rem;
    margin-right: 2rem
}

@media(min-width: 768px) {
    .c-faqs--item--collapse:before {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        width: 5000%;
        background-color: #cfdde1;
        transform: skew(-32deg, 0);
        transform-origin: bottom left
    }
}

.c-faqs--item.active .c-faqs--item--collapse svg {
    transform: rotate(180deg)
}

@media(min-width: 768px) {
    .c-faqs--item.active .c-faqs--item--collapse svg {
        fill: #fff
    }
}

.c-faqs--item.active .c-faqs--item--collapse:before {
    background-color: #0e536a
}

.c-faqs--item.active .c-faqs--item--answer {
    display: block
}

.c-places-grid {
    max-width: var(--wp--style--global--row-size) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: var(--block-margin-bottom-default);
    margin-bottom: var(--block-margin-bottom-default);
    padding-left: calc(var(--wp--style--global--row-size)/12);
    padding-right: calc(var(--wp--style--global--row-size)/12)
}

@media(min-width: 768px) {
    .c-places-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

.c-place-item--location {
    font-weight: var(--font-weight-xl);
    margin-bottom: 0;
    color: #50637d
}

.c-place-item--address {
    margin-bottom: 0
}

.c-place-item--phone {
    font-weight: var(--font-weight-m);
    color: #fb874a !important
}

.c-place-item:after {
    content: " ";
    display: block;
    max-width: 10rem;
    height: 1rem;
    background-color: #e5e9ef;
    transform: skew(-32deg, 0);
    margin-bottom: 2rem;
    margin-top: 2rem
}

.splide {
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: var(--block-margin-bottom-default)
}

.splide .splide__arrows {
    display: flex;
    justify-content: center;
    align-items: center
}

.splide .splide__arrow {
    position: relative;
    top: auto;
    transform: translateX(0);
    left: auto;
    right: auto;
    background: rgba(0, 0, 0, 0);
    width: 80px;
    height: 50px
}

.splide .splide__arrow svg {
    fill: #50637d
}

.splide .splide__arrow:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #edede9;
    transform: skew(-32deg, 0)
}

.splide .splide__arrow:hover,
.splide .splide__arrow:focus {
    background-color: rgba(0, 0, 0, 0)
}

.splide .splide__arrow:hover:before,
.splide .splide__arrow:focus:before {
    background-color: #dbdbd3
}

.splide__track img {
    background-color: rgba(0, 0, 0, 0)
}

.kadence-post-image-intrisic .kadence-post-image-inner-intrisic img {
    -o-object-fit: contain;
    object-fit: contain
}

.c-title-img-content {
    margin-bottom: var(--block-margin-bottom-l);
    position: relative;
    z-index: 1
}

.c-title-img-content .c-heading-line {
    margin-bottom: -5rem;
    z-index: 2
}

.c-title-img-content img {
    background-color: rgba(0, 0, 0, 0)
}

.c-title-img-content .c-rhombus-panel--content {
    padding-top: 15rem
}

.c-title-img-content--content {
    line-height: 1.7em;
    font-size: 1.4rem
}

.c-title-img-content a {
    color: #fb874a;
    font-weight: var(--font-weight-xl)
}

.c-title-img-content a:hover {
    text-decoration: underline
}

.c-title-img-content--variant__gap img {
    width: calc(100% - 3rem)
}

.c-title-columns {
    margin-bottom: var(--block-margin-bottom-l);
    padding: 10px
}

.c-title-columns--title {
    text-transform: uppercase;
    line-height: 2em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    margin-bottom: 1em
}

.c-title-columns ul {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    list-style-type: disc;
    margin-left: 1.5em
}

.c-title-columns ul li {
    margin-bottom: .5em
}

.c-title-paragraph-list {
    margin-bottom: var(--block-margin-bottom-l);
    --title-paragraph-list-bgcolor: #E5E9EF;
    --title-paragraph-list-listcolor: #50637D
}

.c-title-paragraph-list--content>* {
    padding-right: calc(var(--wp--style--global--full-size)/6)
}

.c-title-paragraph-list--content--title {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    margin-bottom: 1em
}

.c-title-paragraph-list--side {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    position: relative;
    background-color: var(--title-paragraph-list-bgcolor);
    padding: 6rem 5rem;
    font-weight: var(--font-weight-l)
}

.c-title-paragraph-list--side--list {
    color: var(--title-paragraph-list-listcolor)
}

.c-title-paragraph-list--side:after {
    --rhombus-color: var(--title-paragraph-list-bgcolor);
    content: " ";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    aspect-ratio: .62;
    background-image: linear-gradient(to bottom right, transparent 49.5%, var(--rhombus-color) 50.5%)
}

.c-title-paragraph-list ul {
    list-style-type: disc;
    margin-left: 1.5em
}

.c-title-paragraph-list ul li {
    margin-bottom: .5em
}

.c-post-category-caption {
    --post-category-caption-bg: #EEEBDF;
    background-color: var(--post-category-caption-bg);
    padding: 0.5rem 6rem 0.5rem 1.5rem;
    color: #141729;
    display: flex;
    justify-content: space-between
}

.c-post-category-caption--label {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-m);
    margin: 0;
    text-transform: uppercase;
    flex-grow: 1;
    display: flex;
    align-items: center
}

.c-post-category-caption--label--bold-color-bali {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-xl);
    color: #7d92ae
}

.c-post-category-caption--bg-color-dark {
    --post-category-caption-bg: #CFDDE1;
    background-color: var(--post-category-caption-bg)
}

.c-post-category-caption--category_learn {
    --post-category-caption-bg: #EEEBDF
}

.c-post-category-caption--category_interview {
    --post-category-caption-bg: #CBD3DF
}

.c-post-category-caption--category_opinion {
    --post-category-caption-bg: #CFDDE1
}

.c-post-category-caption--langs {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-xl);
    display: flex;
    align-items: center
}

.c-post-category-caption--langs li+li {
    display: flex;
    align-items: center
}

.c-post-category-caption--langs li+li:before {
    content: " ";
    display: inline-block;
    width: 0.1rem;
    height: 1.1rem;
    background-color: #7d92ae
}

.c-post-category-caption--langs a {
    color: #152d50;
    text-transform: uppercase;
    padding: 0 0.5rem
}

.c-post-category-caption--langs .current {
    color: #fb874a
}

.c-table-steps {
    margin-top: 2em;
    margin-bottom: var(--block-margin-bottom-s);
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-l)
}

@media(min-width: 768px) {
    .c-table-steps {
        --table-steps-gap-col-width: 20px;
        display: grid;
        grid-template-columns: var(--table-steps-gap-col-width) repeat(var(--table-steps-total), 1fr) var(--table-steps-gap-col-width);
        grid-template-rows: auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        margin-top: 4em
    }

    .c-table-steps--step {
        grid-column-start: auto;
        grid-column-end: span var(--table-steps-amount)
    }

    .c-table-steps--step__wide {
        grid-column-start: auto;
        grid-column-end: span var(--table-steps-amount)
    }
}

@media(min-width: 1176px) {
    .c-table-steps {
        margin-bottom: 10rem;
        --table-steps-gap-col-width: 10vw
    }
}

@media(min-width: 1440px) {
    .c-table-steps {
        --table-steps-gap-col-width: calc(50vw - var(--wp--style--global--row-size) / 2)
    }
}

.c-table-steps--gap {
    display: none
}

@media(min-width: 768px) {
    .c-table-steps--gap {
        display: block;
        position: relative;
        height: 26.3rem;
        transform: skewX(-32deg);
        transform-origin: bottom left
    }

    .c-table-steps--gap::before {
        content: " ";
        position: absolute;
        bottom: 0;
        height: 14.1rem;
        width: 500%;
        right: 0;
        background-color: #f8f7f2
    }

    .c-table-steps--gap-parent {
        display: block;
        height: 10rem;
        width: 500%;
        position: relative;
        left: -0.6rem;
        background-color: #152d50
    }

    .c-table-steps--gap:last-child::before {
        right: auto;
        left: -0.6rem
    }

    .c-table-steps--gap:last-child::after {
        content: " ";
        position: absolute;
        bottom: 0;
        height: 1.8rem;
        left: -0.7rem;
        width: 500%;
        background-color: #50637d
    }
}

.c-table-steps--parent-wrap {
    transform: skewX(-32deg);
    transform-origin: bottom left
}

.c-table-steps--parent {
    margin: 0 0 1rem 1.2rem;
    height: 10rem;
    background: linear-gradient(90deg, var(--table-steps-parent-bg-from, #0E536A), var(--table-steps-parent-bg-to, #0E536A));
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.7rem
}

@media(min-width: 768px) {
    .c-table-steps--parent {
        margin-right: 1.2rem
    }
}

.c-table-steps--parent-text {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-l);
    text-transform: uppercase;
    text-align: center
}

.c-table-steps--cols {
    display: none
}

@media(min-width: 768px) {
    .c-table-steps--cols {
        display: flex
    }
}

.c-table-steps--col {
    width: 100%;
    margin: 1.2rem;
    background-color: #6b8e23
}

.c-table-steps--col-head {
    line-height: 1.3em;
    font-size: clamp(2.6rem, 2.63vw, 3.8rem);
    height: 14.1rem;
    background-color: #f8f7f2;
    border-bottom: solid 1.8rem currentColor;
    display: flex;
    align-items: center;
    padding: 1.7rem 3rem
}

.c-table-steps--col-head[data-step="1"] {
    color: #d3c28f
}

.c-table-steps--col-head[data-step="2"] {
    color: #3e7588
}

.c-table-steps--col-head[data-step="3"] {
    color: #7d92ae
}

.c-table-steps--col-head[data-step="4"] {
    color: #50637d
}

.c-table-steps--col-head[data-step="5"] {
    color: #152d50
}

.c-table-steps--col-head-text {
    padding-top: 1rem
}

.c-table-steps--parent-text,
.c-table-steps--col-head-text {
    transform: skewX(32deg)
}

@media(min-width: 768px) {
    .c-table-steps--content {
        display: flex
    }
}

.c-table-steps--content-step {
    padding: 1.7rem;
    position: relative;
    padding-left: 10rem
}

.c-table-steps--content-step::before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0.7rem;
    width: 9.3rem;
    height: 7.5rem;
    background: #f8f7f2;
    border-right: solid 4px currentColor;
    transform: skewX(-32deg);
    transform-origin: top right
}

.c-table-steps--content-step[step="1"]::before {
    border-color: #d3c28f
}

.c-table-steps--content-step[step="2"]::before {
    border-color: #3e7588
}

.c-table-steps--content-step[step="3"]::before {
    border-color: #7d92ae
}

.c-table-steps--content-step[step="4"]::before {
    border-color: #50637d
}

.c-table-steps--content-step[step="5"]::before {
    border-color: #152d50
}

.c-table-steps--content-step::after {
    content: attr(step);
    display: block;
    width: 7.5rem;
    position: absolute;
    top: 1.7rem;
    left: 0;
    bottom: 0;
    text-align: center;
    color: currentColor
}

.c-table-steps--content-step[step="1"]::after {
    color: #d3c28f
}

.c-table-steps--content-step[step="2"]::after {
    color: #3e7588
}

.c-table-steps--content-step[step="3"]::after {
    color: #7d92ae
}

.c-table-steps--content-step[step="4"]::after {
    color: #50637d
}

.c-table-steps--content-step[step="5"]::after {
    color: #152d50
}

@media(min-width: 768px) {
    .c-table-steps--content-step {
        padding-left: 1.7rem;
        width: 100%
    }

    .c-table-steps--content-step::before,
    .c-table-steps--content-step::after {
        display: none
    }
}

.c-table-steps--content-step--title {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.4vw, 2rem);
    font-weight: var(--font-weight-l)
}

.c-table-steps--content-step--text {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

.c-profile-item img {
    width: 100%;
    aspect-ratio: 250/200;
    -o-object-fit: cover;
    object-fit: cover
}

.c-profile-item--name {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl);
    background-color: #cbd3df;
    padding: 1.6rem 2rem
}

.c-profile-item--more {
    background-color: #f8f7f2;
    padding: 1.6rem 2rem;
    line-height: 1.5em;
    font-size: 1.2rem;
    color: #50637d
}

.c-profile-item--more--intro {
    font-weight: var(--font-weight-m)
}

.c-profile-item--more a {
    line-height: 1.5em;
    font-size: 1.2rem;
    font-weight: var(--font-weight-xxl);
    color: #fb874a
}

.c-profile-item--more--text {
    display: none
}

.c-profile-item--more--text ul {
    list-style: disc;
    margin-left: 20px
}

.c-profile-item--more--text.visible {
    display: block !important
}

.c-row .c-profile-item {
    margin: 0 0 var(--block-margin-bottom-s)
}

@media(min-width: 768px) {
    .c-row .c-profile-item {
        margin: 0 2rem var(--block-margin-bottom-s)
    }
}

.c-quote {
    --quote-bgcolor: #E5E9EF;
    margin-top: var(--block-margin-bottom-default);
    margin-bottom: var(--block-margin-bottom-default)
}

.c-quote:has(img) {
    margin-top: var(--block-margin-bottom-l)
}

.c-quote--content {
    position: relative;
    z-index: 1;
    padding: var(--block-margin-bottom-default) 2rem
}

.single-post .entry-content .c-quote--content {
    margin-left: 0 !important
}

.c-quote--content svg {
    height: 6rem;
    position: absolute;
    top: -30px;
    z-index: 3
}

.c-quote--content:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5000%;
    transform: skew(-32deg, 0);
    transform-origin: bottom right;
    background-color: var(--quote-bgcolor)
}

.c-quote--text {
    font-size: 1.6vw;
    font-size: clamp(1.8rem, 1.6vw, 2.2rem);
    line-height: 1.55em
}

.c-quote--text strong {
    font-weight: var(--font-weight-xl)
}

.c-quote--source {
    line-height: 1.5em;
    font-size: clamp(1.6rem, 1.25vw, 1.8rem)
}

.c-quote .c-img-rhombus {
    position: absolute;
    top: -6rem;
    left: 100%;
    height: 100%;
    max-width: none;
    transform: translateX(-4rem)
}

@media(max-width: 767px) {
    .c-quote .c-img-rhombus {
        position: relative;
        left: 0;
        top: 2rem;
        width: 100%;
        height: auto
    }
}

.c-quote--color__bali-2 {
    --quote-bgcolor: #E5E9EF
}

.c-quote--color__rock {
    --quote-bgcolor: #EEEBDF
}

.c-filter-posts {
    position: relative;
    z-index: 1
}

.c-filter-posts--main--content {
    position: relative
}

.c-filter-posts--main--content:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    width: 5000%;
    transform: skew(-32deg, 0);
    transform-origin: top left;
    background-color: #eeebdf
}

.c-filter-posts--main--innercontent {
    line-height: 1.7em;
    font-size: 1.4rem;
    font-weight: var(--font-weight-l);
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 4rem
}

.c-filter-posts--menu-trigger {
    display: block;
    padding: 0 1rem
}

.c-filter-posts--menu-trigger span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-filter-posts--menu-trigger svg {
    fill: #fb874a;
    width: 1.4rem;
    position: relative;
    top: 0.2rem;
    margin-left: 0.5rem
}

.c-filter-posts--menu {
    display: none
}

.c-creators--item {
    display: flex;
    gap: 2rem
}

.c-creators--item+.c-creators--item {
    margin-top: var(--block-margin-bottom-s)
}

.c-creators--item--picture {
    display: flex;
    flex-direction: column
}

.c-creators--item--picture img {
    width: 14rem;
    height: 14rem;
    -o-object-fit: cover;
    object-fit: cover
}

.c-creators--item--info {
    color: #50637d;
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

.c-creators--item--name {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s);
    font-weight: var(--font-weight-xl);
    margin-bottom: .3em
}

.c-creators--item--position {
    margin-bottom: .5em
}

.c-creators--item--email {
    line-height: 1.5em;
    font-size: 1.2rem;
    margin-bottom: 0;
    font-weight: var(--font-weight-xl)
}

.c-creators--item--linkedin {
    background-color: #eeebdf;
    margin-right: 3rem;
    display: flex;
    justify-content: flex-end;
    transition: background .2s ease;
    position: relative
}

.c-creators--item--linkedin svg {
    display: block;
    width: 2rem;
    height: 2rem;
    margin: 0.5rem;
    fill: #141729
}

.c-creators--item--linkedin:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    aspect-ratio: .62;
    transform: skew(-32deg, 0);
    margin: 0;
    background-color: #eeebdf;
    transform-origin: top left;
    z-index: -1;
    transition: background .2s ease
}

.c-creators--item--linkedin:hover {
    background-color: #d3c28f
}

.c-creators--item--linkedin:hover:after {
    background-color: #d3c28f
}

.c-interviewee--item {
    display: flex;
    gap: 2rem;
    flex-direction: column
}

.c-interviewee--item+.c-interviewee--item {
    margin-top: var(--block-margin-bottom-s)
}

.c-interviewee--item--picture {
    display: flex;
    flex-direction: column;
    position: relative
}

@media(min-width: 768px) {
    .c-interviewee--item--picture:after {
        content: " ";
        position: absolute;
        top: 0;
        right: 50%;
        bottom: 0;
        aspect-ratio: .62;
        background-color: #e5e9ef;
        transform: skew(-32deg, 0);
        transform-origin: bottom left;
        z-index: -2
    }
}

.c-interviewee--item--picture:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    transform: skew(-32deg, 0);
    background-color: #f8f7f2;
    transform-origin: top right
}

.c-interviewee--item--picture img {
    width: 30rem;
    height: 37.5rem;
    -o-object-fit: cover;
    object-fit: cover
}

.c-interviewee--item--name {
    line-height: 1.5em;
    font-size: clamp(2rem, 1.8vw, 2.6rem);
    font-weight: var(--font-weight-m);
    margin-bottom: .3em;
    color: #50637d
}

.c-interviewee--item--position {
    line-height: 1.5em;
    font-size: clamp(2rem, 1.8vw, 2.6rem);
    font-weight: var(--font-weight-s);
    margin-bottom: .5em;
    color: #50637d
}

.c-interviewee--item img.company-logo {
    width: 185px;
    background-color: #fff
}

.c-interviewee--item--info {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    justify-content: end
}

@media(min-width: 768px) {
    .c-interviewee--item {
        flex-direction: row
    }
}

.c-licenes {
    margin-bottom: var(--block-margin-bottom-l)
}

.c-licenes--logos {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.6rem
}

@media(min-width: 768px) {
    .c-licenes--logos {
        grid-template-columns: 1fr 1fr
    }
}

@media(min-width: 992px) {
    .c-licenes--logos {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.c-licenes--item {
    height: 24.8rem;
    padding: 3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1rem
}

.c-licenes--item--main {
    height: 24.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.c-licenes--item--main img {
    max-height: 100%
}

.c-licenes--item--more {
    display: none
}

.c-licenes--item--link {
    display: none
}

.c-licenes--item:hover .c-licenes--item--main {
    height: 50px
}

.c-licenes--item:hover .c-licenes--item--more {
    display: block;
    font-size: 1.2rem;
    line-height: 1.8rem
}

.c-licenes--item:hover .c-licenes--item--link {
    display: inline-flex
}

.c-licenes--description {
    line-height: 1.65em;
    font-size: clamp(1.4rem, 1.11vw, 1.6rem);
    font-weight: var(--font-weight-s)
}

@media(min-width: 768px) {
    .c-licenes--description {
        padding-left: 2rem !important
    }
}

.c-licenes--description strong,
.c-licenes--description .strong {
    font-weight: var(--font-weight-xl)
}

.c-licences-carousel {
    padding: 0 2rem
}

@media(min-width: 1176px) {
    .c-licences-carousel {
        padding: 0 6rem;
        max-width: 220rem !important
    }
}

.c-licences-carousel a:hover img {
    transform: scale(1)
}

.c-licenses--carousel a {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}

.c-licenses--carousel header {
    padding-bottom: 0 !important
}

.kt-blocks-post-grid-item-inner {
    padding: 0 !important;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

.kt-blocks-post-footer {
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%
}

.kt-blocks-post-footer-left {
    width: 100%
}

.c-licenses-caraousel--link {
    width: 100%
}

@media(max-width: 576px) {
    .c-our-mission .c-col-mission-heading {
        max-width: 50%
    }
}

.c-our-mission .c-heading-line--text {
    margin: 20px 20px 20px 0px
}

.c-post-related-services .c-post-related-left {
    grid-column: auto/span 12
}

.c-post-related-services .c-post-related-glossary {
    gap: 4.5rem;
    display: grid;
    grid-template-columns: repeat(12, 1fr)
}

.c-post-related-services .c-post-related-item {
    grid-column: auto/span 12
}

@media(min-width: 576px) {
    .c-post-related-services .c-post-related-item {
        grid-column: auto/span 6
    }
}

.c-innerblocks-items {
    display: flex
}

.c-innerblocks-items .c-innerblocks-item {
    width: 50%
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hidden {
    display: none !important
}

.c-text-left,
.text-left {
    text-align: left
}

.c-text-right,
.text-right {
    text-align: right
}

.c-text-center,
.text-center {
    text-align: center
}

.c-text-justify,
.text-justify {
    text-align: justify
}

.upper {
    text-transform: uppercase
}

.block-editor-block-list__layout .c-rhombus-panel {
    z-index: 1
}

.block-editor-block-list__layout .c-claim-rhombus {
    z-index: 1
}

.block-editor-block-list__layout .block-library-html__edit {
    border: solid 1px red
}

.block-editor-block-list__layout header .block-library-html__edit,
.block-editor-block-list__layout footer .block-library-html__edit {
    display: none
}

.block-editor-block-list__layout .c-row--expanded-col-12 .c-row--expanded--inner {
    width: 100%;
    margin-right: 0;
    margin-left: 0
}

/*# sourceMappingURL=maps/main.css.map */