@charset "UTF-8";

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,
button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    background: none;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

blockquote,
q {
    quotes: none;
}

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

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

/* PAM */
input,
textarea {
    outline: 0;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /* appearance: none; -moz-appearance: none; -webkit-appearance:none; */
    outline: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    position: relative;
}

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

::selection {
    color: #fff;
    background: #000;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    min-height: 100vh;
}

html.widthFixedScrollbar body {
    overflow: overlay;
}

b,
strong {
    font-weight: 700;
}

i,
em {
    font-style: italic;
}

a {
    cursor: pointer;
    color: currentColor;
}

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

input,
textarea,
select,
button {
    all: unset;
    font-family: inherit;
    font-size: inherit;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button {
    cursor: pointer;
}

@media (pointer: coarse) {

    a,
    button {
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }
}

.none {
    opacity: 0;
    pointer-events: none;
}

::-webkit-input-placeholder {
    color: currentColor;
}

::-moz-placeholder {
    color: currentColor;
}

:-ms-input-placeholder {
    color: currentColor;
}

:-moz-placeholder {
    color: currentColor;
}

/* touch device */
/* touch */
/* mouse */
/* IE */
/* Edge */
/* grille */
/* margin */
/* cols */
/* pam dev */
.grid {
    display: none;
    pointer-events: none;
}

.grid {
    z-index: 999;
    position: fixed;
    top: 0;
    left: var(--leftMargin);
    width: var(--wrapper);
    height: 100vh;
}

.grid.pWrap {
    width: var(--wrapper);
    left: var(--gutter);
}

.grid ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.grid li {
    width: var(--c1);
    height: 100%;
    background: rgba(255, 0, 0, 0.1);
    border: 0 !important;
}

.grid li + li {
    margin: 0 0 0 var(--gutter);
}

.pWrap {
    margin-left: auto;
    margin-right: auto;
    width: var(--wrapper);
}

/* margin */
:root {
    --pamMargin: 50px;
}

@media (max-width: 1000px) {
    :root {
        --pamMargin: 40px;
    }
}

@media (max-width: 600px) {
    :root {
        --pamMargin: 20px;
    }
}

/* grille */
:root {
    --wrapper: 1600px;
    --gutter: 10px;
    --leftMargin: calc((100vw - var(--wrapper))/2);
    --cg: calc((var(--wrapper) + var(--gutter))/12);
    --cg1: calc((var(--wrapper) + var(--gutter))/12);
    --cg2: calc((var(--wrapper) + var(--gutter))/12*2);
    --cg3: calc((var(--wrapper) + var(--gutter))/12*3);
    --cg4: calc((var(--wrapper) + var(--gutter))/12*4);
    --cg5: calc((var(--wrapper) + var(--gutter))/12*5);
    --cg6: calc((var(--wrapper) + var(--gutter))/12*6);
    --cg7: calc((var(--wrapper) + var(--gutter))/12*7);
    --cg8: calc((var(--wrapper) + var(--gutter))/12*8);
    --cg9: calc((var(--wrapper) + var(--gutter))/12*9);
    --cg10: calc((var(--wrapper) + var(--gutter))/12*10);
    --cg11: calc((var(--wrapper) + var(--gutter))/12*11);
    --cg12: calc((var(--wrapper) + var(--gutter))/12*12);
    --c: calc(var(--cg) - var(--gutter));
    --c1: calc(var(--cg) - var(--gutter));
    --c2: calc(var(--cg2) - var(--gutter));
    --c3: calc(var(--cg3) - var(--gutter));
    --c4: calc(var(--cg4) - var(--gutter));
    --c5: calc(var(--cg5) - var(--gutter));
    --c6: calc(var(--cg6) - var(--gutter));
    --c7: calc(var(--cg7) - var(--gutter));
    --c8: calc(var(--cg8) - var(--gutter));
    --c9: calc(var(--cg9) - var(--gutter));
    --c10: calc(var(--cg10) - var(--gutter));
    --c11: calc(var(--cg11) - var(--gutter));
    --c12: calc(var(--cg12) - var(--gutter));
}

@media (max-width: 1620px) {
    :root {
        --wrapper: 100vw;
    }
}

@media (max-width: 1000px) {
    :root {
        --wrapper: calc(100vw - 30px);
        --gutter: 15px;
        --c: calc((var(--wrapper) - 5*var(--gutter))/6);
        --c6: 100%;
        --c7: 100%;
        --c8: 100%;
        --c9: 100%;
        --c10: 100%;
        --c11: 100%;
        --cg: calc((var(--wrapper) - 5*var(--gutter))/6 + var(--gutter));
        --cg6: 100%;
        --cg7: 100%;
        --cg8: 100%;
        --cg9: 100%;
        --cg10: 100%;
        --cg11: 100%;
    }
}

@media (max-width: 600px) {
    :root {
        --wrapper: calc(100vw - 30px);
        --gutter: 15px;
        --c: calc((var(--wrapper) - var(--gutter))/2);
        --c2: calc((var(--wrapper) - var(--gutter))/6*2);
        --c3: calc((var(--wrapper) - var(--gutter))/6*3);
        --c4: 100%;
        --c5: 100%;
        --cg: calc((var(--wrapper) - var(--gutter))/2 + var(--gutter));
        --cg2: 100%;
        --cg3: 100%;
        --cg4: 100%;
        --cg5: 100%;
    }
}

.wrapper {
    width: var(--wrapper);
    margin: 0 auto;
}

.pCol1 {
    width: var(--c1);
}

.pCol2 {
    width: var(--c2);
}

.pCol3 {
    width: var(--c3);
}

.pCol4 {
    width: var(--c4);
}

.pCol5 {
    width: var(--c5);
}

.pCol6 {
    width: var(--c6);
}

.pCol7 {
    width: var(--c7);
}

.pCol8 {
    width: var(--c8);
}

.pCol9 {
    width: var(--c9);
}

.pCol10 {
    width: var(--c10);
}

.pCol11 {
    width: var(--c11);
}

.pCol12 {
    width: var(--c12);
}

.pColg1 {
    width: var(--cg1);
}

.pColg2 {
    width: var(--cg2);
}

.pColg3 {
    width: var(--cg3);
}

.pColg4 {
    width: var(--cg4);
}

.pColg5 {
    width: var(--cg5);
}

.pColg6 {
    width: var(--cg6);
}

.pColg7 {
    width: var(--cg7);
}

.pColg8 {
    width: var(--cg8);
}

.pColg9 {
    width: var(--cg9);
}

.pColg10 {
    width: var(--cg10);
}

.pColg11 {
    width: var(--cg11);
}

.pColg12 {
    width: var(--cg12);
}

.pCol-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.img100cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x;
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform;
}

/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px;
}

.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    /* For Firefox */
    -ms-overflow-style: none;
    /* For Internet Explorer and Edge */
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: x mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -webkit-scroll-snap-type: y mandatory;
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    -moz-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center;
}

/*
100     thin
200     extra light (ultra light)
300     light
400     normal, regular, book
500     medium
600     semi bold (demi bold)
700     bold
800     extra bold (ultra bold)
900     black (heavy)
*/
@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-BookItalic.woff2") format("woff2"), url("../assets/fonts/Biotif-BookItalic.woff") format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-LightItalic.woff2") format("woff2"), url("../assets/fonts/Biotif-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Biotif Extra";
    src: url("../assets/fonts/Biotif-ExtraBold.woff2") format("woff2"), url("../assets/fonts/Biotif-ExtraBold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-Book.woff2") format("woff2"), url("../assets/fonts/Biotif-Book.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-Black.woff2") format("woff2"), url("../assets/fonts/Biotif-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Biotif Extra";
    src: url("../assets/fonts/Biotif-BlackItalic.woff2") format("woff2"), url("../assets/fonts/Biotif-BlackItalic.woff") format("woff");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-Light.woff2") format("woff2"), url("../assets/fonts/Biotif-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Biotif Extra";
    src: url("../assets/fonts/Biotif-ExtraBoldItalic.woff2") format("woff2"), url("../assets/fonts/Biotif-ExtraBoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-Bold.woff2") format("woff2"), url("../assets/fonts/Biotif-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-Medium.woff2") format("woff2"), url("../assets/fonts/Biotif-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-BoldItalic.woff2") format("woff2"), url("../assets/fonts/Biotif-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

/*
@font-face {
    font-family: 'Biotif';
    src: url('../assets/fonts/Biotif-Regular.woff2') format('woff2'),
        url('../assets/fonts/Biotif-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Biotif';
    src: url('../assets/fonts/Biotif-RegularItalic.woff2') format('woff2'),
        url('../assets/fonts/Biotif-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
*/
@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-MediumItalic.woff2") format("woff2"), url("../assets/fonts/Biotif-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Biotif Semi";
    src: url("../assets/fonts/Biotif-SemiBoldItalic.woff2") format("woff2"), url("../assets/fonts/Biotif-SemiBoldItalic.woff") format("woff");
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "GT Pressura";
    src: url("../assets/fonts/GTPressura-RegularItalic.woff2") format("woff2"), url("../assets/fonts/GTPressura-RegularItalic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "GT Pressura";
    src: url("../assets/fonts/GTPressura.woff2") format("woff2"), url("../assets/fonts/GTPressura.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GT Pressura";
    src: url("../assets/fonts/GTPressura-LightItalic.woff2") format("woff2"), url("../assets/fonts/GTPressura-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Biotif";
    src: url("../assets/fonts/Biotif-SemiBold.woff2") format("woff2"), url("../assets/fonts/Biotif-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GT Pressura";
    src: url("../assets/fonts/GTPressura-BoldItalic.woff2") format("woff2"), url("../assets/fonts/GTPressura-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "GT Pressura";
    src: url("../assets/fonts/GTPressura-Bold.woff2") format("woff2"), url("../assets/fonts/GTPressura-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GT Pressura Mono";
    src: url("../assets/fonts/GTPressuraMono-Light.woff2") format("woff2"), url("../assets/fonts/GTPressuraMono-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "GT Pressura";
    src: url("../assets/fonts/GTPressura-Light.woff2") format("woff2"), url("../assets/fonts/GTPressura-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* ===================
	  STYLE GUIDE
=================== */
body {
    font-family: "Biotif", sans-serif;
    font-size: 18px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #81868A;
    /* overflow: hidden; */
    /* GScroll */
}

@media (max-device-width: 834px) {
    body {
        font-size: 14px;
    }
}

.title--xl {
    font-family: "Biotif", sans-serif;
    font-weight: bold;
    font-size: 125px;
    line-height: 0.9;
    letter-spacing: -2px;
    color: #3C4043;
}

@media (max-width: 1024px) {
    .title--xl {
        font-size: 75px;
    }
}

@media (max-device-width: 834px) {
    .title--xl {
        font-size: 35px;
        line-height: 1.1;
        letter-spacing: -0.5px;
    }
}

/* Rework des tailles de typos ? */
.title--h1 {
    font-family: "Biotif", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -0.025em;
    color: #3C4043;
}

@media (max-width: 1000px) {
    .title--h1 {
        font-size: 30px;
    }
}

@media (max-device-width: 834px) {
    .title--h1 {
        font-size: 20px;
        line-height: 1.2;
    }
}

.title--h2 {
    font-family: "Biotif", sans-serif;
    font-weight: 700;
    font-size: 125px;
    line-height: 1;
    letter-spacing: -0.008em;
    color: #3C4043;
}

.title--h2 span,
.title--h2 strong {
    font-family: "Biotif Extra", sans-serif;
}

@media (max-device-width: 834px) {
    .title--h2 {
        font-size: 50px;
        line-height: 1.3;
    }
}

/* Rework des tailles de typos ? */
.title--h3 {
    font-family: "Biotif Extra", sans-serif;
    font-weight: 700;
    font-size: 50px;
    line-height: 1.1;
    color: #3C4043;
    letter-spacing: -0.03em;
}

@media (max-width: 1024px) {
    .title--h3 {
        font-size: 45px;
    }
}

@media (max-device-width: 834px) {
    .title--h3 {
        font-size: 35px;
    }
}

/* Rework des tailles de typos ? */
.title--h4 {
    font-family: "Biotif Extra", sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.1;
    color: #3C4043;
}

@media (max-device-width: 834px) {
    .title--h4 {
        font-size: 18px;
    }
}

/* Rework des tailles de typos ? */
.title--h5 {
    font-family: "Biotif", sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.1;
    color: #3C4043;
}

.subheading {
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.25;
    letter-spacing: 0.083em;
    text-transform: uppercase;
}

.subheading.subheading--t {
    color: #3C4043;
}

.subheading.darkgreen {
    color: #89B698;
}

.body--large {
    font-family: "Biotif", sans-serif;
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: -0.008em;
}

@media (max-device-width: 834px) {
    .body--large {
        font-size: 18px;
    }
}

.body--normal {
    font-family: "Biotif", sans-serif;
    font-size: 18px;
    line-height: 1.3;
    letter-spacing: 0;
}

@media (max-device-width: 834px) {
    .body--normal {
        font-size: 14px;
    }
}

.cta--primary {
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    text-transform: uppercase;
    text-decoration: none;
    z-index: 1;
    padding: 12px 30px 10px;
    border-radius: 80px;
    color: #3C4043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.text--centered {
    text-align: center;
}

.hidden--mobile {
    overflow: hidden;
}

.hidden {
    overflow: hidden;
}

.grid__background {
    background: url("../../assets/img/grid-background.png") repeat;
    background-size: 388px 242px;
    width: 100%;
    height: 200vh;
    z-index: -2;
    mix-blend-mode: multiply;
    opacity: 0.4;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.aspectRatio {
    width: 100%;
}

.aspectRatio:before {
    float: left;
    content: "";
}

.aspectRatio:after {
    display: block;
    content: "";
    clear: both;
}

.aspectRatio > * {
    position: absolute;
    top: 0;
    left: 0;
}

.aspectRatio--5x8::before {
    padding-top: 160%;
}

.aspectRatio--1x1::before {
    padding-top: 100%;
}

.aspectRatio--9x16::before {
    padding-top: 177.7777777778%;
}

.aspectRatio--5x7::before {
    padding-top: 140%;
}

.centered {
    margin: 0 auto;
}

.c-scrollbar_thumb {
    background: #E03568;
    border-radius: 0;
    width: 10px;
    margin: 0;
    opacity: 1;
}

[pam-scale] {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    -webkit-transition: -webkit-transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1);
    transition: -webkit-transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1);
    transition: transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1);
    transition: transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1);
}

[pam-scale] img {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: -webkit-transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1);
    transition: -webkit-transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1);
    transition: transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1);
    transition: transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 1s 0.2s cubic-bezier(0.25, 0, 0, 1);
}

[pam-scale].on {
    -webkit-transform: none;
    transform: none;
}

[pam-scale].on img {
    -webkit-transform: none;
    transform: none;
}

[pam-opacity] {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    -webkit-transition: opacity 0.8s 0.2s linear, -webkit-transform 0.8s 0.2s cubic-bezier(0.1, 0, 0, 1);
    transition: opacity 0.8s 0.2s linear, -webkit-transform 0.8s 0.2s cubic-bezier(0.1, 0, 0, 1);
    transition: opacity 0.8s 0.2s linear, transform 0.8s 0.2s cubic-bezier(0.1, 0, 0, 1);
    transition: opacity 0.8s 0.2s linear, transform 0.8s 0.2s cubic-bezier(0.1, 0, 0, 1), -webkit-transform 0.8s 0.2s cubic-bezier(0.1, 0, 0, 1);
}

[pam-opacity].on {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

[data-barba-namespace] {
    will-change: opacity;
}

.cta--primary {
    -webkit-transition: padding 0.5s cubic-bezier(0.25, 0, 0, 1);
    transition: padding 0.5s cubic-bezier(0.25, 0, 0, 1);
}

.cta--primary::before {
    transition: width 0.5s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 0.5s 0.4s cubic-bezier(0.25, 0, 0, 1);
    -webkit-transition: width 0.5s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 0.5s 0.4s cubic-bezier(0.25, 0, 0, 1);
    transition: width 0.5s cubic-bezier(0.25, 0, 0, 1), transform 0.5s 0.4s cubic-bezier(0.25, 0, 0, 1);
    transition: width 0.5s cubic-bezier(0.25, 0, 0, 1), transform 0.5s 0.4s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 0.5s 0.4s cubic-bezier(0.25, 0, 0, 1);
}

.cta--primary::before {
    content: "→";
    display: grid;
    place-items: center;
    color: transparent;
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-radius: 500px;
}

.cta--primary:hover::before {
    width: 43px;
    color: inherit;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
}

.cta--primary:hover {
    padding: 12px 60px 10px 0px;
}

.cta--primary.pink::before {
    background: #FFC7D3;
}

.cta--primary.lightpink::before {
    background: #FFF5F8;
}

.cta--primary.green::before,
.cta--primary.white::before {
    background: #CEECD8;
}

.cta--primary.lightgreen::before {
    background: #F1F9F3;
}

.cta--primary.brightgreen::before {
    background: #EEF4D2;
}

.cta--primary.blue::before {
    background: #BFE6F0;
}

.cta--primary.lightblue::before {
    background: #EBF6F9;
}

.cta--primary.orange::before {
    background: #FEB7A5;
}

.cta--primary.lightorange::before {
    background: #FFF5F2;
}

.siteHeader {
    z-index: 99;
    /* J */
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    /* MENU */
    /*
  .current__menu > a, .current__item > a {
  	color: $logo;
  	&:before { content: ''; position: absolute; bottom: -7px; left: 0; width: 100%; height: 3px; background: $logo; }
  }
  */
    /* SOUS MENU DESKTOP */
}

.siteHeader.bg {
    background: #FFFFFF;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.siteHeader.hidden {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

@media (max-width: 1024px) {
    .siteHeader {
        padding: 5px 0;
    }
}

@media (max-width: 1000px) {
    .siteHeader {
        padding: 5px 15px;
        background: #FFFFFF;
    }
}

.siteHeader .siteHeader__logo {
    z-index: 10;
}

.siteHeader .siteHeader__logo a {
    display: block;
}

.siteHeader .siteHeader__inner {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0 20px;
}

@media (max-width: 1024px) {
    .siteHeader .siteHeader__inner {
        padding: 0;
    }
}

.siteHeader .siteHeader__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1000px) {
    .siteHeader .siteHeader__nav {
        display: none;
    }
}

.siteHeader .siteHeader__nav a {
    padding: 3px;
}

.siteHeader .header__demo {
    z-index: 2;
}

@media (max-width: 1000px) {
    .siteHeader .header__demo {
        display: none;
    }
}

.siteHeader a {
    text-decoration: none;
    font-weight: 600;
    z-index: 10;
}

.siteHeader li {
    list-style: none;
}

.siteHeader .menu__item,
.siteHeader .menu-item {
    margin: 0 17px;
    font-size: 16px;
}

.siteHeader .menu__item:hover a,
.siteHeader .menu-item:hover a {
    color: #E03568;
}

.siteHeader .menu__item a:before,
.siteHeader .menu-item a:before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #E03568;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.5s cubic-bezier(0.25, 0, 0, 1);
    transition: 0.5s cubic-bezier(0.25, 0, 0, 1);
}

.siteHeader .on > a {
    color: #E03568;
}

.siteHeader .on > a:before {
    -webkit-transform: none;
    transform: none;
}

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__details {
    max-width: 180px;
}

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .picture__mask {
    max-height: 170px;
}

@media (min-width: 1200px) {
    .siteHeader li.menu__item:nth-of-type(6n+6) .submenu .submenu__inner .item__thumbnail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 20px 20px 0;
        height: auto;
    }
}

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .submenu__inner .item__thumbnail .picture__mask {
    height: auto;
}

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .submenu__inner .item__thumbnail img {
    width: 120px;
    height: auto;
}

@media (max-width: 1200px) {
    .siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__thumbnail {
        display: none;
    }
}

@media (max-width: 1400px) {
    .siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__details {
        max-width: 200px;
    }
}

.siteHeader .parent__item > a,
.siteHeader .menu-item-has-children > a {
    cursor: default;
}

.siteHeader .parent__item,
.siteHeader .menu-item-has-children,
.siteHeader .siteHeader__nav,
.siteHeader .nav__container,
.siteHeader .siteHeader__inner {
    position: initial;
}

.siteHeader .parent__item a,
.siteHeader .menu-item-has-children a {
    z-index: 5;
}

.siteHeader .submenu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #FFFFFF;
    padding: 90px 0 30px;
    color: #81868A;
    visibility: hidden;
}

.siteHeader .submenu .submenu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.siteHeader .submenu .submenu__inner .item__details {
    min-height: 180px;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .submenu__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .submenu__item + .submenu__item {
    margin: 0 0 0 20px;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .item__thumbnail {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .item__thumbnail * {
    height: 100%;
}

@media (max-width: 1200px) {
    .siteHeader .submenu .submenu__inner:not(.submenu--list) .item__thumbnail {
        display: none;
    }
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .item__details {
    padding: 30px 0;
    max-width: 265px;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .item__details {
    min-height: initial;
}

.siteHeader .submenu .parent__details {
    font-size: 14px;
    line-height: 1.2;
    padding: 28px 20px 0 0;
}

.siteHeader .submenu .item__title {
    color: #3C4043;
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
}

.siteHeader .submenu .item__inner {
    padding: 0 20px 0;
    border-radius: 15px;
    display: block;
    font-size: 14px;
    line-height: 1.2;
    color: #81868A !important;
    height: 100%;
}

@media (max-width: 1240px) {
    .siteHeader .submenu .item__inner {
        grid-template-columns: 1fr;
    }
}

.siteHeader .submenu .item__inner.item--green {
    background: #F1F9F3;
}

.siteHeader .submenu .item__inner.item--blue {
    background: #EBF6F9;
}

.siteHeader .submenu .item__inner.item--pink {
    background: #FFF5F8;
}

.siteHeader .submenu .item__inner.item--orange {
    background: #FFF5F2;
}

.siteHeader .submenu .item__inner .item__link {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.siteHeader .submenu .item__inner .item__link svg {
    width: 8px;
    height: 8px;
    display: block;
    left: 1px;
}

.siteHeader .submenu .item__inner .cta--small {
    border-radius: 100%;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 22px;
    height: 22px;
}

.siteHeader .submenu .item__inner .cta--small.green {
    background: #CEECD8;
}

.siteHeader .submenu .item__inner .cta--small.blue {
    background: #BFE6F0;
}

.siteHeader .submenu .item__inner .cta--small.pink {
    background: #FFC7D3;
}

.siteHeader .submenu .item__inner .cta--small.orange {
    background: #FEB7A5;
}

.siteHeader .submenu .item__inner .item__title a {
    color: #3C4043;
}

.siteHeader .submenu .submenu__inner.submenu--list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(5, 1fr);
}

@media (max-width: 1240px) {
    .siteHeader .submenu .submenu__inner.submenu--list {
        grid-template-columns: repeat(3, 1fr);
    }
}

.siteHeader .submenu .submenu__inner.submenu--list .item__inner {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
    padding: 28px 22px 10px;
    grid-template-rows: auto auto 22px;
}

@media (max-width: 1240px) {
    .siteHeader .submenu .submenu__inner.submenu--list .item__inner {
        grid-template-rows: auto;
    }
}

.siteHeader .submenu .submenu__inner.submenu--list .picture__mask {
    overflow: hidden;
    border-radius: 100%;
}

.siteHeader .submenu .submenu__inner.submenu--list .picture__mask:before {
    content: "";
    padding-top: 100%;
    width: 0;
    float: left;
}

.siteHeader .submenu .submenu__inner.submenu--list .picture__mask img {
    border-radius: 500px;
}

.siteHeader .submenu .submenu__inner.submenu--list .submenu__item:nth-of-type(even) .picture__mask {
    border-radius: 24px;
}

.siteHeader .submenu .submenu__inner.submenu--list .item__link {
    -ms-flex-item-align: end;
    align-self: end;
    justify-self: end;
    position: relative;
    top: 0;
    right: -12px;
}

.siteHeader .submenu .submenu__inner.submenu--list .item__thumbnail {
    -ms-flex-item-align: end;
    align-self: end;
    max-width: 100%;
}

@media (max-width: 1240px) {
    .siteHeader .submenu .submenu__inner.submenu--list .item__thumbnail {
        display: none;
    }
}

/*.siteHeader .parent__item:after,
.siteHeader .menu-item-has-children:after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
  opacity: 0;
  pointer-events: none;
}*/
.siteHeader .parent__item:hover .submenu,
.siteHeader .menu-item-has-children:hover .submenu {
    visibility: visible;
    -webkit-animation: ok 0.5s forwards;
    animation: ok 0.5s forwards;
}

/*.siteHeader .parent__item:hover:after,
.siteHeader .menu-item-has-children:hover:after {
  -webkit-animation: ok 0.5s forwards;
  animation: ok 0.5s forwards;
}*/
@-webkit-keyframes ok {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ok {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.siteHeader .mobile__siteHeader {
    display: none;
}

@media (max-width: 1000px) {
    .siteHeader .mobile__siteHeader {
        display: block;
    }
}

.siteHeader .mobile__burger {
    z-index: 2;
    cursor: pointer;
    background: #FFF5F8;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.siteHeader .mobile__burger svg {
    pointer-events: none;
    display: block;
}

.siteHeader .mobile__burger .close {
    display: none;
}

.siteHeader .mobile__burger.active .open {
    display: none;
}

.siteHeader .mobile__burger.active .close {
    display: block;
}

.siteHeader .nav__container--mobile {
    position: fixed;
    top: 0;
    left: 0;
    background: #FFFFFF;
    width: 100%;
    height: 100%;
    padding: 75px 0 0;
    overflow: hidden;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    pointer-events: none;
}

.siteHeader .nav__container--mobile.active {
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    pointer-events: all;
}

.siteHeader .mobile__nav {
    overflow: scroll;
    height: calc(var(--app-height) - 75px);
    padding: 36px 20px 50px;
    display: grid;
    grid-template-columns: 1fr;
}

.siteHeader .mobile__nav .mobile__menu {
    font-size: 20px;
    color: #3C4043;
    line-height: 2.25;
}

.siteHeader .mobile__nav .mobile__menu > .menu-item > a {
    font-size: 36px;
    font-weight: 700;
    color: #3C4043;
}

.siteHeader .mobile__nav .mobile__menu > .current-menu-parent > a,
.siteHeader .mobile__nav .mobile__menu .current_page_item > a {
    color: #E03568;
}

.siteHeader .mobile__nav .sub-menu {
    margin: 15px 0;
    display: none;
}

.siteHeader .mobile__nav .menu-item-has-children.active .sub-menu {
    display: block;
}

.siteHeader .mobile__nav .menu-item-has-children:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
}

.siteHeader .mobile__nav .mobile__demo {
    width: 100%;
    padding: 15px 30px 13px;
    margin: 75px 0 0;
    -ms-flex-item-align: end;
    align-self: end;
}

/* subnav company */
/* .siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__inner {
  padding: 0 0 100px 20px;
} */

/* .siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__details {
  padding: 30px 0 0 0;
} */

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__thumbnail {
    margin-top: -20px;
    height: 180px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

/* .siteHeader li.menu__item:nth-of-type(6n+6) .cta--small {
  display: none;
} */

@media (max-width: 1024px) {
    .footer__container {
        margin: 0 auto;
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    .footer__container {
        margin: 0 auto;
        padding: 0 15px;
    }
}

.page-template-get-started .footer__container {
    margin-top: 120px;
}

@media (max-width: 600px) {
    .page-template-get-started .footer__container {
        margin-top: 40px;
    }
}

.page-template-solutions .breadcrumb {
    margin-bottom: 20px;
    text-align: center;
}

.page-template-solutions #resources {
    margin-top: 120px;
}

@media (max-width: 600px) {
    .page-template-solutions #resources {
        margin-top: 40px;
    }
}

.page-template-career .footer__container {
    margin-top: 120px;
}

@media (max-width: 600px) {
    .page-template-career .footer__container {
        margin-top: 40px;
    }
}

#newsletter {
    margin: 140px auto 200px;
    background: #FFF5F8;
    padding: 120px 60px 100px;
    border-radius: 24px;
}

#newsletter ul {
    position: absolute;
    list-style: none;
    margin: 0;
    top: 80px;
    left: 0;
}

#newsletter form {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#newsletter .hs_email,
#newsletter .hs_submit {
    display: inline-block;
}

#newsletter .hbspt-form {
    width: 100%;
}

@media (max-width: 1024px) {
    #newsletter {
        width: calc(100% - 60px);
        margin: 80px auto 60px;
    }
}

@media (max-device-width: 834px) {
    #newsletter {
        padding: 60px var(--gutter) 40px;
        margin: 40px auto 60px;
        width: calc(100% - 30px);
    }
}

#newsletter .submitted-message {
    padding: 15px 30px 13px 30px;
}

#newsletter label {
    display: none;
}

#newsletter .newsletter__title {
    text-align: center;
    margin: 0 auto;
}

#newsletter .newsletter__field {
    background: #FFFFFF;
    margin: 57px auto 0;
    border-radius: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 500px;
}

@media (max-device-width: 834px) {
    #newsletter .newsletter__field {
        width: 100%;
    }
}

#newsletter .newsletter__input,
#newsletter [type=email] {
    color: #232126;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
    padding: 17px 30px 13px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

#newsletter .newsletter__input:focus::-webkit-input-placeholder,
#newsletter [type=email]:focus::-webkit-input-placeholder {
    opacity: 0.4;
}

#newsletter .newsletter__input:focus:-ms-input-placeholder,
#newsletter [type=email]:focus:-ms-input-placeholder {
    opacity: 0.4;
}

#newsletter .newsletter__input:focus::placeholder,
#newsletter [type=email]:focus::placeholder {
    opacity: 0.4;
}

#newsletter .newsletter__submit,
#newsletter [type=submit] {
    background: #FFC7D3;
    border-radius: 27px;
    width: 150px;
    padding: 17px 0;
    color: #232126;
    font-family: "GT Pressura", sans-serif;
    font-weight: 600;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.375;
    text-align: center;
    text-transform: uppercase;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-device-width: 834px) {

    #newsletter .newsletter__submit,
    #newsletter [type=submit] {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 105px;
    }
}

#newsletter.green {
    background: #F1F9F3;
}

#newsletter.green .newsletter__submit {
    background: #CEECD8;
}

#newsletter.orange {
    background: #FFF5F2;
}

#newsletter.orange .newsletter__submit {
    background: #FEB7A5;
}

#newsletter.blue {
    background: #EBF6F9;
}

#newsletter.blue .newsletter__submit {
    background: #BFE6F0;
}

#newsletter.orange {
    background: #FFF5F2;
}

#newsletter.orange .newsletter__submit {
    background: #FEB7A5;
}

.siteFooter {
    margin: 0 auto;
    padding: 0 0 54px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--gutter);
    z-index: 1;
}

@media (max-width: 1024px) {
    .siteFooter {
        padding: 0 0px 54px;
        display: block;
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    .siteFooter {
        padding: 0 0 20px;
    }
}

@media (max-width: 1024px) {
    .siteFooter__logo {
        text-align: center;
        margin-bottom: 70px;
        width: 100%;
    }

    .siteFooter__logo svg {
        width: 113px;
        height: auto;
        display: block;
        margin: 0 auto;
    }
}

.siteFooter .siteFooter__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media (max-width: 1024px) {
    .siteFooter .siteFooter__nav {
        display: grid;
        grid-template-columns: 1fr 1fr;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        gap: 20px;
    }
}

.siteFooter .siteFooter__nav > li.menu-item-has-children > a {
    font-weight: 600;
    color: #232126;
    font-size: 20px;
}

.siteFooter .siteFooter__nav > li.menu-item-has-children .sub-menu {
    margin: 24px 0 0;
}

.siteFooter .siteFooter__nav li {
    margin: 0 0 5px;
    list-style: none;
}

.siteFooter .siteFooter__nav a:hover {
    color: #E03568;
}

.siteFooter .siteFooter__copyright {
    grid-column-start: 1;
    grid-column-end: -1;
    gap: 10px;
    margin: 115px 0 0;
    font-size: 16px;
}

@media (max-device-width: 834px) {
    .siteFooter .siteFooter__copyright {
        font-size: 14px;
        padding: 0 40px 0 0;
        margin: 60px 0 0;
    }
}

.siteFooter .siteFooter__copyright .footer__separator {
    margin: 0 7px;
}

.siteFooter a {
    text-decoration: none;
}

.returnTop {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 0 var(--cg1) 54px 0;
    z-index: 2;
}

@media (max-device-width: 834px) {
    .returnTop {
        z-index: 0;
        padding: 0 15px 20px 0;
    }
}

.returnTop .top {
    font-weight: 700;
    color: #232126;
    position: relative;
    z-index: 5;
    margin: 0 0 10vw;
}

@media (max-width: 1024px) {
    .returnTop .top {
        margin: 0;
    }
}

.returnTop .top a {
    text-decoration: none;
}

.returnTop .bg__container {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
}

.returnTop .bg__item {
    background: #FFF5F8;
    width: 70.9vw;
    height: 70.9vw;
    border-radius: 100%;
    -webkit-transform: translate(57%, 57%) scale(1);
    transform: translate(57%, 57%) scale(1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    pointer-events: all;
}

.returnTop:hover .bg__item {
    -webkit-transform: translate(57%, 57%) scale(1.2);
    transform: translate(57%, 57%) scale(1.2);
}

body.category .footer__container {
    margin-top: 100px;
}

/* Diagram */
.diagram {
    background: #FFF5F8;
    border-radius: 24px;
    padding: 0;
    margin: 140px auto;
    overflow: hidden;
}

@media (max-width: 1024px) {
    .diagram {
        margin: 110px auto;
        width: calc(100% - 60px);
    }
}

@media (max-device-width: 834px) {
    .diagram {
        margin: 75px auto;
        width: calc(100% - 30px);
        padding: 0 15px;
    }
}

.diagram--orange {
    background: #FFF5F2;
}

.diagram--blue {
    background: #EBF6F9;
}

.diagram--green {
    background: #F1F9F3;
}

.diagram--pink {
    background: #FFF5F8;
}

.diagram .diagram__header {
    text-align: center;
    margin: 125px auto 70px;
    width: 74%;
}

@media (max-width: 1024px) {
    .diagram .diagram__header {
        width: 90%;
    }
}

@media (max-device-width: 834px) {
    .diagram .diagram__header {
        margin: 50px auto 35px;
        width: 100%;
    }
}

.diagram .diagram__intro {
    margin: 60px auto 0;
}

.diagram .diagram__container {
    background: #FFFFFF;
    width: calc(100% - 140px);
    -webkit-box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.05);
    border-radius: 10px 10px 0 0;
    margin: 0 auto;
}

@media (max-device-width: 834px) {
    .diagram .diagram__container {
        width: 100%;
    }
}

.diagram .diagram__head {
    border-bottom: 1px solid #F6F0F2;
    height: 47px;
    width: 100%;
    padding: 20px 20px 16px;
}

.diagram .diagram__head svg {
    display: block;
}

.diagram .diagram__content.--small {
    padding: 20px;
    display: none;
}

.diagram .diagram__content video {
    width: 100%;
}

.diagram .diagram__content img {
    border-radius: 5px;
}

@media (max-width: 400px) {
    .diagram .diagram__content.--large {
        display: none;
    }

    .diagram .diagram__content.--small {
        padding: 15px;
        display: block;
    }
}

.diagram .diagram__content svg {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}

/* Patchwork */
.patchwork {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gutter);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media (max-width: 1000px) {
    .patchwork {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .patchwork {
        gap: 40px;
    }
}

.patchwork .patchwork__sticky {
    padding: 0 var(--c1) 0 var(--cg2);
    height: 40vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: -webkit-sticky;
    position: sticky;
    top: calc(50vh - 20vw);
}

@media (max-width: 1024px) {
    .patchwork .patchwork__sticky {
        padding: 0 60px;
    }
}

@media (max-width: 1000px) {
    .patchwork .patchwork__sticky {
        position: relative;
        padding: 0 60px;
        height: auto;
        top: 0;
        display: block;
    }
}

@media (max-device-width: 834px) {
    .patchwork .patchwork__sticky {
        padding: 0 15px;
    }
}

.patchwork .patchwork__sticky .patchwork__text {
    margin: 40px 0 0;
    font-size: 16px;
    padding: 0 33% 0 0;
}

@media (max-width: 1000px) {
    .patchwork .patchwork__sticky .patchwork__text {
        margin: 15px 0 0;
        font-size: 14px;
        padding: 0;
    }
}

@media (max-width: 1330px) {
    .patchwork .patchwork__sticky .patchwork__title {
        font-size: 45px;
    }
}

@media (max-device-width: 834px) {
    .patchwork .patchwork__sticky .patchwork__title {
        font-size: 28px;
    }
}

@media (max-width: 1000px) {
    .patchwork .patchwork__content {
        max-width: 375px;
    }
}

@media (max-width: 600px) {
    .patchwork .patchwork__content {
        max-width: 100%;
    }
}

.patchwork .patchwork__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
}

@media (max-width: 600px) {
    .patchwork .patchwork__container {
        display: block;
    }
}

.patchwork .patchwork__container .patchwork__item {
    border-radius: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-row: span 2;
}

.patchwork .patchwork__container .patchwork__item:nth-of-type(2) {
    grid-row-start: 2;
    grid-column-start: 1;
    grid-row-end: 4;
}

.patchwork .patchwork__container .patchwork__item:nth-of-type(even) {
    margin: 0 -7% 0 0;
}

@media (max-width: 600px) {
    .patchwork .patchwork__container .patchwork__item:nth-of-type(even) {
        margin: -7% 0px;
    }
}

.patchwork .patchwork__container .patchwork__item:nth-of-type(odd) {
    margin: 0 0 0 -7%;
}

@media (max-width: 600px) {
    .patchwork .patchwork__container .patchwork__item:nth-of-type(odd) {
        margin: 0 0 0 auto;
    }
}

.patchwork .patchwork__container .patchwork__item.green {
    background: #F1F9F3;
}

.patchwork .patchwork__container .patchwork__item.blue {
    background: #EBF6F9;
}

.patchwork .patchwork__container .patchwork__item.pink {
    background: #FFF5F8;
}

.patchwork .patchwork__container .patchwork__item.orange {
    background: #FFF5F2;
}

.patchwork .patchwork__container .patchwork__item.purple {
    background: #F8F4FF;
}

.patchwork .patchwork__container .patchwork__item.yellow {
    background: #FFF6E5;
}

.patchwork .patchwork__container .patchwork__item:before {
    content: "";
    padding: 100% 0 0;
    width: 0;
    float: left;
}

@media (max-width: 600px) {
    .patchwork .patchwork__container .patchwork__item {
        max-width: 70%;
    }
}

.patchwork .patchwork__item img {
    max-width: 100%;
    display: block;
}

/* product popup */
.product__popup {
    /* border: 1px solid #EBECEC; border-radius: 20px; */
    width: 300px;
}

.product__popup img {
    width: 100%;
}

.product__popup .product__image {
    height: 114px;
    border-radius: 5px;
    margin: 12px 0 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.product__popup .product__image.lightblue {
    background: #EBF6F9;
}

.product__popup .product__image.lightgreen {
    background: #F1F9F3;
}

.product__popup .product__image.lightpink {
    background: #FFF5F8;
}

.product__popup .product__image.lightorange {
    background: #FFF5F2;
}

.product__popup .product__txt div:first-of-type {
    background: #81868A;
    border-radius: 20px;
    width: 82px;
    height: 4px;
}

.product__popup .product__txt div:last-of-type {
    background: #81868A;
    border-radius: 20px;
    width: 68px;
    height: 4px;
    margin: 5px 0 0;
}

/* Video */
.video__container {
    border-radius: 24px;
    width: 100%;
    height: 47.56vw;
    max-height: 685px;
    padding: 65px;
    margin: 50px 0 0;
}

@media (max-width: 1024px) {
    .video__container {
        padding: 40px;
        height: 50vw;
        width: 100%;
        margin: 50px auto 0;
    }
}

@media (max-device-width: 834px) {
    .video__container {
        height: 145.33vw;
        padding: calc(var(--gutter) * 2);
        width: calc(100% - 30px);
        margin: 45px auto 0;
    }
}

.video__container.green {
    background: #F1F9F3;
}

.video__container.blue {
    background: #EBF6F9;
}

.video__container.pink {
    background: #FFF5F8;
}

.video__container.orange {
    background: #FFF5F2;
}

.video__container .video__content {
    overflow: hidden;
    border-radius: 340px;
    height: 100%;
}

.video__container .video__content img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.video__container .video__play {
    cursor: pointer;
    background: #FFFFFF;
    max-width: 260px;
    max-height: 260px;
    min-width: 130px;
    min-height: 130px;
    width: 18.05vw;
    height: 18.05vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: 0.4s cubic-bezier(0.25, 0, 0, 1);
    transition: 0.4s cubic-bezier(0.25, 0, 0, 1);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.video__container .video__play svg {
    display: block;
}

.video__container .video__play:hover {
    -webkit-transform: translate(-50%, -50%) scale(1.1);
    transform: translate(-50%, -50%) scale(1.1);
}

.video__container .video__play svg path {
    fill: #3C4043;
}

.video__popup {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100;
    display: none;
}

.video__popup.green {
    background: #F1F9F3;
}

.video__popup.blue {
    background: #EBF6F9;
}

.video__popup.pink {
    background: #FFF5F8;
}

.video__popup.orange {
    background: #FFF5F2;
}

.video__popup .popup__inner {
    width: 85%;
    height: 100%;
    margin: 0 auto;
}

.video__popup iframe,
.video__popup .popup__inner video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-device-width: 834px) {
    .video__popup .popup__inner {
        padding: 0;
        width: 95%;
    }
}

.video__popup.active {
    display: block;
}

.video__popup .popup__close {
    background: #FFFFFF;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 20px;
    right: 40px;
    z-index: 5;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Ressources */
#resources {
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 50px;
}

@media (max-device-width: 834px) {
    #resources {
        padding: 0 15px;
    }
}

@media (max-width: 1024px) {
    #resources .title--h3 {
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    #resources .title--h3 {
        font-size: 45px;
    }
}

#resources .resources__container {
    margin: 0 auto;
}

#resources .resources__items {
    overflow: visible;
    margin: 70px 0 0;
    /* width: 27.15vw; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

@media (max-device-width: 834px) {
    #resources .resources__items {
        margin: 30px 0 0;
        overflow: scroll;
        gap: 10px;
    }

    #resources .resources__items::-webkit-scrollbar {
        display: none;
    }
}

#resources .resources__items {
    will-change: transform;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0, 0, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.25, 0, 0, 1);
    transition: transform 0.5s cubic-bezier(0.25, 0, 0, 1);
    transition: transform 0.5s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 0.5s cubic-bezier(0.25, 0, 0, 1);
}

#resources .resources__items[data-position="0"] {
    -webkit-transform: none;
    transform: none;
}

#resources .resources__items[data-position="1"] {
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
}

#resources .resources__items[data-position="2"] {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

#resources .resources__items[data-position="3"] {
    -webkit-transform: translate3d(-60%, 0, 0);
    transform: translate3d(-60%, 0, 0);
}

#resources .resources__items[data-position="-1"] {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0);
}

#resources .resources__items[data-position="-2"] {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}

#resources .resources__items[data-position] .on {
    -webkit-transform: none;
    transform: none;
    width: 50vw;
}

@media (max-device-width: 834px) {
    #resources .resources__items[data-position] .on {
        width: calc(100% - 30px);
    }
}

#resources .resources__items[data-position] .resources__img {
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

#resources .resources__items[data-position] .on .resources__img {
    border-radius: 500px;
    -webkit-transition: border-radius 0.6s ease-out;
    transition: border-radius 0.6s ease-out;
}

#resources .resources__item {
    cursor: pointer;
}

#resources .resources__title {
    padding-left: 25px;
    line-height: 1.2;
    font-family: "Biotif Extra";
    width: 300px;
    font-weight: bold;
    -webkit-transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
    transition: all 0.6s cubic-bezier(0.25, 0, 0, 1);
    /* width: var(--small-width-home-swiper) */
}

@media (max-device-width: 834px) {
    #resources .resources__title {
        width: auto;
        padding: 0;
    }
}

#resources .on .resources__title:not(.resources__title--aria) {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    /* width: calc(var(--small-width-home-swiper)*1.25) */
}

@media (max-device-width: 834px) {
    #resources .on .resources__title:not(.resources__title--aria) {
        -webkit-transform: none;
        transform: none;
    }
}

#resources .resources__desc {
    padding-left: 40px;
    max-width: 500px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    margin-top: 65px;
    opacity: 0;
    width: var(--big-width-home-swiper);
}

@media (max-device-width: 834px) {
    #resources .resources__desc {
        width: 100%;
    }
}

#resources .on .resources__desc {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 0.4s 0.5s cubic-bezier(0.25, 0, 0, 1);
    transition: all 0.4s 0.5s cubic-bezier(0.25, 0, 0, 1);
}

@media (max-device-width: 834px) {
    #resources .on .resources__desc {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
}

#resources .on .resources__link {
    opacity: 1;
    /* transition: opacity 0.4s 0.5s linear */
}

#resources .resources__link {
    position: absolute;
    top: 0;
    right: 50px;
    opacity: 0;
}

@media (max-device-width: 834px) {
    #resources .resources__link {
        position: relative;
        top: 0;
        left: 0;
        justify-self: left;
        padding: 12px 23px;
        margin: 20px 0 0;
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #resources .resources__title {
        -webkit-transform: none;
        transform: none;
    }

    #resources .resources__link {
        opacity: 1;
    }
}

#resources .resources__item {
    width: 27.15vw;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transform-origin: top left;
    transform-origin: top left;
}

@media (max-width: 1024px) {
    #resources .resources__item {
        width: calc(100% - 30px);
    }
}

#resources .resources__item .resources__img {
    overflow: hidden;
    border-radius: 20px;
    height: 490px;
}

@media (max-width: 1024px) {
    #resources .resources__item .resources__img {
        height: 40vw;
    }
}

@media (max-device-width: 834px) {
    #resources .resources__item .resources__img {
        height: 58.18vw;
    }
}

#resources .resources__item .resources__img.empty {
    background: #F1F9F3;
}

#resources .resources__item .resources__content {
    margin: 60px 0 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--gutter);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 0 30px 0 0;
}

@media (max-device-width: 834px) {
    #resources .resources__item .resources__content {
        margin: 20px 0 0;
        padding: 0 15px;
    }
}

#resources img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
}

.consumerIntelligenceSofa {
    width: var(--c10);
    margin: 100px auto;
    background: #FFF5F8;
    border-radius: 24px;
    padding: 40px;
}

@media (max-width: 600px) {
    .consumerIntelligenceSofa {
        margin: 50px auto;
        padding: 15px;
    }
}

@media (min-width: 1001px) {
    .consumerIntelligenceSofa__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.consumerIntelligenceSofa__content {
    width: 36%;
    background: #fff;
    border-radius: 20px;
    padding: 60px 120px 180px 60px;
}

@media (max-width: 1400px) {
    .consumerIntelligenceSofa__content {
        padding: 60px 60px 180px 60px;
        width: 400px;
    }
}

@media (max-width: 1000px) {
    .consumerIntelligenceSofa__content {
        padding: 40px 40px 40px 40px;
        width: 100%;
    }
}

.consumerIntelligenceSofa__searchAndTags {
    position: absolute;
    top: 100px;
    left: -60px;
    font-weight: 500;
    color: #333;
}

@media (max-width: 1100px) {
    .consumerIntelligenceSofa__searchAndTags {
        width: 400px;
    }
}

@media (max-width: 1000px) {
    .consumerIntelligenceSofa__searchAndTags {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        margin: 20px 0;
    }
}

.consumerIntelligenceSofa__search {
    background: #fff;
    border-radius: 5px;
    padding: 20px 20px 17px 70px;
    width: 100%;
    -webkit-box-shadow: 0 24px 34px rgba(0, 0, 0, 0.04);
    box-shadow: 0 24px 34px rgba(0, 0, 0, 0.04);
}

@media (min-width: 1200px) {
    .consumerIntelligenceSofa__search {
        width: 510px;
    }
}

.consumerIntelligenceSofa__search::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: #E03568;
    border-radius: 5px 0 0 5px;
}

.consumerIntelligenceSofa__search p span {
    color: #F78FC8;
}

.consumerIntelligenceSofa__search svg {
    position: absolute;
    top: calc(50% - 15px);
    left: 20px;
}

.consumerIntelligenceSofa__tagss {
    padding: 50px 100px;
    list-style: none;
    margin: 0;
    line-height: 2;
}

@media (max-width: 1100px) {
    .consumerIntelligenceSofa__tagss {
        padding: 30px 50px;
    }
}

@media (max-width: 600px) {
    .consumerIntelligenceSofa__tagss {
        padding: 20px 20px;
    }
}

.consumerIntelligenceSofa__tagss li {
    padding: 0 0 0 45px;
}

.consumerIntelligenceSofa__tagss li:before {
    content: "→";
    position: absolute;
    top: 5px;
    left: 0;
    background: #F78FC8;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #333;
    text-align: center;
    line-height: 24px;
    font-size: 12px;
}

.consumerIntelligenceSofa__img {
    position: absolute;
    width: 85%;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    overflow: hidden;
}

@media (max-width: 1000px) {
    .consumerIntelligenceSofa__img {
        position: relative;
        -webkit-transform: none;
        transform: none;
        bottom: auto;
        top: 0;
        width: 100%;
        margin: -140px 0;
    }
}

@media (max-width: 600px) {
    .consumerIntelligenceSofa__img {
        margin: -100px 0 -50px 0;
        width: 100vw;
        left: calc(50% - 50vw);
    }

    .consumerIntelligenceSofa__img img {
        width: 170%;
        max-width: none;
    }
}

@media (max-width: 1000px) {
    .consumerIntelligenceSofa + #provalues.consumer__provalues {
        margin-top: 100px;
    }
}

/* ===================
	  HOME PAGE
=================== */
.styleguide {
    margin: 250px auto;
}

@media (max-device-width: 834px) {
    .home__container {
        width: var(--wrapper);
        margin: 0 auto;
    }
}

[data-barba-namespace=lilyai] #hero .title--h1.hero__title,
[data-barba-namespace=lilyai] #hero .hero__content {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
}

#hero {
    margin: -10px 0 0;
}

@media (max-width: 1000px) {
    #hero {
        margin: 0;
    }
}

#tags__search {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    pointer-events: none;
}

@media (max-device-width: 834px) {
    #tags__search {
        grid-template-columns: 1fr;
    }
}

#tags__search i,
#tags__search em {
    font-style: normal;
}

#tags__search .tags__circle {
    width: 100%;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#tags__search .tags__circle:before {
    content: "";
    padding-top: 100%;
    position: relative;
}

#tags__search .tags__circle--motion {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    pointer-events: none;
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform;
}

#tags__search .tags__circle--motion--1 {
    background: #F1F9F3;
}

#tags__search .tags__circle--motion--2 {
    background: #EBF6F9;
}

#tags__search .tags__circle--motion--3 {
    background: #FFF5F8;
}

#tags__search .tags__circle--motion--4 {
    background: #FFF5F2;
}

#tags__search .tags__left {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#tags__search .tags__left--green {
    background: #F1F9F3;
}

#tags__search .tags__left--blue {
    background: #EBF6F9;
}

#tags__search .tags__left--pink {
    background: #FFF5F8;
}

#tags__search .tags__left--orange {
    background: #FFF5F2;
}

#tags__search .tags__center {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    /* transform: translateY(-100vh); */
    will-change: transform;
}

#tags__search .tags__center--green {
    background: #F1F9F3;
}

#tags__search .tags__center--blue {
    background: #EBF6F9;
}

#tags__search .tags__center--pink {
    background: #FFF5F8;
}

#tags__search .tags__center--orange {
    background: #FFF5F2;
}

@media (max-device-width: 834px) {
    #tags__search .tags__center {
        display: none;
    }
}

#tags__search .tags__right {
    background: #EBF6F9;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#tags__search .tags__right--green {
    background: #F1F9F3;
}

#tags__search .tags__right--blue {
    background: #EBF6F9;
}

#tags__search .tags__right--pink {
    background: #FFF5F8;
}

#tags__search .tags__right--orange {
    background: #FFF5F2;
}

@media (max-device-width: 834px) {
    #tags__search .tags__right {
        display: none;
    }
}

#tags__search .tags__inner {
    overflow: hidden;
    width: 64%;
    height: 64%;
    border-radius: 100%;
    background: #FFFFFF;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(-50%, -50%) scale(0.3);
    transform: translate(-50%, -50%) scale(0.3);
}

#tags__search .tags__img {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(2);
    transform: scale(2);
    display: block;
    max-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

#tags__search .tags__img--alt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
}

#tags__search .tags__form {
    pointer-events: none;
}

#tags__search .tags__form .form__field {
    opacity: 0;
    background: #FFFFFF;
    border-radius: 11px;
    -webkit-box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    width: 25vw;
    padding: 20px 22px 17px 22px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#tags__search .tags__form .form__field:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: #E03568;
}

#tags__search .tags__form .field__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    color: #3C4043;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.4;
}

#tags__search .tags__form .field__label svg {
    margin: 0 12px 0 0;
}

#tags__search .tags__form .field__label i {
    display: inline-block;
}

#tags__search .tags__form .field__label s {
    opacity: 0;
    position: absolute;
    top: 5px;
    left: 227px;
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    width: 2px;
    height: 16px;
    background: #FFC7D3;
}

#tags__search .tags__form .field__input {
    color: #232126;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.2;
}

#tags__search .tags__form .field__input:focus::-webkit-input-placeholder {
    opacity: 0.4;
}

#tags__search .tags__form .field__input:focus:-ms-input-placeholder {
    opacity: 0.4;
}

#tags__search .tags__form .field__input:focus::placeholder {
    opacity: 0.4;
}

#tags__search .tags__cloud,
.home__carousel .tags__cloud {
    position: absolute;
    z-index: 5;
    width: 70%;
    height: 70%;
}

#tags__search .subheading,
.home__carousel .subheading {
    font-size: 11px;
    line-height: 1;
}

#tags__search .subheading--green,
.home__carousel .subheading--green {
    color: #89B698;
}

#tags__search .subheading--blue,
.home__carousel .subheading--blue {
    color: #BDCFEF;
}

#tags__search .subheading--pink,
.home__carousel .subheading--pink {
    color: #FFC7D3;
}

#tags__search .subheading--orange,
.home__carousel .subheading--orange {
    color: #FEB7A5;
}

#tags__search .tags__item,
.home__carousel .tag__item {
    background: #3C4043;
    border-radius: 7px;
    -webkit-box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.05);
    display: inline-block;
    padding: 12px 30px 12px;
    position: absolute;
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#tags__search .tag__name,
.home__carousel .tag__name {
    font-family: "GT Pressura", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 1px 0 0;
}

#tags__search .tags__cloud--4 #tags__item--1 {
    top: 11.6%;
    right: 0;
}

#tags__search .tags__cloud--4 #tags__item--2 {
    top: 30%;
    left: -8%;
}

#tags__search .tags__cloud--4 #tags__item--3 {
    top: 50%;
    right: 0;
}

#tags__search .tags__cloud--4 #tags__item--4 {
    top: 70%;
    left: -5%;
}

#tags__search .tags__cloud--4 #tags__item--8 {
    top: 0;
    right: -3%;
}

#tags__search .tags__cloud--4 #tags__item--9 {
    top: 20%;
    left: 50%;
}

#tags__search .tags__cloud--4 #tags__item--10 {
    top: 50%;
    left: 15%;
}

#tags__search .tags__cloud--4 #tags__item--11 {
    top: 90%;
    left: 60%;
}

#tags__search .tags__cloud--3 #tags__item--5 {
    top: 15.5%;
    left: 50%;
}

#tags__search .tags__cloud--3 #tags__item--6 {
    top: 40%;
    left: 15%;
}

#tags__search .tags__cloud--3 #tags__item--7 {
    top: 60%;
    left: 60%;
}

#tags__search .tags__cloud--3 #tags__item--12 {
    top: 15.5%;
    left: 50%;
}

#tags__search .tags__cloud--3 #tags__item--13 {
    top: 40%;
    left: 15%;
}

#tags__search .tags__cloud--3 #tags__item--14 {
    top: 60%;
    left: 60%;
}

#hero__demo {
    margin: 57px auto 0;
    display: grid;
    gap: var(--gutter);
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media (max-width: 1024px) {
    #hero__demo {
        width: calc(100% - 60px);
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #hero__demo {
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    #hero__demo {
        padding: 0 15px;
        grid-template-columns: 1fr;
        width: 100%;
    }
}

#hero__demo .hero__content {
    padding: 0 0 0 var(--cg1);
    width: var(--c4);
    opacity: 0;
}

@media (max-width: 1024px) {
    #hero__demo .hero__content {
        width: var(--c5);
    }
}

@media (max-width: 1000px) {
    #hero__demo .hero__content {
        padding: 0;
    }
}

#hero__demo .hero__content .hero__text {
    margin: 0 0 30px;
}

#hero__demo h1 {
    opacity: 0;
}

#logos {
    opacity: 0;
    margin: 130px auto 0;
}

@media (max-width: 1024px) {
    #logos {
        margin: 95px auto 0;
        width: calc(100% - 60px);
    }
}

@media (max-device-width: 834px) {
    #logos {
        margin: 60px auto 0;
        width: 100%;
    }
}

#logos .logos__title {
    font-size: 18px;
    width: 30%;
    color: #3C4043;
}

@media (max-width: 1024px) {
    #logos .logos__title {
        width: var(--c6);
        margin-bottom: 30px;
    }
}

#logos .logos__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #logos .logos__container {
        padding: 0 30px;
    }
}

@media (max-width: 1024px) {
    #logos .logos__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-device-width: 834px) {
    #logos .logos__container {
        padding: 0 15px;
    }
}

#logos .logos__showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 70%;
    padding-left: 10%;
}

@media (max-width: 1360px) {
    #logos .logos__showcase {
        /* display: grid; grid-template-columns: 1fr 1fr; align-items: center; justify-items: center; */
    }
}

@media (max-width: 1024px) {
    #logos .logos__showcase {
        padding-left: 0;
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #logos .logos__showcase {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

#logos .logos__showcase .logos__showcaseItems {
    display: grid;
    place-items: center;
}

@media (max-width: 600px) {
    #logos .logos__showcase .logos__showcaseItems {
        width: 50%;
    }
}

#logos .logos__showcase .logos__showcaseItems img {
    opacity: 0;
    -webkit-transition: opacity linear 1s;
    transition: opacity linear 1s;
    max-width:75%;
}

#logos .logos__showcase .logos__showcaseItems img:not(:first-of-type) {
    position: absolute;
    opacity: 0;
}

#logos .logos__showcase .logos__showcaseItems img.on {
    opacity: 1;
    -webkit-transition: opacity linear 1s 1s;
    transition: opacity linear 1s 1s;
}

#logos .logos__img {
    mix-blend-mode: multiply;
}

#provalues {
    margin: 150px auto 0;
}

@media (max-width: 1024px) {
    #provalues {
        margin: 100px auto 0;
        padding: 0 30px;
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #provalues {
        margin: 50px auto 0;
        padding: 0 15px;
    }
}

#provalues .values__title {
    max-width: 700px;
}

@media (max-width: 1024px) {
    #provalues .values__title {
        max-width: 100%;
        width: 50%;
    }
}

@media (max-device-width: 834px) {
    #provalues .values__title {
        font-size: 28px;
        width: 100%;
    }
}

#provalues .values__container {
    margin: 40px 0 0 auto;
}

@media (max-width: 1024px) {
    #provalues .values__container {
        margin: 60px 0 0 auto;
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #provalues .values__container {
        margin: 36px 0 0 auto;
    }
}

#provalues .values__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-device-width: 834px) {
    #provalues .values__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#provalues .values__content {
    min-width: 400px;
    width: auto;
    padding: 0 var(--gutter) 0 0;
}

@media (max-width: 1360px) {
    #provalues .values__content {
        width: 45%;
        min-width: initial;
    }
}

@media (max-width: 1024px) {
    #provalues .values__content {
        padding: 0 30px;
        width: 45%;
        min-width: initial;
    }
}

@media (max-device-width: 834px) {
    #provalues .values__content {
        padding: 0 15px;
        min-width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

#provalues .values__item + .values__item {
    margin: 70px 0 0;
}

#provalues .item__title {
    width: 78.5%;
    font-weight: 700;
    color: #3C4043;
}

@media (max-width: 1024px) {
    #provalues .item__title {
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #provalues .item__title {
        width: 100%;
        font-size: 20px;
    }
}

#provalues .item__content {
    width: 75%;
    margin: 40px 0 0;
}

@media (max-width: 1024px) {
    #provalues .item__content {
        width: 100%;
        margin: 20px 0 0;
    }
}

@media (max-device-width: 834px) {
    #provalues .item__content {
        width: 100%;
    }
}

#provalues .values__img {
    width: 59.98%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-width: 1360px) {
    #provalues .values__img {
        width: 55%;
    }
}

@media (max-width: 1024px) {
    #provalues .values__img {
        width: calc(55% - 30px);
        margin: 0 0 0 auto;
    }
}

@media (max-device-width: 834px) {
    #provalues .values__img {
        width: 100%;
        margin: 0 0 calc(var(--gutter) * 2);
    }
}

#provalues .img__item {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 95px 55px;
    border-radius: 24px;
}

@media (max-width: 1024px) {
    #provalues .img__item {
        padding: 55px 55px;
    }
}

@media (max-device-width: 834px) {
    #provalues .img__item {
        padding: calc(var(--gutter) * 2);
    }
}

#provalues .img__item.lightgreen {
    background: #F1F9F3;
}

#provalues .img__item.lightpink {
    background: #FFF5F8;
}

#provalues .img__item.lightblue {
    background: #EBF6F9;
}

#provalues .img__item.lightorange {
    background: #FFF5F2;
}

#provalues .img__mask {
    border-radius: 500px;
    overflow: hidden;
    width: 100%;
}

#provalues img {
    width: 100%;
    display: block;
}

#provalues .cta--primary {
    margin: 40px 0 0;
}

@media (max-device-width: 834px) {
    #provalues .cta--primary {
        width: 100%;
        margin: 25px 0 0;
        padding: 12px 10px 10px;
    }
}

#provalues .tags__clouds {
    position: absolute;
    width: 100%;
    height: 100%;
}

#provalues .tags__clouds .tags__item {
    background: #3C4043;
    border-radius: 6px;
    padding: 12px 30px 11px;
    display: inline-block;
    position: absolute;
    font-family: "GT Pressura", sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 1px 0 0;
}

#provalues .tags__clouds .tags__item.green .tags__cat {
    color: #CEECD8;
}

#provalues .tags__clouds .tags__item.blue .tags__cat {
    color: #BFE6F0;
}

#provalues .tags__clouds .tags__item.pink .tags__cat {
    color: #FFC7D3;
}

#provalues .tags__clouds .tags__item.orange .tags__cat {
    color: #FEB7A5;
}

#provalues .tags__clouds .tags__item:nth-of-type(1) {
    top: 24%;
    left: 22%;
}

@media (max-device-width: 834px) {
    #provalues .tags__clouds .tags__item:nth-of-type(1) {
        top: 20%;
        left: 16%;
    }
}

#provalues .tags__clouds .tags__item:nth-of-type(2) {
    top: 27%;
    right: 23%;
}

@media (max-device-width: 834px) {
    #provalues .tags__clouds .tags__item:nth-of-type(2) {
        top: auto;
        bottom: 22%;
        right: 18%;
        top: auto;
    }
}

#provalues .tags__clouds .tags__item:nth-of-type(3) {
    top: 34%;
    left: 35%;
}

#provalues .tags__clouds .tags__item:nth-of-type(4) {
    top: 42%;
    right: 25%;
}

#provalues .tags__clouds .tags__item:nth-of-type(5) {
    top: 48%;
    left: 33%;
}

#provalues .tags__clouds .tags__item:nth-of-type(6) {
    top: 52%;
    right: 19%;
}

#provalues .tags__clouds .tags__item:nth-of-type(7) {
    top: 62%;
    left: 20%;
}

@media (max-device-width: 767px) {
    #provalues .tags__clouds .tags__item:nth-of-type(2) {
        bottom: 21%;
    }

    #provalues .tags__clouds .tags__item:nth-of-type(3) {
        top: 17%;
        left: 65%;
    }

    #provalues .tags__clouds .tags__item:nth-of-type(4) {
        right: 5%;
        top: 33%;
    }

    #provalues .tags__clouds .tags__item:nth-of-type(5) {
        left: 5%;
        top: 51%;
    }

    #provalues .tags__clouds .tags__item:nth-of-type(6) {
        right: 10%;
    }

    #provalues .tags__clouds .tags__item:nth-of-type(7) {
        left: 16%;
        top: 80%;
    }
}

#provalues .values__item + .values__item .tags__item:nth-of-type(1) {
    top: 24%;
    left: 22%;
}

#provalues .values__item + .values__item .tags__item:nth-of-type(2) {
    top: 36%;
    right: 23%;
}

@media (max-device-width: 834px) {
    #provalues .values__item + .values__item .tags__item:nth-of-type(2) {
        top: auto;
        bottom: 22%;
        right: 18%;
        top: auto;
    }
}

@media (max-device-width: 767px) {
    #provalues .values__item + .values__item .tags__item:nth-of-type(2) {
        bottom: 12%;
    }
}

#provalues .values__item + .values__item .tags__item:nth-of-type(3) {
    top: 45%;
    left: 56%;
}

#provalues .values__item + .values__item .tags__item:nth-of-type(4) {
    top: 52%;
    right: 55%;
}

#provalues .values__item + .values__item .tags__item:nth-of-type(5) {
    top: 60%;
    left: 58%;
}

#provalues .values__item + .values__item .tags__item:nth-of-type(6) {
    top: 65%;
    right: 60%;
}

#provalues .values__item + .values__item .tags__item:nth-of-type(7) {
    top: 62%;
    left: 20%;
}

#testimonies {
    padding: 0px 0 0;
    margin: 150px auto 0;
    overflow: hidden;
}

@media (max-width: 1024px) {
    #testimonies {
        margin: 120px auto 0;
    }
}

@media (max-device-width: 834px) {
    #testimonies {
        margin: 75px 0 0;
    }
}

#testimonies .testimonies__header {
    /* padding: 0 0 0 var(--cg1); */
    z-index: 2;
    position: absolute;
    top: 30px;
}

#testimonies .testimonies__header h2 {
    min-width: 362px;
    max-width: 100%;
}

#testimonies .testimonies__title {
    position: absolute;
    z-index: 2;
    top: 0;
    min-width: 362px;
    font-size: 60px;
}

@media (max-width: 1260px) {
    #testimonies .testimonies__title {
        font-size: 50px;
        top: -40px;
    }
}

@media (max-width: 1024px) {
    #testimonies .testimonies__title {
        font-size: 50px;
        margin: 0 30px;
    }
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__title {
        top: 0;
        margin: 0;
        padding: 0 20px;
        font-size: 50px;
        min-width: 100%;
    }
}

#testimonies .slider__container {
    border-radius: 500px 0 0 500px;
    /* J wip */
    margin: 0 5.97vw 0 auto;
    overflow: hidden;
    width: calc(100vw - var(--cg1));
}

@media (max-width: 1000px) {
    #testimonies .slider__container {
        margin: 0 0 0 auto;
    }
}

@media (max-device-width: 834px) {
    #testimonies .slider__container {
        border-radius: 0%;
        margin: 0;
        width: 100%;
    }
}

#testimonies .testimonies__slider {
    overflow: visible;
    width: var(--c8);
    margin: 0;
}

@media (max-width: 1000px) {
    #testimonies .testimonies__slider {
        width: calc(100vw - 200px);
    }
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__slider {
        padding: 130px 0;
        width: 100%;
    }
}

#testimonies .testimonies__item {
    width: var(--c8);
    min-height: var(--c8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 60px 60px 14%;
    margin: 0 0 0 auto;
}

@media (max-width: 1360px) {
    #testimonies .testimonies__item {
        /*
    padding: 30px 30px 30px 22%;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    */
    }
}

@media (max-width: 1024px) {
    #testimonies .testimonies__item {
        padding: 30px 15%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

@media (max-width: 1000px) {
    #testimonies .testimonies__item {
        width: calc(100vw - 200px);
        height: calc(100vw - 200px);
    }
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__item {
        width: 95%;
        height: auto;
        padding: 30px 15px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: unset;
    }
}

#testimonies .testimonies__item::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -3;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0, 1);
    transition-timing-function: cubic-bezier(0.25, 0, 0, 1);
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__item::after {
        width: unset;
        height: calc(100% + 200px);
        aspect-ratio: 1/1;
        top: -100px;
        left: unset;
        right: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        opacity: 0;
    }
}

@media (max-device-width: 834px) {

    #testimonies .testimonies__item.swiper-slide-active::after,
    #testimonies .testimonies__item.swiper-slide-prev::after {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}

#testimonies .testimonies__item.lightblue::after {
    background: #EBF6F9;
}

#testimonies .testimonies__item.lightgreen::after {
    background: #F1F9F3;
}

#testimonies .testimonies__item.lightpink::after {
    background: #FFF5F8;
}

#testimonies .testimonies__item.lightorange::after {
    background: #FFF5F2;
}

#testimonies .testimonies__item:not(.swiper-slide-active) {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

#testimonies .testimonies__content {
    width: var(--c3);
}

@media (min-width: 1024px) and (max-width: 1360px) {
    #testimonies .testimonies__content {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    #testimonies .testimonies__content {
        width: 50vw;
        font-size: 16px;
    }
}

@media (max-width: 1000px) {
    #testimonies .testimonies__content {
        font-size: 14px;
    }
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__content {
        width: 80%;
    }
}

#testimonies .testimony__author {
    margin: 32px 0;
    font-size: 16px;
}

@media (max-width: 1360px) {
    #testimonies .testimony__author {
        margin: 20px 0;
    }
}

#testimonies .testimony__author img {
    mix-blend-mode: multiply;
}

@media (max-width: 1024px) and (min-width: 769px) {
    #testimonies .testimony__author img {
        position: absolute;
        right: 40px;
        top: 0;
    }
}

#testimonies .author__job {
    color: #3C4043;
}

#testimonies .testimonies__img {
    overflow: hidden;
    border-radius: 100%;
    width: 40.25%;
}

#testimonies .testimonies__img:before {
    content: "";
    padding-top: 100%;
    width: 0;
    float: left;
}

@media (max-width: 1360px) {
    #testimonies .testimonies__img {
        width: 18vw;
        height: 18vw;
        margin: 0 0 30px;
    }
}

@media (max-width: 1024px) {
    #testimonies .testimonies__img {
        width: 13vw;
        height: 13vw;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: -50px 0 30px;
    }
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__img {
        min-width: 105px;
        min-height: 105px;
        margin: 0 0 30px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

#testimonies .testimonies__img img {
    display: block;
    width: 100%;
}

#testimonies .testimonies__buttons {
    z-index: 88;
    position: absolute;
    top: 95px;
    right: 13vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__buttons {
        bottom: 3%;
        top: auto;
        right: 50%;
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
        width: 140px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}

#testimonies .testimonies__buttons::before {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    content: "";
    border: 2px solid rgba(204, 215, 221, 0.4);
    border-radius: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19vw;
    height: 19vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.5s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
    transition: 0.5s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
    transition: 0.5s transform cubic-bezier(0.25, 0, 0, 1);
    transition: 0.5s transform cubic-bezier(0.25, 0, 0, 1), 0.5s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__buttons::before {
        width: 140px;
        height: 70px;
    }
}

#testimonies .testimonies__buttons.left::before {
    -webkit-transform: scale(0.5) translate(-150%, -100%);
    transform: scale(0.5) translate(-150%, -100%);
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__buttons.left::before {
        height: 140px;
    }
}

#testimonies .testimonies__buttons.right::before {
    -webkit-transform: scale(0.5) translate(-50%, -100%);
    transform: scale(0.5) translate(-50%, -100%);
}

@media (max-device-width: 834px) {
    #testimonies .testimonies__buttons.right::before {
        height: 140px;
    }
}

#testimonies .testimonies__prev .inner__button {
    /* visibility: hidden */
}

#testimonies .testimonies__prev.swiper-button-disabled,
#testimonies .testimonies__next.swiper-button-disabled {
    opacity: 0.4;
}

#testimonies .testimonies__prev.swiper-button-disabled .inner__button,
#testimonies .testimonies__next.swiper-button-disabled .inner__button {
    border: none;
}

#testimonies .inner__button {
    width: 9.51vw;
    height: 9.51vw;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#stats {
    margin: 80px auto 0;
}

@media (max-width: 1024px) {
    #stats {
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    #stats {
        padding: 0 15px;
    }
}

#stats .stats__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-device-width: 834px) {
    #stats .stats__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#stats .stats__item {
    text-align: center;
}

@media (max-device-width: 834px) {
    #stats .stats__item {
        width: 50%;
    }

    #stats .stats__item:first-child {
        margin-bottom: 70px;
    }
}

#stats .stats__item span {
    font-weight: 600;
}

/* ===================
	  BLOG PAGE
=================== */
.blog__container {
    width: var(--c10);
}

.blog__container a {
    text-decoration: none;
}

.blog__head {
    margin: 50px auto 0;
}

@media (max-width: 1024px) {
    .blog__head {
        margin: 40px auto 0;
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    .blog__head {
        margin: 25px auto 0;
        padding: 0 15px;
    }
}

.post__page {
    margin: 0 auto 10vh;
}

.blog__title {
    text-align: center;
    margin: 0 0 45px;
}

@media (max-width: 1024px) {
    .blog__title {
        margin: 0 0 35px;
    }
}

@media (max-device-width: 834px) {
    .blog__title {
        margin: 0 0 25px;
        text-align: left;
        font-size: 28px;
    }
}

.hub__nav {
    background: #EBF6F9;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto 90px;
    padding: 10px;
    border-radius: 100px;
}

.hub__nav::-webkit-scrollbar {
    display: none;
}

@media (max-width: 1024px) {
    .hub__nav {
        margin: 0 0 60px;
        width: 100%;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
        background: none;
    }
}

@media (max-device-width: 834px) {
    .hub__nav {
        margin: 0 0 30px;
        padding: 0;
        width: calc(100% + 15px);
    }
}

.hub__nav .cat__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .hub__nav .cat__nav {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}

.hub__nav .cat__item {
    list-style: none;
    padding: 12px 30px;
    cursor: pointer;
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    text-transform: uppercase;
    text-decoration: none;
    color: #3C4043;
    letter-spacing: 1px;
}

@media (max-device-width: 834px) {
    .hub__nav .cat__item {
        padding: 12px 22px;
    }
}

.hub__nav .cat__item:hover,
.hub__nav .cat--active {
    background: #FFFFFF;
    border-radius: 100px;
}

@media (max-width: 1024px) {

    .hub__nav .cat__item:hover,
    .hub__nav .cat--active {
        background: #EBF6F9;
    }
}

.hub__nav .cat__item a {
    text-decoration: none;
}

.hub__container {
    overflow: hidden;
}

.hub__slider {
    overflow: visible;
}

.hub__slider .slider__item {
    width: var(--c8);
    border-radius: 24px;
    padding: 42px var(--cg1);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2.77vw;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #EBF6F9;
    height: auto;
}

@media (max-width: 1360px) {
    .hub__slider .slider__item {
        padding: 42px;
        width: var(--c10);
    }
}

@media (max-width: 1024px) {
    .hub__slider .slider__item {
        width: calc(100% - 130px);
    }
}

@media (max-device-width: 834px) {
    .hub__slider .slider__item {
        width: calc(100% - 80px);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 30px 25px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.hub__slider .slider__item.lightblue {
    background: #EBF6F9;
}

.hub__slider .slider__item.lightpink {
    background: #FFF5F8;
}

.hub__slider .slider__item.lightgreen {
    background: #F1F9F3;
}

.hub__slider .slider__item.lightorange {
    background: #FFF5F2;
}

.hub__slider .slider__item .post__title,
.hub__slider .slider__item .post__excerpt {
    margin: 0 0 30px;
}

@media (max-device-width: 834px) {

    .hub__slider .slider__item .post__title,
    .hub__slider .slider__item .post__excerpt {
        margin: 0 0 20px;
    }
}

.hub__slider .slider__item .post__title a {
    text-decoration: none;
}

.hub__slider .slider__item .post__thumbnail {
    overflow: hidden;
    border-radius: 254px;
}

@media (max-device-width: 834px) {
    .hub__slider .slider__item .post__thumbnail {
        margin-bottom: 25px;
    }
}

.hub__slider .slider__item .post__thumbnail img {
    width: 100%;
}

.hub__slider .slider__item .post__details,
.hub__slider .slider__item .post__thumbnail {
    opacity: 0;
    -webkit-transition: opacity 0.7s;
    transition: opacity 0.7s;
}

.hub__slider .slider__item.swiper-slide-active .post__details,
.hub__slider .slider__item.swiper-slide-active .post__thumbnail,
.hub__slider .slider__item.swiper-slide-duplicate-active .post__details,
.hub__slider .slider__item.swiper-slide-duplicate-active .post__thumbnail {
    opacity: 1;
}

.hub__slider .slider__nav {
    background: #FFFFFF;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

@media (max-device-width: 834px) {
    .hub__slider .slider__nav {
        width: 60px;
        height: 60px;
    }
}

.hub__slider .slider__nav svg {
    width: 14px;
}

.hub__slider .slider__prev {
    left: var(--c2);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-width: 1360px) {
    .hub__slider .slider__prev {
        left: var(--c1);
    }
}

@media (max-width: 1024px) {
    .hub__slider .slider__prev {
        left: 50px;
    }
}

@media (max-device-width: 834px) {
    .hub__slider .slider__prev {
        left: 40px;
    }
}

.hub__slider .slider__next {
    right: var(--c2);
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

@media (max-width: 1360px) {
    .hub__slider .slider__next {
        right: var(--c1);
    }
}

@media (max-width: 1024px) {
    .hub__slider .slider__next {
        right: 50px;
    }
}

@media (max-device-width: 834px) {
    .hub__slider .slider__next {
        right: 40px;
    }
}

@media (max-device-width: 834px) {
    .hub__slider .cta--primary {
        width: 100%;
    }
}

/* 3 posts grid */
.posts__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6.94vw;
    margin: 140px auto 0;
}

@media (max-width: 1360px) {
    .posts__grid {
        gap: 4vw;
        margin: 100px auto 0;
    }
}

@media (max-width: 850px) {
    .posts__grid {
        grid-template-columns: repeat(3, 1fr);
        margin: 60px auto 0;
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    .posts__grid {
        display: block;
        margin: 30px auto 0;
    }
}

.posts__grid .last__post,
.posts__grid .post__item {
    padding: 0 10px;
    display: grid;
    gap: 30px;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
}

@media (max-device-width: 834px) {

    .posts__grid .last__post,
    .posts__grid .post__item {
        padding: 0;
    }
}

@media (max-width: 1024px) {

    .posts__grid .last__post:not(:last-child),
    .posts__grid .post__item:not(:last-child) {
        margin-bottom: 50px;
    }
}

.posts__grid .last__post .post__thumbnail,
.posts__grid .post__item .post__thumbnail {
    overflow: hidden;
    margin: 0 -10px 0;
    border-radius: 24px;
}

@media (max-device-width: 834px) {

    .posts__grid .last__post .post__thumbnail,
    .posts__grid .post__item .post__thumbnail {
        margin: 0;
    }
}

.posts__grid .last__post:nth-of-type(3n+2) .post__thumbnail,
.posts__grid .post__item:nth-of-type(3n+2) .post__thumbnail {
    border-radius: 100%;
}

.posts__grid .last__post .post__thumbnail img,
.posts__grid .post__item .post__thumbnail img {
    width: 100%;
}

.posts__grid .last__post .post__thumbnail.empty,
.posts__grid .post__item .post__thumbnail.empty {
    background: #EBF6F9;
}

.posts__grid .last__post .post__thumbnail.empty.blue,
.posts__grid .post__item .post__thumbnail.empty.blue {
    background: #EBF6F9;
}

.posts__grid .last__post .post__thumbnail.empty.green,
.posts__grid .post__item .post__thumbnail.empty.green {
    background: #F1F9F3;
}

.posts__grid .last__post .post__thumbnail.empty.pink,
.posts__grid .post__item .post__thumbnail.empty.pink {
    background: #FFF5F8;
}

.posts__grid .last__post .post__thumbnail.empty.orange,
.posts__grid .post__item .post__thumbnail.empty.orange {
    background: #FFF5F2;
}

.posts__grid .last__post .post__title,
.posts__grid .post__item .post__title {
    letter-spacing: 0;
}

.posts__grid .last__post .post__title a,
.posts__grid .post__item .post__title a {
    text-decoration: none;
}

.posts__grid .last__post .post__link,
.posts__grid .post__item .post__link {
    -ms-flex-item-align: end;
    align-self: end;
}

@media (max-device-width: 834px) {

    .posts__grid .last__post .post__link,
    .posts__grid .post__item .post__link {
        width: 100%;
    }
}

.posts__loadMore {
    margin: 100px auto;
    cursor: pointer;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: hidden;
    height: 58px;
}

@media (max-device-width: 834px) {
    .posts__loadMore {
        margin: 80px auto 0;
    }
}

@media (max-device-width: 834px) {
    .posts__loadMore {
        margin: 20px auto 0;
        width: calc(100% - 30px);
    }
}

.posts__loadMore .loadMore__inner {
    background: #EBF6F9;
    padding: 20px;
    border-radius: 5px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: 0.5s ease;
    transition: 0.5s ease;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.posts__loadMore.disabled {
    height: 0;
}

.loadMore__button {
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.125;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #3C4043;
}

/* Top post part */
.top__posts {
    background: #F1F9F3;
    padding: 25px 25px 25px 50px;
    border-radius: 24px;
    margin: 100px auto 0;
    display: grid;
    grid-template-columns: 55.33% 32%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.top__posts.lightblue {
    background: #EBF6F9;
}

.top__posts.lightpink {
    background: #FFF5F8;
}

.top__posts.lightgreen {
    background: #F1F9F3;
}

.top__posts.lightorange {
    background: #FFF5F2;
}

@media (max-width: 1360px) {
    .top__posts {
        display: block;
        padding: 50px;
    }
}

@media (max-width: 1024px) {
    .top__posts {
        padding: 40px;
    }
}

@media (max-device-width: 834px) {
    .top__posts {
        padding: 20px 15px 15px;
        width: calc(100% - 30px);
        margin: 50px auto 0;
    }
}

.top__posts .top__post {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1360px) {
    .top__posts .top__post {
        gap: 100px;
        grid-template-columns: 30% calc(70% - 100px);
        margin-bottom: 50px;
    }
}

@media (max-width: 1024px) {
    .top__posts .top__post {
        gap: 50px;
        grid-template-columns: 40% calc(60% - 50px);
        margin-bottom: 40px;
    }
}

@media (max-device-width: 834px) {
    .top__posts .top__post {
        display: block;
    }
}

.top__posts .top__post .post__thumbnail {
    overflow: hidden;
    border-radius: 254px;
}

@media (max-device-width: 834px) {
    .top__posts .top__post .post__thumbnail {
        max-width: 300px;
        margin: 0 auto 35px;
    }
}

.top__posts .top__post .post__thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.top__posts .top__post .post__title {
    letter-spacing: 0;
}

.top__posts .top__post .post__title a {
    text-decoration: none;
}

.top__posts .top__post .post__title,
.top__posts .top__post .post__excerpt {
    margin: 0 0 30px;
}

@media (max-device-width: 834px) {

    .top__posts .top__post .post__title,
    .top__posts .top__post .post__excerpt {
        margin: 0 0 20px;
    }
}

.top__posts .top__post .aspectRatio--9x16::before {
    padding-top: 131.5789473684%;
}

.top__posts .related__posts {
    background: #FFFFFF;
    width: 100%;
    border-radius: 20px;
    padding: 40px 35px;
}

.top__posts .related__posts .subheading {
    margin: 0 0 10px;
}

.top__posts .related__posts .post__title {
    font-weight: 700;
}

.top__posts .related__posts .post__title a {
    text-decoration: none;
}

.top__posts .related__posts .post__link {
    display: block;
    background: #89B698;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -11px 0 0 auto;
}

.top__posts .related__posts .post__link svg {
    display: block;
    position: relative;
    left: 1px;
}

.top__posts .related__posts .post__link.blue {
    background: #BFE6F0;
}

.top__posts .related__posts .post__link.pink {
    background: #FFC7D3;
}

.top__posts .related__posts .post__link.green {
    background: #CEECD8;
}

.top__posts .related__posts .post__link.orange {
    background: #FEB7A5;
}

.top__posts .related__post:not(:last-of-type) {
    border-bottom: 1px solid #CEECD8;
    margin: 0 0 20px;
    padding: 0 0 20px;
}

/* Demo banner */
.demo__banner {
    background: #FFF5F2;
    border-radius: 24px;
    margin: 100px auto 0;
    padding: var(--cg1);
    display: grid;
    grid-template-columns: var(--cg5) var(--cg4);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.demo__banner.lightblue {
    background: #EBF6F9;
}

.demo__banner.lightpink {
    background: #FFF5F8;
}

.demo__banner.lightgreen {
    background: #F1F9F3;
}

.demo__banner.lightorange {
    background: #FFF5F2;
}

@media (max-width: 1024px) {
    .demo__banner {
        display: block;
        margin: 80px auto 0;
    }
}

@media (max-device-width: 834px) {
    .demo__banner {
        padding: 40px 20px;
        margin: 50px auto;
        width: calc(100% - 30px);
    }
}

@media (max-width: 1024px) {
    .demo__banner h2 {
        margin: 0 0 30px;
    }
}

@media (max-device-width: 834px) {
    .demo__banner h2 {
        margin: 0 0 15px;
    }
}

.demo__banner .banner__inner {
    margin: 0 0 0 auto;
}

.demo__banner .cta--primary {
    margin: 26px 0 0;
}

@media (max-device-width: 834px) {
    .demo__banner .cta--primary {
        width: 100%;
        margin: 20px 0 0;
    }
}

/* ===================
	 SINGLE PAGE
=================== */
.post__page .post__head {
    background: #FFF6FD;
    margin: 28px -10px 100px;
    padding: 40px calc(var(--cg1) + var(--gutter));
    border-radius: 24px;
    display: grid;
    grid-template-columns: var(--c5) var(--c3);
    gap: var(--gutter);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1360px) {
    .post__page .post__head {
        padding: 40px;
        grid-template-columns: 60% 36%;
        gap: 4%;
    }
}

@media (max-width: 1024px) {
    .post__page .post__head {
        padding: 40px 30px;
        margin: 20px auto 50px;
        width: calc(100% - 30px);
    }
}

@media (max-device-width: 834px) {
    .post__page .post__head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.post__page .post__head.green {
    background: #F1F9F3;
}

.post__page .post__head.blue {
    background: #EBF6F9;
}

.post__page .post__head.pink {
    background: #FFF5F8;
}

.post__page .post__head.orange {
    background: #FFF5F2;
}

.post__page .post__title {
    font-family: "Biotif Extra", sans-serif;
}

.post__page .post__subtitle {
    font-size: 15px;
}

.post__page .post__subtitle,
.post__page .post__title {
    margin: 0 0 30px;
}

.post__page .post__thumbnail {
    overflow: hidden;
    border-radius: 254px;
}

@media (max-device-width: 834px) {
    .post__page .post__thumbnail {
        max-width: 300px;
        margin: 0 0 20px;
    }
}

.post__page .post__thumbnail img {
    width: 100%;
    display: block;
}

.post__page .post__container {
    display: grid;
    grid-template-columns: var(--c2) var(--cg8);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media (max-width: 1024px) {
    .post__page .post__container {
        display: block;
    }
}

@media (max-device-width: 834px) {
    .post__page .post__container {
        padding: 0 0 120px;
    }
}

.post__page .post__info {
    width: var(--c1);
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
}

@media (max-width: 1024px) {
    .post__page .post__info {
        position: initial;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 315px;
        margin: 0 auto 50px;
    }
}

@media (max-device-width: 834px) {
    .post__page .post__info {
        padding: 0 30px;
        max-width: initial;
    }
}

.post__page .post__info .subheading--t {
    margin: 0 0 3px;
}

.post__page .post__info .post__author {
    margin: 0 0 30px;
}

@media (max-width: 1024px) {
    .post__page .post__info .post__author {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
    }
}

.post__page .post__info .post__author .author__img {
    overflow: hidden;
    border-radius: 100%;
    width: 48px;
    height: 48px;
    margin: 0 0 6px;
}

@media (max-width: 1024px) {
    .post__page .post__info .post__author .author__img {
        margin: 0 20px 0 0;
    }
}

.post__page .post__info .post__date {
    margin: 0 0 30px;
}

.post__page .post__info .post__categories a {
    text-decoration: none;
}

.post__page .post__info .post__sharing {
    background: #EBF6F9;
    border-radius: 25px;
    padding: 40px 10px 30px;
    display: grid;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px 0 0;
    max-width: 110px;
}

@media (max-width: 1024px) {
    .post__page .post__info .post__sharing {
        width: calc(100% - 30px);
        max-width: 100%;
        position: absolute;
        bottom: 0;
        left: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        padding: 20px 30px;
        margin: 0;
    }
}

.post__page .post__info .post__sharing .subheading {
    text-align: center;
    margin: 0 0 20px;
}

@media (max-width: 1024px) {
    .post__page .post__info .post__sharing .subheading {
        margin: 0 10px 0 0;
    }
}

.post__page .post__info .post__sharing a {
    margin: 0 0 10px;
}

@media (max-width: 1024px) {
    .post__page .post__info .post__sharing a {
        margin: 0;
    }
}

.post__page .post__info .post__sharing svg {
    display: block;
}

@media (max-width: 1024px) {
    .post__page .post__content {
        padding: 0 30px;
    }
}

.post__page .post__content img {
    max-width: 100%;
    display: block;
}

.post__page .post__content h1,
.post__page .post__content h2,
.post-template section h1,
.post-template section h2 {
    margin: 0 0 50px;
}

@media (max-device-width: 834px) {

    .post__page .post__content h1,
    .post__page .post__content h2,
    .post-template section h1,
    .post-template section h2 {
        margin: 0 0 20px;
    }
}

.post-template section h3,
.post-template section h4,
.post__page .post__content h3,
.post__page .post__content h4 {
    margin: 0 0 30px;
}

@media (max-device-width: 834px) {

    .post-template section h3,
    .post-template section h4,
    .post__page .post__content h3,
    .post__page .post__content h4 {
        margin: 0 0 15px;
    }
}

.post__page .post__content h5,
.post__page .post__content h6 {
    margin: 0 0 20px;
}

@media (max-device-width: 834px) {

    .post__page .post__content h5,
    .post__page .post__content h6 {
        margin: 0 0 15px;
    }
}

.post__page .post__content p + p {
    margin: 20px 0 0;
}

.post__page .post__content p + h1,
.post__page .post__content p + h2,
.post__page .post__content p + h3,
.post__page .post__content p + h4,
.post__page .post__content p + h5,
.post__page .post__content p + h6 {
    margin-top: 60px;
}

.post-template section h2,
.post__page .post__content h2 {
    font-family: "Biotif", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    letter-spacing: -1px;
    color: #3C4043;
}

@media (max-width: 1024px) {
    .post__page .post__content h2 {
        font-size: 30px;
    }
}

@media (max-device-width: 834px) {
    .post__page .post__content h2 {
        font-size: 20px;
    }
}

.post-template section h3,
.post__page .post__content h3 {
    font-family: "Biotif Extra", sans-serif;
    font-weight: 700;
    font-size: 55px;
    line-height: 1.1;
    color: #3C4043;
    letter-spacing: -0.035em;
}

.post-template section h3 {
    font-size: 32px;
}

.post__page .post__content .content__txt {
    width: var(--cg7);
    font-size: 23px;
    line-height: 1.3;
    letter-spacing: -0.2px;
}

.post__page .post__content .content__txt ul {
    margin: 25px 0;
    list-style: none;
}

.post__page .post__content .content__txt li {
    margin-left: 15px;
}

.post__page .post__content .content__txt li:before {
    content: "•";
    color: #E03568;
    margin: 0 10px 0 0;
}

@media (max-width: 1024px) {
    .post__page .post__content .content__txt {
        font-size: 20px;
    }
}

@media (max-device-width: 834px) {
    .post__page .post__content .content__txt {
        font-size: 17px;
    }
}

.post__page .post__content .content__image {
    margin: 40px 0 0;
    border-radius: 24px;
    overflow: hidden;
}

.post__page .post__content .content__image:not(:last-of-type) {
    margin: 40px 0 70px;
}

.post__page .post__content .content__image img {
    width: 100%;
}

/* single alt */
body.post-template-single-alt .post__page .post__info .post__sharing {
    margin: 0;
}

body.post-template-single-alt .post__head ul {
    list-style: none;
}

body.post-template-single-alt .post__head ul li {
    padding: 0 0 0 40px;
    margin: 12px 0 0;
    font-size: 18px;
    color: #232126;
    max-width: 400px;
}

body.post-template-single-alt .post__head ul li:before {
    content: "→";
    position: absolute;
    top: 0;
    left: 0;
    background: #BFE6F0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #3C4043;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 0 0;
}

body.post-template-single-alt .post__details p {
    margin: 0 0 30px;
    font-weight: 700;
    font-size: 26px;
    line-height: 110%;
    color: #55575A;
}

body.post-template-single-alt .singlePostAltQuote {
    border-top: 1px solid #EBECEC;
    padding: 100px 0 200px 0;
    margin: 100px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1000px) {
    body.post-template-single-alt .singlePostAltQuote {
        margin: 50px auto 0;
        padding: 50px 30px 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

body.post-template-single-alt .singlePostAltQuote .singlePostAltQuote__quote {
    font-family: Biotif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #3C4043;
    width: 70%;
}

@media (max-width: 600px) {
    body.post-template-single-alt .singlePostAltQuote .singlePostAltQuote__quote {
        font-size: 20px;
        width: 100%;
    }
}

body.post-template-single-alt .singlePostAltQuote .singlePostAltQuote__author {
    width: 15%;
    min-width: 130px;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}

body.post-template-single-alt .singlePostAltQuote .singlePostAltQuote__author img {
    width: 130px;
    height: 130px;
    border-radius: 200px;
    margin: 0 0 20px;
}

body.post-template-single-alt .singlePostAltQuote .singlePostAltQuote__author div {
    color: #000;
}

body.post-template-single-alt .singlePostAltQuote .singlePostAltQuote__author span {
    color: #81868A;
}

@media (max-width: 600px) {
    body.post-template-single-alt .singlePostAltQuote .singlePostAltQuote__author {
        font-size: 14px;
        width: 100%;
        margin-top: 20px;
        text-align: left;
    }

    body.post-template-single-alt .singlePostAltQuote .singlePostAltQuote__author img {
        width: 100px;
        height: 100px;
    }
}

body.post-template-single-alt .post__head.green li:before {
    background: #CEECD8;
}

body.post-template-single-alt .post__head.blue li:before {
    background: #BFE6F0;
}

body.post-template-single-alt .post__head.pink li:before {
    background: #FFC7D3;
}

body.post-template-single-alt .post__head.orange li:before {
    background: #FEB7A5;
}

#about {
    overflow: hidden;
}

#about__hero {
    height: calc(100vh - 160px);
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    margin: 0 auto 0;
    z-index: 5;
}

@media (max-width: 1024px) {
    #about__hero {
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    #about__hero {
        padding: 45px 0 0;
        height: inherit;
        margin: 0 auto 300px;
    }
}

#about__hero .hero__container {
    display: grid;
    grid-template-columns: var(--c4) var(--cg6);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    gap: var(--c);
}

@media (max-width: 1360px) {
    #about__hero .hero__container {
        grid-template-columns: var(--c5) var(--cg5);
    }
}

@media (max-width: 1024px) {
    #about__hero .hero__container {
        width: 100%;
        grid-template-columns: 49% 51%;
    }
}

@media (max-device-width: 834px) {
    #about__hero .hero__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 0;
    }
}

@media (max-width: 1360px) {
    #about__hero .hero__content {
        width: var(--c5);
    }
}

@media (max-device-width: 834px) {
    #about__hero .hero__content {
        padding: 0 30px;
        width: 60%;
    }
}

#about__hero .hero__content .about__title {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    opacity: 0;
    margin: 0 0 60px;
    font-size: 76px;
}

@media (max-width: 1024px) {
    #about__hero .hero__content .about__title {
        margin: 0 0 40px;
    }
}

@media (max-device-width: 834px) {
    #about__hero .hero__content .about__title {
        margin: 0 0 15px;
    }
}

#about__hero .hero__text {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

@media (max-width: 1360px) {
    #about__hero .hero__text {
        width: var(--cg4);
    }
}

@media (max-width: 1024px) {
    #about__hero .hero__text {
        width: 100%;
    }
}

@media (max-width: 1360px) {
    #about__hero .hero__picture {
        width: var(--cg5);
    }
}

@media (max-device-width: 834px) {
    #about__hero .hero__picture {
        width: 100%;
        padding: 0 40px;
        margin: 0 0 50px;
    }
}

#about__hero .hero__picture .picture__mask {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;
    border-radius: 100%;
    width: 83.5%;
    opacity: 0;
}

@media (max-device-width: 834px) {
    #about__hero .hero__picture .picture__mask {
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
    }
}

#about__hero .hero__picture .circle__big {
    opacity: 0;
    background: #F1F9F3;
    width: 310px;
    height: 310px;
    border-radius: 100%;
    position: absolute;
    bottom: -20px;
    right: 10%;
    z-index: 1;
}

@media (max-width: 1250px) {
    #about__hero .hero__picture .circle__big {
        width: 21vw;
        height: 21vw;
    }
}

@media (max-device-width: 834px) {
    #about__hero .hero__picture .circle__big {
        width: 32vw;
        height: 32vw;
        right: 4%;
    }
}

#about__hero .hero__picture .circle__small {
    opacity: 0;
    background: #FFF5F8;
    width: 13.68vw;
    height: 13.68vw;
    border-radius: 100%;
    position: absolute;
    top: 6px;
    right: 18%;
}

@media (max-device-width: 834px) {
    #about__hero .hero__picture .circle__small {
        width: 21.33vw;
        height: 21.33vw;
        right: 15%;
        top: -10px;
    }
}

#about__hero .hero__scroldown {
    -webkit-transform: translate(-50%, 30%);
    transform: translate(-50%, 30%);
    z-index: 0;
    position: absolute;
    left: 40vw;
    top: 50%;
}

@media (max-width: 1360px) {
    #about__hero .hero__scroldown {
        left: 49.5%;
    }
}

@media (max-device-width: 834px) {
    #about__hero .hero__scroldown {
        display: none;
    }
}

#about__hero .scrolldown {
    width: var(--c3);
    height: var(--c3);
    border-radius: 100%;
    border: 1px solid #ECF0F2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@-webkit-keyframes scale-easeOutElastic {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    16% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
    }

    28% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13);
    }

    44% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    59% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }

    73% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

    88% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes scale-easeOutElastic {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    16% {
        -webkit-transform: scale(1.32);
        transform: scale(1.32);
    }

    28% {
        -webkit-transform: scale(1.13);
        transform: scale(1.13);
    }

    44% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    59% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }

    73% {
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

    88% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.story__bg {
    position: absolute;
    top: 50vh;
    left: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    width: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.bg__circle {
    background: #EBF6F9;
    left: calc(50vw - 130vh);
    top: 0vw;
    width: 260vh;
    height: 260vh;
    border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    pointer-events: none;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

.story__bg--border {
    pointer-events: none;
    z-index: 4;
}

.story__bgBorder {
    outline: 1000px solid #fff;
    left: calc(50vw - 130vh);
    top: 0vw;
    width: 260vh;
    height: 260vh;
    border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.story__bg + #story {
    z-index: 3;
}

:root {
    --marginTopTemp: 15vw;
}

#story {
    padding: 0;
    position: relative;
    z-index: 3;
    margin-top: var(--marginTopTemp);
}

@media (max-height: 1000px) {
    #story :root {
        --marginTopTemp: 0px;
    }
}

#story .story__content__thumbWrap {
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    margin: 60px 0;
    overflow: hidden;
    border-radius: 1000px;
    aspect-ratio: 1/1;
}

#story .story__content__thumbWrap img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#story .story__content p {
    margin: 0 auto;
    padding: 0 6vw;
    color: #3C4043;
}

@media (min-width: 1000px) {
    #story .story__content p {
        font-size: 23px;
    }
}

#story .story__container {
    display: grid;
    grid-template-columns: var(--c4) var(--c6);
    gap: var(--gutter);
}

#story .story__container--a {
    height: 70vh;
}

@media (max-device-width: 834px) {
    #story .story__container {
        display: block;
    }
}

@media (max-device-width: 834px) {
    #story .story__content {
        padding: 0 30px;
        margin: 20px 0 0;
        width: var(--c6);
    }

    #story .story__title {
        padding: 0 30px;
    }

    #story .story__title .title--h3 {
        font-size: 45px;
    }
}

#story .story__content p + p {
    margin: 30px 0 0;
}

#story .logos__title {
    margin: 145px 0 100px;
}

@media (max-device-width: 834px) {
    #story .logos__title {
        margin: 60px 0;
    }
}

#story .story__logos {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    /* left: calc(-1*(var(--c) + var(--gutter))); */
    /* width: 100vw; overflow: hidden; */
    /* grid-column-start: 1; grid-column-end: 3; transform: translate(75%, 0); */
}

#story .logo {
    background: #FFFFFF;
    width: 30vw;
    height: 30vw;
    border-radius: 100%;
    display: grid;
    justify-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (max-device-width: 834px) {
    #story .logo {
        width: 50vw;
        height: 50vw;
    }
}

/*#story .logo img {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

@media (max-device-width: 834px) {
    #story .logo img {
        -webkit-transform: none;
        transform: none;
    }
}*/

#story .logo + .logo {
    margin: 0 0 0 60px;
}

@media (max-device-width: 834px) {
    #story .logo + .logo {
        margin: 0 0 0 30px;
    }
}

#story .lineParent {
    overflow: hidden;
}

#story .lineChild {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

#plateform {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gutter);
    z-index: 5;
    margin-top: 0;
}

@media (max-device-width: 834px) {
    #plateform {
        grid-template-columns: 1fr;
        padding: 0 15px;
    }

    #plateform .plateform__title {
        padding: 0 15px;
    }

    #plateform .plateform__content {
        padding: 0 15px;
    }
}

#plateform #plateform__diagram {
    grid-column-start: 1;
    grid-column-end: 3;
    width: 100%;
    margin: 45px 0 0;
    padding: 114px 30px 0;
}

@media (max-device-width: 834px) {
    #plateform #plateform__diagram {
        grid-area: auto;
        padding: 60px 30px 0;
    }
}

#experts {
    margin: 190px auto 0;
    /*
  .profils__item {
  	&:nth-of-type(3n+2) {
  		margin: 150px 0 0;
  		@media (max-device-width: 834px) { margin: 0; }
  	}
  	&:nth-of-type(3n+3) {
  		margin: 100px 0 0;
  		@media (max-device-width: 834px) { margin: 0; }
  	}

  	@media (max-device-width: 834px) {
  		width: 75.7vw;

  		&:nth-of-type(even) { margin: 0 0 0 auto; }
  	}
  }
  */
  .profils__item:nth-child(7) {
    display:none;
  }
}

@media (max-device-width: 834px) {
    #experts {
        margin: 50px auto 0;
        padding: 0 15px;
    }
}

#experts .experts__title {
    text-align: center;
}

#experts .experts__profils {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    gap: 50px 70px;
    margin: 110px 0 0;
}

@media (max-device-width: 834px) {
    #experts .experts__profils {
        margin: 30px 0 0;
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

#experts .profils__picture {
    border-radius: 24px;
    padding: 50px 30px;
}

#experts .profils__picture.lightpink {
    background: #FFF5F8;
}

#experts .profils__picture.lightblue {
    background: #EBF6F9;
}

#experts .profils__picture.lightgreen {
    background: #F1F9F3;
}

#experts .profils__picture.lightorange {
    background: #FFF5F2;
}

#experts .profils__picture img {
    width: 100%;
}

#experts .profils__mask {
    border-radius: 100%;
    overflow: hidden;
}

#experts .profils__mask:before {
    content: "";
    padding-top: 100%;
    width: 0;
    float: left;
}

#experts .profils__details {
    margin: 30px 0 0;
    display: grid;
    grid-template-columns: calc(100% - 45px) 45px;
}

#experts .profils__title {
    margin: 0 0 4px;
}

#experts .profils__social {
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 2;
}

#experts .social__item svg {
    width: 45px;
    height: auto;
}

#experts .social__item circle {
    fill: #F1F9F3;
}

#experts + #investors {
    margin: 0;
}

@media (max-device-width: 834px) {
    #experts + #investors {
        margin: 40px 0;
    }
}

#investors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin: 220px 0 0;
}

@media (max-device-width: 834px) {
    #investors {
        grid-template-columns: 1fr;
        margin: 80px 0 0;
        display: block;
    }
}

#investors .investors__sticky {
    padding: 0 0 0 var(--c2);
    height: 31.25vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    top: calc(50vh - 15.625vw);
}

@media (max-device-width: 834px) {
    #investors .investors__sticky {
        position: relative;
        top: 0;
        padding: 0 30px;
        height: auto;
    }
}

@media (max-device-width: 834px) {
    #investors .investors__text {
        margin: 20px 0 0;
    }
}

#investors .investors__content {
    justify-self: end;
}

@media (max-device-width: 834px) {
    #investors .investors__content {
        overflow: scroll;
        margin: 35px 0 0;
        padding: 0 15px;
    }

    #investors .investors__content::-webkit-scrollbar {
        display: none;
    }
}

@media (max-device-width: 834px) {
    #investors .investors__inner {
        white-space: nowrap;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

#investors .investors__content .circles {
    width: 31.25vw;
    height: 31.25vw;
    border-radius: 100%;
    margin: 0 0 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#investors .investors__content .circles.green {
    background: #F1F9F3;
}

#investors .investors__content .circles.blue {
    background: #EBF6F9;
}

#investors .investors__content .circles.pink {
    background: #FFF5F8;
}

#investors .investors__content .circles.orange {
    background: #FFF5F2;
}

#investors .investors__content .circles img {
    mix-blend-mode: multiply;
}

@media (max-device-width: 834px) {
    #investors .investors__content .circles {
        width: 66.6vw;
        height: 66.6vw;
    }
}

#hiring {
    margin: 300px auto 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gutter);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-device-width: 834px) {
    #hiring {
        grid-template-columns: 1fr;
        margin: 80px auto 0;
    }
}

#hiring .hiring__content {
    padding: 0 0 0 var(--c1);
}

@media (max-device-width: 834px) {
    #hiring .hiring__content {
        padding: 0 15px;
        margin: 60px 0 0;
    }
}

#hiring .hiring__title {
    margin: 0 0 30px;
}

@media (max-device-width: 834px) {
    #hiring .hiring__title {
        margin: 0 0 10px;
        font-size: 45px;
    }
}

#hiring .hiring__txt {
    margin: 0 0 60px;
}

@media (max-device-width: 834px) {
    #hiring .hiring__txt {
        margin: 0 0 20px;
    }
}

@media (max-device-width: 834px) {
    #hiring .hiring__link {
        width: 100%;
    }
}

#hiring .hiring__link span {
    margin: 0 20px 0 0;
}

#hiring .hiring__picture .circle__small {
    position: absolute;
    top: 160px;
    left: -4px;
    border-radius: 100%;
    width: 68px;
    height: 68px;
}

@media (max-device-width: 834px) {
    #hiring .hiring__picture .circle__small {
        display: none;
    }
}

#hiring .hiring__picture .circle__medium {
    position: absolute;
    bottom: 47px;
    right: 106px;
    border-radius: 100%;
    width: 142px;
    height: 142px;
    z-index: 2;
}

@media (max-device-width: 834px) {
    #hiring .hiring__picture .circle__medium {
        width: 91px;
        height: 91px;
        right: 25px;
        bottom: 3px;
    }
}

#hiring .hiring__picture .circle__big {
    position: absolute;
    top: -207px;
    border-radius: 100%;
    width: 193px;
    height: 193px;
}

@media (max-device-width: 834px) {
    #hiring .hiring__picture .circle__big {
        width: 75px;
        height: 75px;
        top: 0;
        left: 15px;
    }
}

#hiring .hiring__picture .circle--green {
    background: #F1F9F3;
}

#hiring .hiring__picture .circle--blue {
    background: #EBF6F9;
}

#hiring .hiring__picture .circle--pink {
    background: #FFF5F8;
}

#hiring .hiring__picture .picture__mask {
    overflow: hidden;
    border-radius: 100%;
    width: 37.5vw;
    height: 37.5vw;
}

@media (max-device-width: 834px) {
    #hiring .hiring__picture .picture__mask {
        width: calc(100vw - 30px);
        height: calc(100vw - 30px);
        margin: 0 auto;
    }
}

#about__contact {
    background: #F1F9F3;
    border-radius: 24px;
    padding: 70px var(--cg1);
    margin: 160px auto;
}

@media (max-device-width: 834px) {
    #about__contact {
        margin: 80px auto;
        width: calc(100% - 30px);
        padding: 50px 30px 40px;
    }
}

#about__contact .contact__title {
    text-align: center;
    margin: 0 0 20px;
}

@media (max-device-width: 834px) {
    #about__contact .contact__title {
        font-size: 24px;
        margin: 0 0 15px;
    }
}

#about__contact .contact__txt {
    text-align: center;
}

@media (max-device-width: 834px) {
    #about__contact .contact__txt {
        width: 100%;
        margin: 0 0 30px;
    }
}

.about__hubSpotHere p.p1 {
    margin: 0 auto;
    width: var(--c6);
}

#about__contact form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px 50px;
    margin: 30px 0 0;
}

@media (max-width: 600px) {
    #about__contact form {
        display: block;
    }
}

#about__contact form .fieldset--full {
    grid-column-end: 3;
    grid-column-start: 1;
}

@media (max-device-width: 834px) {
    #about__contact form .fieldset--full {
        grid-area: auto;
    }
}

#about__contact form br {
    display: none;
}

#about__contact form .form__label {
    font-size: 14px;
    font-weight: 700;
    color: #3C4043;
    display: block;
    margin: 0 0 10px;
}

#about__contact form .form__input {
    background: #FFFFFF;
    border-radius: 100px;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 24px;
}

#about__contact form .form__textarea {
    background: #FFFFFF;
    border-radius: 24px;
    width: 100%;
}

#about__contact form .form__submit,
#about__contact form input[type=submit] {
    display: block;
    background: #CEECD8;
    color: #3C4043;
    padding: 12px 30px;
    border-radius: 100px;
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
}

@media (max-device-width: 834px) {

    #about__contact form .form__submit,
    #about__contact form input[type=submit] {
        width: 100%;
        text-align: center;
    }
}

#about__contact form .wpcf7-spinner {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

#about__contact form .wpcf7-not-valid-tip {
    margin: 10px 0 0;
}

#about__contact form .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 0;
}

#about__contact form label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

#about__contact form input,
#about__contact form textarea {
    background: #fff;
    border-radius: 24px;
    margin: 7px 0 0;
    padding: 15px 25px;
    width: 100%;
}

@media (max-width: 600px) {

    #about__contact form input,
    #about__contact form textarea {
        margin: 7px 0;
    }
}

#about__contact form .hs-fieldtype-textarea {
    grid-column-start: 1;
    grid-column-end: 3;
}

#about__contact form .hs-fieldtype-textarea textarea {
    height: 200px;
}

#about__contact form .hs_submit {
    grid-column-start: 1;
    grid-column-end: 3;
}

#about__contact form .hs_submit input {
    width: auto;
}

.breadcrumb {
    font-family: "GT Pressura", sans-serif;
    color: #E03568;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 40px;
}

@media (max-width: 1024px) {
    .breadcrumb {
        margin: 0 0 25px;
    }
}

@media (max-device-width: 834px) {
    .breadcrumb {
        margin: 0 0 15px;
    }
}

#product__hero {
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

@media (max-width: 1024px) {
    #product__hero {
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    #product__hero {
        min-height: unset;
    }
}

#product__hero .hero__container {
    display: grid;
    grid-template-columns: var(--c4) var(--c6);
    gap: var(--gutter);
    height: 100%;
}

@media (max-width: 1024px) {
    #product__hero .hero__container {
        grid-template-columns: 50% 50%;
    }
}

@media (max-device-width: 834px) {
    #product__hero .hero__container {
        display: block;
    }
}

#product__hero .hero__content {
    margin: 50px 0 0;
    -ms-flex-item-align: start;
    align-self: start;
    z-index: 1;
}

#product__hero .hero__content > * {
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
}

@media (max-width: 1024px) {
    #product__hero .hero__content {
        width: 80%;
        margin: 30px 0 0;
    }
}

@media (max-device-width: 834px) {
    #product__hero .hero__content {
        margin: 0 0 28px;
        width: 100%;
    }
}

#product__hero .hero__title {
    font-size: 40px;
}

#product__hero .hero__title,
#product__hero .hero__text {
    margin: 0 0 40px;
}

@media (max-width: 1024px) {

    #product__hero .hero__title,
    #product__hero .hero__text {
        margin: 0 0 25px;
        font-size: 30px;
    }
}

@media (max-device-width: 834px) {

    #product__hero .hero__title,
    #product__hero .hero__text {
        font-size: 20px;
    }
}

#product__hero .hero__text {
    width: var(--cg2);
    line-height: 1.3;
}

@media (max-width: 1360px) {
    #product__hero .hero__text {
        width: var(--c3);
    }
}

@media (max-width: 1024px) {
    #product__hero .hero__text {
        width: 100%;
        font-size: 14px;
    }
}

#product__hero .hero__picture {
    opacity: 0;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    align-self: center;
    width: 45vw;
    -webkit-transform-origin: bottom right;
    transform-origin: bottom right;
    -webkit-transform: scale(0.9) translateX(50px);
    transform: scale(0.9) translateX(50px);
}

@media (max-device-width: 834px) {
    #product__hero .hero__picture {
        width: 100%;
    }
}

#product__hero .hero__picture .picture__mask {
    overflow: hidden;
    border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
}

#product__hero .hero__picture .picture__circles {
    border-radius: 100%;
    position: absolute;
}

#product__hero .hero__picture .picture__main {
    z-index: 1;
}

#product__hero .hero__picture .circles--blue {
    background: #EBF6F9;
    width: 43vw;
    height: 43vw;
    border-radius: 100%;
    left: -6vw;
    top: 200px;
    -webkit-transform: translate(100%, 0%) scale(0);
    transform: translate(100%, 0%) scale(0);
}

@media (max-device-width: 834px) {
    #product__hero .hero__picture .circles--blue {
        width: 72vw;
        height: 72vw;
    }
}

#product__hero .hero__picture .circles--pink {
    background: #FFF5F8;
    width: 23.6vw;
    height: 23.6vw;
    border-radius: 100%;
    right: 0;
    -webkit-transform: translate(-15%, -60%);
    transform: translate(-15%, -60%);
}

@media (max-device-width: 834px) {
    #product__hero .hero__picture .circles--pink {
        width: 38.6vw;
        height: 38.6vw;
        -webkit-transform: translate(-15%, -80%) scale(0);
        transform: translate(-15%, -80%) scale(0);
    }
}

#product__hero .product__popup {
    width: 300px;
    position: absolute;
    z-index: 2;
    opacity: 0;
}

#product__hero .product__popup img {
    width: 100%;
}

@media (max-width: 1360px) {
    #product__hero .product__popup {
        width: 260px;
    }
}

@media (max-width: 1024px) {
    #product__hero .product__popup {
        width: 180px;
        padding: 10px 10px;
        border-radius: 10px;
    }
}

#product__hero .product__popup.popup--left {
    bottom: 100px;
    left: -108px;
}

@media (max-width: 1024px) {
    #product__hero .product__popup.popup--left {
        left: -30px;
        bottom: 0;
    }
}

@media (max-device-width: 834px) {
    #product__hero .product__popup.popup--left {
        left: 0;
        bottom: 0;
    }
}

#product__hero .product__popup.popup--right {
    top: 50px;
    right: -92px;
}

@media (max-width: 1024px) {
    #product__hero .product__popup.popup--right {
        right: -30px;
        top: 20px;
    }
}

@media (max-device-width: 834px) {
    #product__hero .product__popup.popup--right {
        right: 0;
        top: 0;
    }
}

@media (max-width: 1024px) {
    #product__hero .product__popup .title--h5 {
        font-size: 12px;
    }
}

@media (max-width: 1360px) {
    #product__hero .product__popup .product__image {
        height: 100px;
    }
}

@media (max-width: 1024px) {
    #product__hero .product__popup .product__image {
        height: 45px;
    }
}

@media (max-width: 1360px) {
    #product__hero .product__popup .product__image img {
        width: 140px;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%);
    }
}

@media (max-width: 1024px) {
    #product__hero .product__popup .product__image img {
        width: 77px;
    }
}

#product__hero .product__popup .product__txt div {
    height: 4px;
}

#product__hero .product__popup .product__txt div:first-of-type {
    width: 82px;
}

#product__hero .product__popup .product__txt div:last-of-type {
    width: 68px;
}

@media (max-device-width: 834px) {
    #product__hero .product__popup .product__txt div {
        height: 2px;
    }

    #product__hero .product__popup .product__txt div:first-of-type {
        width: 32px;
    }

    #product__hero .product__popup .product__txt div:last-of-type {
        width: 26px;
    }
}

@media (max-device-width: 834px) {
    #product__hero.--consumer .hero__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

#product__hero.--consumer .hero__picture {
    opacity: 1;
    margin: 0 auto;
    max-width: initial;
    width: auto;
    padding: 120px 0;
    -webkit-transform: none;
    transform: none;
}

@media (max-width: 1024px) {
    #product__hero.--consumer .hero__picture {
        width: 100%;
        padding: 30px 0px;
    }
}

@media (max-device-width: 834px) {
    #product__hero.--consumer .hero__picture {
        padding: 0 20px;
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: 50px 0 40px;
    }
}

#product__hero.--consumer .hero__picture .picture__mask {
    width: 100%;
    margin: 0 auto;
}

@media (max-device-width: 834px) {
    #product__hero.--consumer .hero__picture .picture__mask {
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #product__hero.--consumer .popup--right {
        top: -30px;
        right: -80px;
    }
}

@media (max-device-width: 834px) {
    #product__hero.--consumer .popup--left {
        left: -30px;
        bottom: -40px;
    }
}

#product__hero:not(#product__hero--consumer) .hero__content > * {
    opacity: 0;
}

#product__recognition {
    margin: -180px 0 0 0;
    z-index: 2;
    height: 50vw;
}

@media (max-device-width: 834px) {
    #product__recognition {
        height: auto;
    }
}

.page-template-consumer #product__recognition {
    opacity: 0;
    margin: 120px 0 0 0;
}

@media (max-width: 600px) {
    .page-template-consumer #product__recognition {
        margin: 0;
    }
}

.recognition__container {
    padding: 0;
}

@media (max-device-width: 834px) {
    .recognition__container {
        height: auto;
        overflow: hidden;
    }
}

.recognition__inner {
    width: 100%;
    /* padding: 40px; */
    padding: var(--leftMargin);
    border-radius: 24px;
    display: grid;
    justify-items: end;
}

@media (max-width: 1024px) {
    .recognition__inner {
        display: block;
        padding: 15px 30px;
    }
}

@media (max-device-width: 834px) {
    .recognition__inner {
        display: block;
        min-height: unset;
        padding: 30px;
        z-index: 5;
    }
}

.recognition__inner .recognition__content {
    background: #FFFFFF;
    width: 38.7%;
    max-width: 440px;
    /* J wip */
    /* transform: translate(-8vw,4vw); // -8vw car 100vw * 0.84 scale de bg__item / 2 */
    -webkit-transform: translate(calc(-1 * (var(--cg1) + 40px)), 40px);
    transform: translate(calc(-1 * (var(--cg1) + 40px)), 40px);
    border-radius: 24px;
    padding: 60px 70px 220px;
    z-index: 0;
}

@media (max-width: 1360px) {
    .recognition__inner .recognition__content {
        width: 42%;
    }
}

@media (max-width: 1024px) {
    .recognition__inner .recognition__content {
        width: 100%;
        -webkit-transform: none;
        transform: none;
        max-width: none;
        padding: 60px 70px;
        border-radius: 18px;
    }
}

@media (max-device-width: 834px) {
    .recognition__inner .recognition__content {
        width: 100%;
        padding: 30px;
        -webkit-transform: none;
        transform: none;
    }
}

.recognition__inner .recognition__content .title--h4 {
    margin: 0 0 30px;
}

.recognition__inner .recognition__search {
    position: absolute;
    left: 10vw;
    top: 40%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: var(--c4);
    margin: 0 0 0 -56px;
}

@media (max-width: 1024px) {
    .recognition__inner .recognition__search {
        left: 30px;
        width: calc(50% - 60px);
        margin: 0;
        z-index: 1;
    }
}

@media (max-device-width: 834px) {
    .recognition__inner .recognition__search {
        top: 67vh;
        left: 50%;
        width: 265px;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
}

.recognition__inner .recognition__search .form__field {
    background: #FFFFFF;
    border-radius: 11px;
    -webkit-box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    padding: 20px 22px 17px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-device-width: 834px) {
    .recognition__inner .recognition__search .form__field {
        padding: 15px 22px 13px;
    }
}

.recognition__inner .recognition__search .form__field:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: #E03568;
}

.recognition__inner .recognition__search .field__label {
    margin: 0 20px 0 0;
}

.recognition__inner .recognition__search .field__label svg {
    display: block;
}

@media (max-device-width: 834px) {
    .recognition__inner .recognition__search .field__label svg {
        width: 17px;
        height: 21px;
    }
}

.recognition__inner .recognition__search .field__label span {
    opacity: 0;
    position: absolute;
}

.recognition__inner .recognition__search .field__input {
    color: #232126;
    font-weight: 600;
    font-size: 18px;
    line-height: 1;
    width: 100%;
    padding: 4px 0 0;
}

@media (max-device-width: 834px) {
    .recognition__inner .recognition__search .field__input {
        font-size: 14px;
    }
}

.recognition__inner .recognition__search .field__input:focus::-webkit-input-placeholder {
    opacity: 0.4;
}

.recognition__inner .recognition__search .field__input:focus:-ms-input-placeholder {
    opacity: 0.4;
}

.recognition__inner .recognition__search .field__input:focus::placeholder {
    opacity: 0.4;
}

.recognition__logo {
    position: absolute;
    top: 280px;
    left: 5vw;
    width: 200px;
    height: 200px;
    display: grid;
    place-items: center;
    background: #fff;
    border-radius: 500px;
    opacity: 0;
    -webkit-transform: translate(-50px, -50%);
    transform: translate(-50px, -50%);
    -webkit-box-shadow: 0px 24px 44px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 44px rgba(0, 0, 0, 0.04);
}

@media (max-device-width: 834px) {
    .recognition__logo {
        bottom: 0;
        top: unset;
        width: 120px;
        height: 120px;
    }

    .recognition__logo svg {
        width: 55px;
        display: block;
        height: auto;
    }
}

.recognition__arrow {
    position: absolute;
    top: 280px;
    left: 22vw;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translate(-40px, -50%);
    transform: translate(-40px, -50%);
}

@media (max-device-width: 834px) {
    .recognition__arrow {
        top: unset;
        bottom: 70px;
        left: 120px;
    }
}

.recognition__tags {
    position: absolute;
    top: 260px;
    left: 31vw;
    font-size: 15px;
    font-family: "GT Pressura", sans-serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #3C4043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.recognition__tags .recognition__tag {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 5px;
    background: #fff;
    padding: 10px;
    display: inline-block;
}

.recognition__tags .recognition__tag + .recognition__tag {
    margin-top: 30px;
}

@media (max-device-width: 834px) {
    .recognition__tags {
        right: 15px;
        left: unset;
        top: unset;
        bottom: -330px;
    }
}

body.page-template-consumer .recognition__search {
    top: 20%;
}

body.page-template-consumer .recognition__tagss {
    position: absolute;
    left: 7vw;
    top: 18%;
}

body.page-template-consumer .recognition__tagg {
    list-style: none;
    padding: 0 0 0 40px;
    margin: 20px 0 0;
    background: none;
    font-family: "Biotif";
    text-transform: none;
    font-size: 18px;
}

body.page-template-consumer .recognition__tagg:before {
    content: "→";
    position: absolute;
    top: 0;
    left: 0;
    background: #FFC7D3;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #3C4043;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 0 0;
}

.recognition__img {
    margin: -120px 0 0;
    overflow: hidden;
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transform: translate(100px, 0) scale(0.8);
    transform: translate(100px, 0) scale(0.8);
    /* wip J */
}

@media (max-height: 800px) {
    .recognition__img {
        margin: -200px 0 0;
    }
}

@media (min-width: 1900px) {
    .recognition__img {
        margin: -200px 0 0;
    }
}

@media (min-width: 2190px) {
    .recognition__img {
        margin: -300px 0 0;
    }
}

@media (min-width: 2300px) {
    .recognition__inner {
        padding: 100px 400px;
    }

    .recognition__img {
        margin: -100px 0 0;
    }
}

@media (max-width: 1024px) {
    .recognition__img {
        margin: -100px 0 0 0;
        right: 0;
        -webkit-transform: none;
        transform: none;
    }
}

@media (max-device-width: 834px) {
    .recognition__img {
        width: 100%;
        margin: 0;
        bottom: 0;
        left: 0;
        margin: 0;
    }
}

.recognition__img img {
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .recognition__img img {
        width: 120vw;
        max-width: unset;
        left: 0px;
    }
}

@media (max-device-width: 834px) {
    .recognition__img img {
        width: 182vw;
        max-width: unset;
        left: 0px;
    }
}

[data-barba-namespace=consumer-intelligence] .recognition__img {
    width: 100%;
    left: 0%;
    -webkit-transform: translate(0, 0) scale(0.6);
    transform: translate(0, 0) scale(0.6);
    margin: -550px 0 0;
}

[data-barba-namespace=consumer-intelligence] .recognition__img2 {
    position: absolute;
    left: 0;
    top: 35%;
    width: 40%;
    -webkit-transform: translate(-100%, 0) rotate(-10deg);
    transform: translate(-100%, 0) rotate(-10deg);
}

.recognition__bg {
    position: absolute;
    top: 0;
    left: calc(var(--leftMargin) + var(--cg1));
    z-index: -1;
    width: calc(var(--c10));
    height: 100%;
    /* align-items: center; */
    /* J */
}

@media (max-width: 1023px) {
    .recognition__bg {
        left: 15px;
        width: var(--wrapper);
        margin-left: auto;
        margin-right: auto;
    }
}

.recognition__bg .bg__item {
    background: #FFF5F8;
    width: 100%;
    /* padding: 40px; */
    border-radius: 24px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    /* transform: scale(0.84) */
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#testimonySingle {
    margin: 150px auto 0;
    padding: 130px 0 0;
    overflow: hidden;
}

@media (max-width: 1024px) {
    #testimonySingle {
        margin: 38vw auto 0;
    }
}

@media (max-width: 1000px) {
    #testimonySingle {
        margin: 400px auto 0;
    }
}

@media (max-device-width: 834px) {
    #testimonySingle {
        margin: 75px 0 0;
        padding: 0 0 130px;
    }
}

#testimonySingle .testimony__title {
    position: absolute;
    z-index: 2;
    top: 80px;
    min-width: 362px;
    left: calc(var(--c) * 1.3);
}

@media (max-width: 1250px) {
    #testimonySingle .testimony__title {
        top: -20px;
    }
}

@media (max-width: 1024px) {
    #testimonySingle .testimony__title {
        margin: 0 15px;
        top: 30px;
    }
}

@media (max-width: 1000px) {
    #testimonySingle .testimony__title {
        left: 78px;
        position: relative;
    }
}

@media (max-device-width: 834px) {
    #testimonySingle .testimony__title {
        top: 0;
        font-size: 35px;
        max-width: 80%;
        min-width: initial;
        left: 0;
    }
}

@media (max-device-width: 834px) {
    #testimonySingle .testimony__title {
        min-width: initial;
    }
}

#testimonySingle .testimony__item {
    width: var(--c8);
    min-height: var(--c8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 60px 60px 14%;
}

@media (max-width: 1360px) {
    #testimonySingle .testimony__item {
        padding: 30px 30px 30px 12%;
    }
}

@media (max-width: 1024px) {
    #testimonySingle .testimony__item {
        width: var(--c9);
        height: var(--c9);
    }
}

@media (max-width: 1000px) {
    #testimonySingle .testimony__item {
        width: calc(100vw - 60px);
        height: calc(100vw - 60px);
    }
}

@media (max-device-width: 834px) {
    #testimonySingle .testimony__item {
        width: 95%;
        height: auto;
        padding: 30px 15px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        min-height: unset;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
    }
}

#testimonySingle .testimony__item::after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -3;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-transition-timing-function: cubic-bezier(0.25, 0, 0, 1);
    transition-timing-function: cubic-bezier(0.25, 0, 0, 1);
}

@media (max-device-width: 834px) {
    #testimonySingle .testimony__item::after {
        width: unset;
        height: calc(100% + 200px);
        aspect-ratio: 1/1;
        top: -100px;
        left: unset;
        right: 0;
    }
}

#testimonySingle .testimony__item.lightblue::after {
    background: #EBF6F9;
}

#testimonySingle .testimony__item.lightgreen::after {
    background: #F1F9F3;
}

#testimonySingle .testimony__item.lightpink::after {
    background: #FFF5F8;
}

#testimonySingle .testimony__item.lightorange:after {
    background: #FFF5F2;
}

#testimonySingle .testimony__content {
    width: var(--c3);
}

@media (max-width: 1360px) {
    #testimonySingle .testimony__content {
        width: 32vw;
    }
}

@media (max-width: 1000px) {
    #testimonySingle .testimony__content {
        width: 45vw;
    }
}

@media (max-device-width: 834px) {
    #testimonySingle .testimony__content {
        width: 80%;
    }
}

#testimonySingle .testimony__txt {
    margin: 0 0 40px;
}

@media (max-width: 1150px) {
    #testimonySingle .testimony__txt {
        font-size: 16px;
    }
}

@media (max-width: 1024px) {
    #testimonySingle .testimony__txt {
        margin: 0 0 20px;
    }
}

#testimonySingle .testimony__txt li {
    list-style: none;
    padding: 0 0 0 40px;
    margin: 20px 0 0;
}

#testimonySingle .testimony__txt li:before {
    content: "→";
    position: absolute;
    top: 0;
    left: 0;
    background: #BFE6F0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #3C4043;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 0 0;
}

@media (max-width: 1150px) {
    #testimonySingle .testimony__txt li {
        margin: 15px 0 0;
    }
}

@media (max-device-width: 834px) {
    #testimonySingle .testimony__txt li {
        margin: 10px 0 0;
    }
}

#testimonySingle .testimony__img {
    overflow: hidden;
    border-radius: 100%;
    width: 40.25%;
}

#testimonySingle .testimony__img:before {
    content: "";
    padding-top: 100%;
    width: 0;
    float: left;
}

@media (max-width: 1360px) {
    #testimonySingle .testimony__img {
        width: 15vw;
        height: 15vw;
        margin: 0 0 30px;
    }
}

@media (max-width: 1024px) {
    #testimonySingle .testimony__img {
        width: 17vw;
        height: 17vw;
    }
}

@media (max-width: 1000px) {
    #testimonySingle .testimony__img {
        width: 20vw;
        height: 20vw;
    }
}

@media (max-device-width: 834px) {
    #testimonySingle .testimony__img {
        min-width: 105px;
        min-height: 105px;
        margin: 0 0 30px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 40vw;
        height: 40vw;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

@media (max-width: 500px) {
    #testimonySingle .testimony__img {
        width: auto;
        height: auto;
    }
}

#testimonySingle .testimony__img img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

#pureai {
    margin: 110px auto;
}

@media (max-width: 1024px) {
    #pureai {
        padding: 0 30px;
        margin: 80px auto;
    }
}

@media (max-device-width: 834px) {
    #pureai {
        margin: 50px auto;
    }
}

#pureai .pureai__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gutter);
}

@media (max-device-width: 834px) {
    #pureai .pureai__content {
        display: block;
    }
}

#pureai .pureai__txt {
    padding: 0 0 0 var(--cg1);
}

@media (max-width: 1024px) {
    #pureai .pureai__txt {
        padding: 0 0 0 15px;
    }
}

@media (max-device-width: 834px) {
    #pureai .pureai__txt {
        padding: 0;
        margin: 15px 0 0;
    }
}

#pureai .pureai__mask {
    overflow: hidden;
    border-radius: 340px;
    margin: 65px auto 0;
}

@media (max-width: 1024px) {
    #pureai .pureai__mask {
        margin: 55px 0 0;
    }
}

@media (max-device-width: 834px) {
    #pureai .pureai__mask {
        margin: 45px 0 0;
    }
}

#pureai .pureai__img {
    width: 100%;
    height: auto;
    display: block;
}

#product__diagram {
    margin: 140px auto;
}

@media (max-width: 1024px) {
    #product__diagram {
        margin: 95px auto 0;
    }
}

@media (max-device-width: 834px) {
    #product__diagram {
        margin: 50px auto 0;
    }
}

#aiSteps {
    margin: 213px auto;
}

@media (max-width: 1024px) {
    #aiSteps {
        margin: 160px auto 80px;
    }
}

@media (max-device-width: 834px) {
    #aiSteps {
        margin: 80px auto 40px;
    }
}

#aiSteps .aiSteps__head {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--gutter);
    margin: 0 auto 66px;
}

@media (max-width: 1024px) {
    #aiSteps .aiSteps__head {
        padding: 0 30px;
    }
}

@media (max-device-width: 834px) {
    #aiSteps .aiSteps__head {
        display: block;
    }
}

#aiSteps .steps__text {
    max-width: 478px;
}

@media (max-width: 1024px) {
    #aiSteps .aiSteps__content {
        width: 100%;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #aiSteps .aiSteps__content::-webkit-scrollbar {
        display: none;
    }
}

#aiSteps .aiSteps__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-template-columns: repeat(5, 1fr);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    #aiSteps .aiSteps__wrapper {
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
    }
}

#aiSteps .steps__title {
    max-width: 77%;
}

@media (max-device-width: 834px) {
    #aiSteps .steps__title {
        max-width: unset;
        margin: 0 0 15px;
        font-size: 20px;
    }
}

#aiSteps .steps__item {
    padding: 20px;
    border: 1px solid #F6F0F2;
    border-radius: 100%;
    width: 20%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    #aiSteps .steps__item {
        width: 290px;
    }
}

#aiSteps .steps__item:before {
    content: "";
    padding-top: 100%;
    width: 0;
    float: left;
}

#aiSteps .steps__item .steps__inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    text-align: center;
    padding: 0 50px;
}

#aiSteps .steps__item .steps__inner.green {
    background: #F1F9F3;
}

#aiSteps .steps__item .steps__inner.blue {
    background: #EBF6F9;
}

#aiSteps .steps__item .steps__inner.pink {
    background: #FFF5F8;
}

#aiSteps .steps__item .steps__inner.orange {
    background: #FFF5F2;
}

#aiSteps .steps__item svg {
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}

#aiSteps .steps__item:last-child svg {
    display: none;
}

#guarantee {
    margin: 90px auto 90px;
}

@media (max-width: 1024px) {
    #guarantee {
        width: calc(100% - 60px);
        margin: 70px auto 0;
    }
}

@media (max-device-width: 834px) {
    #guarantee {
        width: calc(100% - 30px);
        margin: 40px auto 0;
    }
}

#guarantee .guarantee__container {
    border-radius: 24px;
    display: grid;
    grid-template-columns: var(--c6) var(--c2);
    gap: var(--gutter);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 85px var(--cg1);
    justify-items: center;
}

@media (max-width: 1024px) {
    #guarantee .guarantee__container {
        grid-template-columns: 60% calc(40% - var(--gutter));
        padding: 60px 30px;
    }
}

@media (max-device-width: 834px) {
    #guarantee .guarantee__container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        padding: 40px 15px;
    }
}

#guarantee .guarantee__container.green {
    background: #F1F9F3;
}

#guarantee .guarantee__container.blue {
    background: #EBF6F9;
}

#guarantee .guarantee__container.pink {
    background: #FFF5F8;
}

#guarantee .guarantee__container.orange {
    background: #FFF5F2;
}

@media (max-device-width: 834px) {
    #guarantee .guarantee__content {
        text-align: center;
        margin: 20px 0 0;
    }
}

#guarantee .guarantee__content .title--h4 {
    margin: 0 0 30px;
}

#provalues.consumer__provalues {
    margin: 280px auto 0;
}

#provalues.consumer__provalues .values__img {
    width: var(--c5);
}

@media (orientation: portrait) and (max-width: 1000px) {
    #provalues.consumer__provalues {
        margin: 80vw 0 0;
    }
}

@media (max-width: 1000px) {
    #provalues.consumer__provalues {
        padding: 0 30px;
    }

    #provalues.consumer__provalues .values__content {
        width: calc(50% - 10px);
        padding: 0;
    }

    #provalues.consumer__provalues .values__img {
        width: calc(50% - 10px);
    }
}

@media (max-device-width: 834px) {
    #provalues.consumer__provalues {
        padding: 0px 15px 0;
        margin: 50px 0 0;
    }

    #provalues.consumer__provalues .values__content {
        padding: 0 15px;
    }

    #provalues.consumer__provalues .values__img {
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    body.page-template-consumer .recognition__inner .recognition__content {
        margin-bottom: 0;
        top: 0;
        position: relative;
        left: 0;
        -webkit-transform: none;
        transform: none;
    }

    body.page-template-consumer .recognition__search {
        position: relative;
        margin-top: 15px;
    }

    body.page-template-consumer .recognition__inner {
        padding: 15px 30px;
    }

    body.page-template-consumer .recognition__tagss {
        top: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: 70%;
        font-size: 14px;
    }

    body.page-template-consumer .recognition__tagg {
        font-size: 14px;
    }

    body.page-template-consumer .recognition__img {
        -webkit-transform: none;
        transform: none;
        margin: -70px 0 0 0;
        position: relative;
    }

    body.page-template-consumer .recognition__img img {
        width: 140vw;
    }

    body.page-template-consumer #product__recognition {
        margin-bottom: 50px;
    }

    body.page-template-consumer .recognition__container {
        height: auto;
    }
}

@media (min-width: 1500px) {
    body.page-template-consumer .recognition__search {
        left: 20vw;
    }
}

@media (min-width: 1500px) {
    body.page-template-consumer .recognition__tagss {
        left: 12vw;
    }
}

/* ===================
	 Solutions PAGE
=================== */
#solutions__hero {
    padding: 50px 0 0;
    overflow: hidden;
    /* min-height: 94vh; */
}

@media (max-width: 1000px) {
    #solutions__hero {
        min-height: initial;
    }
}

@media (max-device-width: 834px) {
    #solutions__hero > div {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-device-width: 834px) {
    #solutions__hero {
        padding: 20px 0 0;
        min-height: initial;
    }
}

#solutions__hero .hero__title {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    line-height: 1;
}

#solutions__hero .hero__content {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
}

@media (max-width: 1024px) {
    #solutions__hero .hero__content {
        padding: 0 30px;
    }

    #solutions__hero .hero__content br {
        display: none;
    }
}

#solutions__hero .hero__text {
    text-align: center;
    margin: 20px auto 0;
    max-width: 520px;
}

@media (max-device-width: 834px) {
    #solutions__hero .hero__text {
        margin: 12px auto 0;
        max-width: initial;
    }
}

#solutions__hero .solutions__picture {
    width: var(--c5);
}

@media (max-width: 1024px) {
    #solutions__hero .solutions__picture {
        width: 55vw;
    }
}

@media (max-width: 1000px) and (orientation: portrait) {
    #solutions__hero .solutions__picture {
        width: 65vw;
    }
}

@media (max-device-width: 834px) {
    #solutions__hero .solutions__picture {
        width: 80vw;
    }
}

#solutions__hero .solutions__picture.circle {
    height: var(--c5);
}

@media (max-width: 1024px) {
    #solutions__hero .solutions__picture.circle {
        height: 55vw;
    }
}

@media (max-width: 1000px) and (orientation: portrait) {
    #solutions__hero .solutions__picture.circle {
        height: 65vw;
    }
}

@media (max-device-width: 834px) {
    #solutions__hero .solutions__picture.circle {
        height: 80vw;
    }
}

#solutions__hero .solutions__picture.circle .picture__mask {
    border-radius: 100%;
}

#solutions__hero .solutions__picture.oval {
    width: var(--cg4);
    height: auto;
}

@media (max-width: 1024px) {
    #solutions__hero .solutions__picture.oval {
        width: 55vw;
    }
}

@media (max-width: 1000px) and (orientation: portrait) {
    #solutions__hero .solutions__picture.oval {
        width: 65vw;
    }
}

@media (max-device-width: 834px) {
    #solutions__hero .solutions__picture.oval {
        width: 70vw;
    }
}

#solutions__hero .solutions__picture.oval .picture__mask {
    border-radius: 500px;
}

#solutions__hero .picture__mask {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    overflow: hidden;
    height: 100%;
}

#solutions__hero .picture__mask img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

#solutions__hero .hero__inner {
    margin: 75px 0 0;
}

@media (max-device-width: 834px) {
    #solutions__hero .hero__inner {
        margin: 30px 0 60px;
    }
}

#solutions__hero .hero__inner.visualSearch {
    margin: 165px 0 0;
}

#solutions__hero .solutions__slideshow {
    padding: 0 0 20px;
    max-height: 308px;
    width: calc(var(--c5) + 40px);
    margin: 110px 0 0;
    overflow: visible;
    position: absolute;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: calc(-1 * var(--cg1) - 40px);
}

@media (max-width: 1024px) {
    #solutions__hero .solutions__slideshow {
        max-width: 40vw;
    }
}

@media (max-width: 1000px) {
    #solutions__hero .solutions__slideshow {
        max-width: 60%;
    }
}

@media (max-device-width: 834px) {
    #solutions__hero .solutions__slideshow {
        margin: 0 0 0 15px;
        max-height: initial;
        padding: 0;
        top: 50%;
        -webkit-transform: translateY(-70%);
        transform: translateY(-70%);
        width: 80vw;
        max-width: 100%;
    }
}

#solutions__hero .solutions__slideshow .product__popup + .product__popup {
    margin: 0 0 0 40px;
}

@media (max-width: 1024px) {
    #solutions__hero .solutions__slideshow .product__popup {
        padding: 20px 15px;
    }

    #solutions__hero .solutions__slideshow .product__popup .title--h5 {
        z-index: 2;
    }

    #solutions__hero .solutions__slideshow .product__popup .product__image {
        height: 70px;
    }

    #solutions__hero .solutions__slideshow .product__popup:before {
        content: "";
        padding-top: 50%;
        width: 0;
        float: left;
    }
}

@media (max-device-width: 834px) {
    #solutions__hero .solutions__slideshow .product__popup {
        max-height: 100%;
        padding: 13px 8px 16px;
        border-radius: 10px;
        min-height: 122px;
    }

    #solutions__hero .solutions__slideshow .product__popup .title--h5 {
        font-size: 9px;
    }

    #solutions__hero .solutions__slideshow .product__popup .product__image {
        height: 45px;
        margin: 8px 0;
    }

    #solutions__hero .solutions__slideshow .product__popup .product__image img {
        max-width: 80px;
    }

    #solutions__hero .solutions__slideshow .product__popup .product__txt div:first-of-type {
        height: 2px;
        width: 32px;
    }

    #solutions__hero .solutions__slideshow .product__popup .product__txt div:last-of-type {
        height: 2px;
        width: 26px;
    }
}

#solutions__hero .hero__searchbar {
    position: absolute;
    top: 44%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #EBECEC;
    border-radius: 80px;
    z-index: 3;
    width: var(--c8);
    padding: 30px 40px 25px;
    color: #3C4043;
    font-weight: 700;
}

@media (max-device-width: 834px) {
    #solutions__hero .hero__searchbar {
        padding: 12px 20px 8px;
        width: calc(100% - 30px);
    }
}

#solutions__hero .hero__searchbar .searchbar__text span.blue {
    color: #EBF6F9;
}

#solutions__hero .hero__searchbar .searchbar__text span.green {
    color: #F1F9F3;
}

#solutions__hero .hero__searchbar .searchbar__text span.pink {
    color: #FFF5F8;
}

#solutions__hero .hero__searchbar .searchbar__text span.orange {
    color: #FFF5F2;
}

#solutions__hero .hero__searchbar .searchbar__icon {
    position: absolute;
    top: 12px;
    right: 15px;
    width: 57px;
    height: 57px;
    background: #BFE6F0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
}

#solutions__hero .hero__searchbar .searchbar__icon svg {
    display: block;
    width: 15px;
    height: auto;
}

@media (max-device-width: 834px) {
    #solutions__hero .hero__searchbar .searchbar__icon {
        width: 30px;
        height: 30px;
        top: 5px;
        right: 5px;
    }

    #solutions__hero .hero__searchbar .searchbar__icon svg {
        width: 10px;
    }
}

#solutions__hero .visual__tags {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 943px;
    z-index: 2;
}

#solutions__hero .visual__tags--mobile {
    display: none;
}

@media (max-device-width: 834px) {
    #solutions__hero .visual__tags {
        display: none;
    }

    #solutions__hero .visual__tags--mobile {
        display: block;
    }
}

#solutions__hero + .bloc__colText {
    margin: 140px auto;
}

.bloc__colText {
    display: grid;
    grid-template-columns: var(--c3) var(--c5);
    gap: var(--gutter);
    margin: 140px auto;
}

.bloc__colText .colText__content {
    font-size: 26px;
    line-height: 1.1;
    font-weight: 400;
}

@media (max-width: 1024px) {
    .bloc__colText {
        grid-template-columns: auto 1fr;
        margin: 70px auto;
        width: calc(100% - 60px);
    }

    .bloc__colText .colText--right {
        width: var(--c4);
    }

    .bloc__colText .colText__content {
        font-size: 20px;
        line-height: 1.25;
    }
}

@media (max-device-width: 834px) {
    .bloc__colText {
        margin: 30px auto;
        padding: 0 15px;
        width: 100%;
        grid-template-columns: 1fr;
    }

    .bloc__colText .colText--right {
        width: 100%;
    }
}

.bloc__colImage {
    display: grid;
    grid-template-columns: var(--c6) var(--c4);
    gap: var(--gutter);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 200px auto;
}

@media (max-width: 1024px) {
    .bloc__colImage {
        margin: 75px auto 40px;
        width: calc(100% - 60px);
    }
}

@media (max-width: 1000px) {
    .bloc__colImage {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-device-width: 834px) {
    .bloc__colImage {
        grid-template-columns: 1fr;
        padding: 0;
        width: calc(100% - 30px);
    }
}

.bloc__colImage .colImage__content {
    padding: 0 0 0 60px;
}

@media (max-width: 1100px) {
    .bloc__colImage .colImage__content {
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .bloc__colImage .colImage__content {
        padding: 0;
        margin: 30px 0 0;
    }
}

@media (max-device-width: 834px) {
    .bloc__colImage .colImage__content {
        padding: 0 15px;
    }

    .bloc__colImage .colImage__content .title--h3 {
        font-size: 20px;
    }
}

.bloc__colImage .content__text {
    padding: 0 var(--cg1) 0 0;
    margin: 40px 0 0;
}

@media (max-width: 1100px) {
    .bloc__colImage .content__text {
        padding: 0;
    }
}

@media (max-width: 1024px) {
    .bloc__colImage .content__text {
        margin: 15px 0 0;
    }
}

.bloc__colImage .content__text p + p {
    margin: 20px 0 0;
}

.bloc__colImage .content__text .cta--primary {
    margin: 40px 0 0;
}

@media (max-width: 600px) {
    .bloc__colImage .content__text .cta--primary {
        margin: 20px 0 0;
    }
}

.bloc__colImage .colImage__image {
    padding: 0 60px 0 0;
}

@media (max-width: 1024px) {
    .bloc__colImage .colImage__image {
        padding: 0;
        width: 85%;
    }
}

@media (max-device-width: 834px) {
    .bloc__colImage .colImage__image {
        width: 100%;
    }
}

.bloc__colImage .colImage__image img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.bloc__colImage .image__container {
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 55px;
}

@media (max-width: 1024px) {
    .bloc__colImage .image__container {
        padding: 40px 30px;
    }
}

.bloc__colImage .image__container.blue {
    background: #EBF6F9;
}

.bloc__colImage .image__container.green {
    background: #F1F9F3;
}

.bloc__colImage .image__container.pink {
    background: #FFF5F8;
}

.bloc__colImage .image__container.orange {
    background: #FFF5F2;
}

.bloc__colImage .image__mask {
    width: 100%;
    overflow: hidden;
    border-radius: 500px;
}

#resources {
    margin: 140px auto;
}

@media (max-width: 1024px) {
    #resources {
        margin: 75px auto 40px;
        padding: 0 30px;
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #resources {
        padding: 0 15px;
    }
}

.colorPush {
    margin: 140px auto 200px;
    background: #EBF6F9;
    padding: 120px 60px 100px;
    border-radius: 24px;
}

@media (max-width: 1024px) {
    .colorPush {
        padding: 50px 20px 40px;
        width: calc(100% - 60px);
        margin: 40px auto 52px;
    }
}

@media (max-device-width: 834px) {
    .colorPush {
        width: calc(100% - 30px);
    }
}

.colorPush .newsletter__title {
    text-align: center;
    margin: 0 auto 50px;
}

@media (max-device-width: 834px) {
    .colorPush .newsletter__title {
        margin: 0 auto 30px;
    }
}

.colorPush.green {
    background: #F1F9F3;
}

.colorPush.pink {
    background: #FFF5F8;
}

.colorPush.blue {
    background: #EBF6F9;
}

.colorPush.orange {
    background: #FFF5F2;
}

/* ===================
	 PRESS PAGE
=================== */
#press__hero {
    padding: 110px 0 30px;
    overflow: hidden;
    /*
  .testimonies__buttons {
  	z-index: 88; position: absolute; top: 20px; right: 11.5vw; display: flex;
  	@media (max-width: $mobile) { bottom: 0; top: auto; right: 50%; transform: translate(50%, 0); width: 140px; justify-content: space-around; }
  }


  .testimonies__buttons::before {
  	transform-origin: 50% 50%; content: ''; border: 2px solid rgba(204, 215, 221, 40%); border-radius: 500px; position: absolute; top: 50%; left: 50%; width: 19vw; height: 19vw; transform: translate(-50%,-50%); transition: 0.5s transform cubic-bezier(0.25, 0, 0, 1);
  	@media (max-width: $mobile) { width: 140px; height: 70px; }

  }
  .testimonies__buttons.left::before {
  	transform: scale(0.5) translate(-150%,-100%);
  	@media (max-width: $mobile) { height: 140px; }
  }
  .testimonies__buttons.right::before {
  	transform: scale(0.5) translate(-50%,-100%);
  	@media (max-width: $mobile) { height: 140px; }
  }
  */
}

@media (max-width: 1024px) {
    #press__hero .press__head {
        width: calc(100% - 60px);
    }
}

@media (max-width: 1000px) {
    #press__hero {
        padding: 60px 0 0;
    }
}

@media (max-device-width: 834px) {
    #press__hero {
        padding: 30px 0 0;
    }

    #press__hero .press__head {
        width: 100%;
    }

    #press__hero .hero__title {
        font-size: 45px;
        padding: 0 15px;
        width: 80%;
    }
}

#press__hero .hero__logos {
    overflow: visible;
    margin: 90px 0 0;
}

@media (max-width: 1024px) {
    #press__hero .hero__logos {
        margin: 60px 0 0;
    }
}

@media (max-device-width: 834px) {
    #press__hero .hero__logos {
        margin: 30px 0 0;
        padding: 0 15px;
    }
}

#press__hero .hero__logos .logos__item {
    -webkit-transition: 0s ease-out;
    transition: 0s ease-out;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    width: 26.66vw;
    border-radius: 100%;
    background: #EBF6F9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: inherit;
}

#press__hero .hero__logos .logos__item:before {
    content: "";
    padding: 100% 0 0;
    width: 0;
    float: left;
}

#press__hero .hero__logos .logos__item img {
    max-width:200px;
    mix-blend-mode: multiply;
}

#press__hero .hero__logos .logos__item.lightblue {
    background: #EBF6F9;
}

#press__hero .hero__logos .logos__item.lightgreen {
    background: #F1F9F3;
}

#press__hero .hero__logos .logos__item.lightpink {
    background: #FFF5F8;
}

#press__hero .hero__logos .logos__item.lightorange {
    background: #FFF5F2;
}

@media (max-width: 1000px) {
    #press__hero .hero__logos .logos__item {
        width: 38vw;
    }
}

@media (max-device-width: 834px) {
    #press__hero .hero__logos .logos__item {
        width: 70.66vw;
    }
}

#press__hero .hero__logos .post_object__details {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #333;
    border-radius: 500px;
}

#press__hero .hero__logos .post_object__details.lightblue {
    background: #EBF6F9;
}

#press__hero .hero__logos .post_object__details.lightgreen {
    background: #F1F9F3;
}

#press__hero .hero__logos .post_object__details.lightpink {
    background: #FFF5F8;
}

#press__hero .hero__logos .post_object__details.lightorange {
    background: #FFF5F2;
}

#press__hero .hero__logos .post_object__details.lightblue [fill] {
    fill: #BFE6F0;
}

#press__hero .hero__logos .post_object__details.lightgreen [fill] {
    fill: #CEECD8;
}

#press__hero .hero__logos .post_object__details.lightpink [fill] {
    fill: #FFC7D3;
}

#press__hero .hero__logos .post_object__details.lightorange [fill] {
    fill: #FEB7A5;
}

#press__hero .hero__logos .post_object__details a {
    text-decoration: none;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: grid;
    place-items: center;
}

#press__hero .hero__logos .post_object__details div {
    padding: 0 20%;
}

#press__hero .hero__logos .post_object__details em {
    font-family: "GT Pressura";
    letter-spacing: 0.1em;
    font-style: normal;
    text-transform: uppercase;
    font-size: 15px;
    display: block;
    margin: 0 0 30px;
    font-weight: bold;
}

#press__hero .hero__logos .post_object__details span {
    display: block;
    margin: 0 0 20px;
    font-weight: bold;
    line-height: 1.1;
    font-size: 20px;
}

#press__hero .hero__logos .logos__item:hover {
    -webkit-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    -webkit-transform: scale(0.85);
    transform: scale(0.85);
}

#press__hero .hero__logos .logos__item:hover .post_object__details {
    -webkit-animation: bounnnnce 0.8s ease-out forwards;
    animation: bounnnnce 0.8s ease-out forwards;
}

@-webkit-keyframes bounnnnce {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0;
    }

    20% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 1;
    }

    40% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(1.18);
        transform: scale(1.18);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.18);
        transform: scale(1.18);
        opacity: 1;
    }
}

@keyframes bounnnnce {
    0% {
        -webkit-transform: scale(0.4);
        transform: scale(0.4);
        opacity: 0;
    }

    20% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        opacity: 1;
    }

    40% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        opacity: 1;
    }

    60% {
        -webkit-transform: scale(1.18);
        transform: scale(1.18);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.18);
        transform: scale(1.18);
        opacity: 1;
    }
}

#press__hero .hero__logos .logos__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
}

#press__hero .logos__nav {
    width: var(--c3);
    height: var(--c3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    right: var(--c1);
    top: 0;
    gap: 70px;
}

#press__hero .logos__nav .slider__arrow {
    padding: 10px;
    cursor: pointer;
}

#press__hero .logos__nav svg {
    display: block;
}

@media (max-device-width: 834px) {
    #press__hero .logos__nav {
        display: none;
    }
}

#press__hero .logos__nav:before {
    content: "";
    border: 2px solid #F6F0F2;
    border-radius: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 24vw;
    height: 24vw;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: 0.5s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
    transition: 0.5s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
    transition: 0.5s transform cubic-bezier(0.25, 0, 0, 1);
    transition: 0.5s transform cubic-bezier(0.25, 0, 0, 1), 0.5s -webkit-transform cubic-bezier(0.25, 0, 0, 1);
}

#press__hero .logos__nav.left:before {
    -webkit-transform: scale(0.5) translate(-133%, -100%);
    transform: scale(0.5) translate(-133%, -100%);
}

#press__hero .logos__nav.right:before {
    -webkit-transform: scale(0.5) translate(-67%, -100%);
    transform: scale(0.5) translate(-67%, -100%);
}

#press__hero .slider__prev::before {
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 0;
    width: 12vw;
    height: 12vw;
}

#press__hero .slider__next::after {
    content: "";
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 110%;
    width: 12vw;
    height: 12vw;
}

#press {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gutter);
    margin: 100px auto 0;
}

@media (max-width: 1024px) {
    #press {
        width: calc(100% - 60px);
        margin: 75px auto 0;
    }
}

@media (max-device-width: 834px) {
    #press {
        grid-template-columns: 1fr;
        width: calc(100% - 30px);
        margin: 30px auto 0;
    }
}

#press .press__title {
    margin: 0 0 60px;
}

@media (max-width: 1024px) {
    #press .press__title {
        margin: 0 0 30px;
    }
}

@media (max-device-width: 834px) {
    #press .press__title {
        font-size: 28px;
    }
}

#press .main__picture {
    overflow: hidden;
    margin: 0 -10px 40px;
    border-radius: 600px;
}

@media (max-device-width: 834px) {
    #press .main__picture {
        margin: 0 0 30px;
    }
}

#press .post__date,
#press .post__details {
    color: #E03568;
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.25;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.main__posts .post__date {
    color: #E03568;
    margin: 0 0 15px;
}

.main__posts .main__post {
    border-bottom: 1px solid #F6F0F2;
    padding: 0 0 40px;
}

@media (max-device-width: 834px) {
    .main__posts .main__post {
        padding: 0 0 20px;
    }
}

.main__posts .main__post + .main__post {
    margin: 40px 0 0;
}

@media (max-device-width: 834px) {
    .main__posts .main__post + .main__post {
        margin: 20px 0 0;
    }
}

.press__sidebar {
    padding: 0 0 0 var(--cg1);
}

@media (max-width: 1000px) {
    .press__sidebar {
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    .press__sidebar {
        padding: 0;
        margin: 75px auto;
    }
}

.sidebar__posts .sidebar__post {
    border-bottom: 1px solid #F6F0F2;
    padding: 0 0 20px;
}

@media (max-device-width: 834px) {
    .sidebar__posts .sidebar__post {
        display: none;
    }
}

.sidebar__posts .sidebar__post + .sidebar__post {
    margin: 30px 0 0;
}

.sidebar__posts .post__details {
    color: #E03568;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 17px;
}

.sidebar__posts .post__details a {
    text-decoration: none;
}

.sidebar__posts .post__link {
    display: block;
    background: #BFE6F0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: -11px 0 0 auto;
}

.sidebar__posts .post__link svg {
    display: block;
    position: relative;
    left: 1px;
}

.sidebar__posts .post__link svg path {
    fill: #3C4043;
}

@media (max-device-width: 834px) {
    .sidebar__posts {
        white-space: nowrap;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }
}

#press__footer {
    margin: 190px auto 190px;
    font-size: 23px;
}

@media (max-width: 1024px) {
    #press__footer {
        width: calc(100% - 60px);
        margin: 75px auto 0;
    }
}

@media (max-device-width: 834px) {
    #press__footer {
        margin: 30px auto 40px;
        width: calc(100% - 30px);
    }

    #press__footer .cta--primary {
        width: 100%;
    }
}

#press__footer .footer__title {
    margin: 0 0 20px;
}

@media (max-device-width: 834px) {
    #press__footer .footer__title {
        font-size: 28px;
        margin: 0 0 15px;
    }
}

#press__footer .footer__content {
    margin: 0 0 40px;
}

@media (max-device-width: 834px) {
    #press__footer .footer__content {
        font-size: 17px;
        margin: 0 0 20px;
    }
}

#press__footer a {
    text-decoration: none;
    color: #3C4043;
}

/* ===================
	 CAREER PAGE
=================== */
#career__hero {
    padding: 110px 0 0;
}

@media (max-width: 1024px) {
    #career__hero {
        width: calc(100% - 60px);
    }
}

@media (max-width: 800px) {
    #career__hero {
        padding: 60px 0 0;
    }
}

@media (max-device-width: 834px) {
    #career__hero {
        padding: 20px 0;
    }

    #career__hero .title--h2 {
        font-size: 30px;
        line-height: 1.1;
    }
}

#career__hero .hero__picture {
    margin: 140px auto 95px;
}

@media (max-width: 800px) {
    #career__hero .hero__picture {
        margin: 60px auto;
    }
}

@media (max-device-width: 834px) {
    #career__hero .hero__picture {
        margin: 40px auto 180px;
    }
}

#career__hero .hero__picture .picture__mask {
    opacity: 0;
    overflow: hidden;
    border-radius: 500px;
    width: 37.98vw;
    margin: 0 auto;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

#career__hero .hero__picture .picture__mask--horz {
    width: 100%;
    height: 35vw;
}

#career__hero .hero__picture .picture__mask--horz img {
    width: 100%;
}

@media (max-width: 800px) {
    #career__hero .hero__picture .picture__mask {
        width: 100%;
    }
}

#career__hero .hero__picture .picture__link {
    opacity: 0;
    cursor: pointer;
    position: absolute;
    top: -12%;
    right: 6vw;
    text-align: center;
    background: #FFF5F8;
    border-radius: 100%;
    width: var(--c2);
    height: var(--c2);
    color: #3C4043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.25;
    letter-spacing: 1px;
    text-transform: uppercase;
}

#career__hero .hero__picture .picture__link .link__arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    margin-top: 20px;
}

@media (max-width: 834px) {
    #career__hero .hero__picture .picture__link .link__arrow {
        margin-top: 10px;
    }

    #career__hero .hero__picture .picture__link .link__arrow svg {
        width: 5px;
        height: auto;
    }
}

@media (max-width: 834px) {
    #career__hero .hero__picture .picture__link {
        width: 250px;
        height: 250px;
        text-align: center;
        font-size: 14px;
        bottom: -230px;
        top: auto;
    }
}

#career__hero .hero__picture .picture__circles {
    background: #EBF6F9;
    width: 13.4vw;
    height: 13.4vw;
    border-radius: 100%;
    position: absolute;
    bottom: 100px;
    left: 0;
}

#career__hero .career__title {
    /* font-size: 50px; font-family: 'Biotif Extra', sans-serif; font-weight: 400; */
    color: #3C4043;
    line-height: 1;
}

@media (max-width: 1024px) {
    #career__hero .career__title {
        width: 75%;
        z-index: 2;
    }

    #career__hero .career__title br {
        display: none;
    }
}

@media (max-width: 800px) {
    #career__hero .career__title {
        width: calc(100% - 60px);
    }
}

@media (max-device-width: 834px) {
    #career__hero .career__title {
        font-size: 30px;
    }
}

#career__hero .hero__floating {
    position: absolute;
    overflow: hidden;
    border-radius: 14px;
}

@media (max-device-width: 834px) {
    #career__hero .hero__floating {
        border-radius: 7px;
    }
}

#career__hero .floating--small {
    left: 0;
    top: 400px;
    opacity: 0;
}

@media (max-width: 800px) {
    #career__hero .floating--small {
        width: 12%;
        top: 75vw;
        left: 15px;
    }
}

#career__hero .floating--medium {
    right: 0;
    top: 200px;
    opacity: 0;
}

@media (max-width: 800px) {
    #career__hero .floating--medium {
        width: 18.66%;
        top: 55vw;
        right: 15px;
    }
}

#career__hero .hero__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media (max-width: 1024px) {
    #career__hero .hero__content {
        grid-template-columns: auto 1fr;
        gap: 20px;
    }
}

@media (max-device-width: 834px) {
    #career__hero .hero__content {
        grid-template-columns: 1fr;
        padding: 0 15px;
        gap: 20px;
    }
}

#career__hero .hero__title {
    padding: 0 0 0 var(--cg1);
}

@media (max-width: 1024px) {
    #career__hero .hero__title {
        width: var(--c4);
        padding: 0;
    }
}

@media (max-device-width: 834px) {
    #career__hero .hero__title {
        padding: 0;
    }
}

#career__hero .hero__text {
    text-indent: var(--c1);
    font-size: 26px;
    line-height: 1.1;
    font-weight: 500;
}

@media (max-width: 1024px) {
    #career__hero .hero__text {
        font-size: 20px;
        line-height: 1.25;
        width: auto;
    }
}

@media (max-device-width: 834px) {
    #career__hero .hero__text {
        text-indent: 0px;
        font-size: 20px;
    }
}

#company {
    margin: 140px auto;
    border-radius: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--gutter);
}

#company.green {
    background: #F1F9F3;
}

#company.blue {
    background: #EBF6F9;
}

#company.pink {
    background: #FFF5F8;
}

#company.orange {
    background: #FFF5F2;
}

@media (max-width: 1024px) {
    #company {
        width: calc(100% - 60px);
        margin: 75px auto;
    }
}

@media (max-device-width: 834px) {
    #company {
        grid-template-columns: 1fr;
        width: calc(100% - 30px);
        margin: 70px auto 80px;
    }
}

#company .company__picture {
    padding: 70px;
}

@media (max-width: 1024px) {
    #company .company__picture {
        padding: 40px 0 40px 60px;
    }
}

@media (max-device-width: 834px) {
    #company .company__picture {
        padding: 30px;
    }
}

#company .picture__mask {
    border-radius: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#company .picture__mask:before {
    content: "";
    padding: 100% 0 0;
    width: 0;
    float: left;
}

#company .picture__mask img {
    position: absolute;
}

#company .company__content {
    padding: 70px 70px 70px var(--cg1);
}

@media (max-width: 1024px) {
    #company .company__content {
        padding: 60px 0;
    }
}

@media (max-device-width: 834px) {
    #company .company__content {
        padding: 0 15px 20px;
        width: var(--wrapper);
    }
}

#company .company__content .company__title {
    width: var(--c3);
    margin: 0 0 40px;
}

@media (max-width: 1024px) {
    #company .company__content .company__title {
        margin: 0 0 20px;
    }
}

@media (max-device-width: 834px) {
    #company .company__content .company__title {
        width: 100%;
        margin: 0 0 14px;
        font-size: 28px;
    }
}

#company .company__content p + p {
    margin: 40px 0 0;
}

@media (max-width: 1024px) {
    #company .company__content p + p {
        margin: 20px 0 0;
    }
}

#company .company__content .company__link {
    margin: 70px 0 0;
}

@media (max-width: 1024px) {
    #company .company__content .company__link {
        margin: 30px 0 0;
    }
}

@media (max-device-width: 834px) {
    #company .company__content .company__link {
        margin: 14px 0 0;
        width: 100%;
    }
}

#benefits {
    padding: 0 0 0 var(--cg1);
    margin: 100px auto;
}

@media (max-width: 1024px) {
    #benefits {
        padding: 0;
        width: calc(100% - 120px);
    }
}

@media (max-device-width: 834px) {
    #benefits {
        width: 100%;
        padding: 0;
        margin: 70px auto;
    }
}

@media (max-device-width: 834px) {
    #benefits .benefits__title {
        font-size: 28px;
        padding: 0 15px;
    }
}

@media (max-device-width: 834px) {
    #benefits .benefits__wrapper {
        overflow: scroll;
        display: block;
        padding: 0 15px;
    }

    #benefits .benefits__wrapper::-webkit-scrollbar {
        display: none;
    }
}

#benefits .benefits__container {
    margin: 60px 0 0;
}

@media (max-device-width: 834px) {
    #benefits .benefits__container {
        margin: 30px 0 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        white-space: nowrap;
    }
}

#benefits .benefits__item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 var(--gutter);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 40px 0;
    border-bottom: 1px solid #F6F0F2;
    white-space: initial;
}

@media (max-width: 1024px) {
    #benefits .benefits__item {
        grid-template-columns: auto 1fr;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (max-device-width: 834px) {
    #benefits .benefits__item {
        grid-template-columns: 1fr;
        width: 80vw;
        margin: 0 15px 0 0;
        padding: 0 0 20px;
    }

    #benefits .benefits__item:last-of-type {
        margin: 0;
    }
}

#benefits .item__icon div {
    background: #F1F9F3;
    border-radius: 100%;
    width: 77%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#benefits .item__icon div:before {
    content: "";
    padding: 100% 0 0;
    width: 0;
    float: left;
}

#benefits .item__icon.green div {
    background: #F1F9F3;
}

#benefits .item__icon.blue div {
    background: #EBF6F9;
}

#benefits .item__icon.pink div {
    background: #FFF5F8;
}

#benefits .item__icon.orange div {
    background: #FFF5F2;
}

@media (max-width: 1024px) {
    #benefits .item__icon img {
        width: 50%;
    }
}

#benefits .item__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    padding: 4.44vw 0 0;
}

@media (max-width: 1024px) {
    #benefits .item__content {
        padding: 0;
        width: 100%;
        grid-template-columns: 40% 60%;
    }
}

@media (max-width: 1000px) {
    #benefits .item__content {
        grid-template-columns: 50% 50%;
    }
}

@media (max-device-width: 834px) {
    #benefits .item__content {
        grid-template-columns: 1fr;
        padding: 0;
        margin: 20px 0 0;
    }
}

@media (max-width: 1024px) {
    #benefits .item__title {
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #benefits .item__title {
        width: 100%;
    }
}

#benefits .item__title h3 {
    max-width: 80%;
}

@media (max-device-width: 834px) {
    #benefits .item__title h3 {
        max-width: 100%;
        width: 100%;
    }
}

#benefits .item__text {
    font-size: 23px;
    line-height: 1.3;
    padding: 0 var(--cg1) 0 0;
    -ms-flex-item-align: start;
    align-self: start;
}

@media (max-width: 1024px) {
    #benefits .item__text {
        padding: 0;
        width: 100%;
        font-size: 18px;
    }
}

@media (max-device-width: 834px) {
    #benefits .item__text {
        font-size: 17px;
        margin: 15px 0 0;
    }
}

.patchwork__item img {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

@media (max-device-width: 834px) {
    #jobs {
        display: block;
    }
}

@media (max-width: 1000px) {
    #jobs .patchwork__text {
        overflow: scroll;
    }

    #jobs .patchwork__text::-webkit-scrollbar {
        display: none;
    }
}

#jobs .jobs__list {
    list-style: none;
}

@media (max-width: 1000px) {
    #jobs .jobs__list {
        white-space: nowrap;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 25px 0 30px;
    }
}

#jobs .jobs__cat {
    margin: 10px 0;
    color: #81868A;
    cursor: pointer;
}

@media (max-width: 1000px) {
    #jobs .jobs__cat {
        margin: 0;
        padding: 12px 13px;
        font-family: "GT Pressura", sans-serif;
        color: #3C4043;
        text-transform: uppercase;
        font-size: 16px;
        border-radius: 100px;
    }
}

@media (max-width: 1000px) {

    #jobs .jobs__cat:hover:nth-of-type(0n+1),
    #jobs .jobs__cat.active:nth-of-type(0n+1) {
        background: #EBF6F9;
    }

    #jobs .jobs__cat:hover:nth-of-type(0n+2),
    #jobs .jobs__cat.active:nth-of-type(0n+2) {
        background: #F1F9F3;
    }

    #jobs .jobs__cat:hover:nth-of-type(0n+3),
    #jobs .jobs__cat.active:nth-of-type(0n+3) {
        background: #FFF5F8;
    }

    #jobs .jobs__cat:hover:nth-of-type(0n+4),
    #jobs .jobs__cat.active:nth-of-type(0n+4) {
        background: #FFF5F2;
    }
}

#jobs a {
    color: #81868A;
    text-decoration: none;
}

#jobs .jobs__item {
    background: #FFF5F8;
    text-align: center;
}

#jobs .jobs__item:nth-of-type(1) {
    grid-column-start: 2;
}

#jobs .jobs__item.green {
    background: #F1F9F3;
}

#jobs .jobs__item.blue {
    background: #EBF6F9;
}

#jobs .jobs__item.pink {
    background: #FFF5F8;
}

#jobs .jobs__item.orange {
    background: #FFF5F2;
}

#jobs .jobs__item .jobs__category {
    position: absolute;
    top: 65px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 7px 7px 5px;
    border-radius: 6px;
    color: #3C4043;
    text-transform: uppercase;
    background: #FFC7D3;
}

#jobs .jobs__item .jobs__category.green {
    background: #CEECD8;
}

#jobs .jobs__item .jobs__category.blue {
    background: #BFE6F0;
}

#jobs .jobs__item .jobs__category.pink {
    background: #FFC7D3;
}

#jobs .jobs__item .jobs__category.orange {
    background: #FEB7A5;
}

@media (max-width: 1150px) {
    #jobs .jobs__item .jobs__category {
        top: 45px;
        margin: 0 0 10px;
    }
}

@media (max-width: 1024px) {
    #jobs .jobs__item .jobs__category {
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        transform: none;
    }
}

#jobs .jobs__item .item__inner {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 50px;
}

@media (max-device-width: 834px) {
    #jobs .jobs__item .item__inner {
        padding: 0 20px;
    }
}

@media (max-width: 1260px) {
    #jobs .jobs__item .jobs__name {
        font-size: 20px;
    }
}

@media (max-width: 1024px) {
    #jobs .jobs__item .jobs__name {
        font-size: 16px;
    }
}

@media (max-device-width: 834px) {
    #jobs .jobs__item .jobs__name {
        margin: 20px 0 3px;
        font-size: 20px;
        line-height: 1.25;
    }
}

/* ===================
	 Get started PAGE
=================== */
#getstarted {
    margin: 0 0 70px;
}

#getstarted .hero__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner {
        grid-template-columns: 1fr;
    }
}

#getstarted .hero__inner .hero--circles {
    border-radius: 100%;
}

#getstarted .hero__inner .hero--circles:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 100%;
    height: auto;
    border-radius: 100%;
    z-index: -2;
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero--circles {
        overflow: visible;
    }
}

#getstarted .hero__inner .hero__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

#getstarted .hero__inner .hero__left:before {
    background: #FFF5F8;
}

#getstarted .hero__inner .hero__left:after {
    content: "";
    padding-top: 100%;
    float: left;
    width: 0;
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__left {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #getstarted .hero__inner .hero__left:before {
        display: none;
    }

    #getstarted .hero__inner .hero__left:after {
        display: none;
    }
}

#getstarted .hero__inner .hero__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0 0;
}

#getstarted .hero__inner .hero__right:before {
    background: #EBF6F9;
}

#getstarted .hero__inner .hero__right:after {
    content: "";
    padding-top: 100%;
    float: left;
    width: 0;
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__right {
        padding: 20px 15px;
        width: calc(100% - 30px);
        margin: -20px auto 0;
    }

    #getstarted .hero__inner .hero__right:before {
        width: 100%;
        padding: 0;
        height: 100%;
        border-radius: 10px;
        top: 0;
        -webkit-transform: none;
        transform: none;
    }
}

#getstarted .hero__inner .hero__content {
    text-align: left;
    padding: 10.4vw 0vw;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

@media (max-width: 1350px) {
    #getstarted .hero__inner .hero__content {
        padding: 11.4vw 7vw;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        width: 100%;
    }
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__content {
        padding: 20px 30px;
    }
}

#getstarted .hero__inner .hero__title {
    font-size: 55px;
    font-family: "Biotif Extra", sans-serif;
    font-weight: 700;
    color: #3C4043;
    line-height: 1.1;
}

@media (max-width: 1350px) {
    #getstarted .hero__inner .hero__title {
        font-size: 50px;
    }
}

#getstarted .hero__inner .hero__text {
    margin: 25px 0 0;
    max-width: 13.95vw;
}

@media (max-width: 1350px) {
    #getstarted .hero__inner .hero__text {
        font-size: 16px;
    }
}

@media (max-width: 1180px) {
    #getstarted .hero__inner .hero__text {
        font-size: 14px;
    }
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__text {
        max-width: 100%;
    }
}

#getstarted .hero__inner .hero__img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 28.75vw;
    z-index: -1;
    max-width: 465px;
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__img {
        position: relative;
        max-width: 70%;
        margin: -30px 0 0 auto;
    }
}

#getstarted .hero__inner .form__container {
    width: 100%;
    max-width: 355px;
}

@media (max-width: 1290px) {
    #getstarted .hero__inner .form__container {
        font-size: 16px;
    }
}

#getstarted .hero__inner .hs-fieldtype-text {
    font-size: 18px;
    color: #9DAFBC !important;
}

#getstarted .hero__inner .hs-fieldtype-text label {
    display: block;
}

#getstarted .hero__inner .hs-fieldtype-text .label__item {
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    pointer-events: none;
    -webkit-transition: 0.22s ease-out;
    transition: 0.22s ease-out;
    font-size: 18px;
}

#getstarted .hero__inner .hs-fieldtype-text + .field__item {
    margin: 40px 0 0;
}

#getstarted .hero__inner .hs-fieldtype-text:focus-within,
#getstarted .hero__inner .hs-fieldtype-text.active {
    color: #3C4043;
}

#getstarted .hero__inner .hs-fieldtype-text:focus-within .label__item,
#getstarted .hero__inner .hs-fieldtype-text.active .label__item {
    top: -18px;
    font-size: 15px;
}

#getstarted .hero__inner .hs-fieldtype-text:focus-within input,
#getstarted .hero__inner .hs-fieldtype-text.active input {
    border-bottom: 1px solid #3C4043;
}

#getstarted .hero__inner .hs-fieldtype-text input {
    width: 100%;
    display: block;
    height: 40px;
    border-bottom: 1px solid #9DAFBC;
    padding: 8px 0 6px;
}

#getstarted .hero__inner .hs-fieldtype-text input.wpcf7-not-valid {
    border-bottom: 1px solid red;
}

#getstarted .hero__inner .hs-fieldtype-text .wpcf7-not-valid-tip {
    display: none;
}

@media (max-width: 1290px) {
    #getstarted .hero__inner .hs-fieldtype-text .label__item {
        font-size: 16px;
    }

    #getstarted .hero__inner .hs-fieldtype-text + .field__item {
        margin: 30px 0 0;
    }

    #getstarted .hero__inner .hs-fieldtype-text:focus-within .label__item,
    #getstarted .hero__inner .hs-fieldtype-text.active .label__item {
        top: -16px;
        font-size: 13px;
    }
}

@media (max-width: 1180px) {
    #getstarted .hero__inner .hs-fieldtype-text .label__item {
        font-size: 14px;
    }

    #getstarted .hero__inner .hs-fieldtype-text + .field__item {
        margin: 25px 0 0;
    }

    #getstarted .hero__inner .hs-fieldtype-text:focus-within .label__item,
    #getstarted .hero__inner .hs-fieldtype-text.active .label__item {
        top: -11px;
        font-size: 11px;
    }
}

#getstarted .hero__inner .form__submit,
#getstarted .hero__inner input[type=submit] {
    display: block;
    background: #BFE6F0;
    color: #3C4043;
    padding: 12px 30px;
    border-radius: 100px;
    margin: 40px auto 0;
    cursor: pointer;
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

#getstarted .hero__inner .wpcf7-spinner {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 20px 0;
}

#getstarted .hero__inner .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 0;
    position: absolute;
    margin: 20px 0;
    text-align: center;
}

#demo__video {
    margin: 170px 0;
}

@media (max-width: 1024px) {
    #demo__video {
        margin: 110px auto;
    }
}

@media (max-device-width: 834px) {
    #demo__video {
        margin: 75px auto;
    }
}

#partners.getStarted__patchwork .patchwork__sticky {
    padding: 0 var(--c1) 0 var(--cg1);
}

.hs-error-msg {
    font-size: 10px;
    margin: 0 0 10px 0;
}

.patchwork__item--request-a-demo img {
    -webkit-transform: none;
    transform: none;
}

@media (max-device-width: 834px) {
    #getstarted form {
        grid-template-columns: 1fr;
        margin: 30px 0 0;
    }
}

#getstarted form .fieldset--full {
    grid-column-end: 3;
    grid-column-start: 1;
}

@media (max-device-width: 834px) {
    #getstarted form .fieldset--full {
        grid-area: auto;
    }
}

#getstarted form br {
    display: none;
}

#getstarted form .form__label {
    font-size: 14px;
    font-weight: 700;
    color: #3C4043;
    display: block;
    margin: 0 0 10px;
}

#getstarted form .form__input {
    background: #FFFFFF;
    border-radius: 100px;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 24px;
}

#getstarted form .form__textarea {
    background: #FFFFFF;
    border-radius: 24px;
    width: 100%;
}

#getstarted form .form__submit,
#getstarted form input[type=submit] {
    display: block;
    background: #CEECD8;
    color: #3C4043;
    padding: 12px 30px;
    border-radius: 100px;
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
}

@media (max-device-width: 834px) {

    #getstarted form .form__submit,
    #getstarted form input[type=submit] {
        width: 100%;
        text-align: center;
    }
}

#getstarted form .wpcf7-spinner {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

#getstarted form .wpcf7-not-valid-tip {
    margin: 10px 0 0;
}

#getstarted form .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 0;
}

.page__container {
    padding: 0 0 270px;
}

@media (max-width: 1024px) {
    .page__container {
        padding: 0 0 160px;
    }
}

@media (max-device-width: 834px) {
    .page__container {
        padding: 0 0 60px;
    }
}

.page__title {
    padding: 120px 0 100px;
}

@media (max-device-width: 834px) {
    .page__title {
        padding: 30px 15px;
    }
}

.page__content {
    padding: 0 var(--cg1) 0 0;
}

@media (max-device-width: 834px) {
    .page__content {
        padding: 0 15px;
    }
}

.page__content h2 {
    font-family: "Biotif Extra", sans-serif;
    font-weight: 700;
    font-size: 65px;
    line-height: 1.1;
    color: #3C4043;
    letter-spacing: -0.03em;
    margin: 0 0 50px;
}

@media (max-width: 1024px) {
    .page__content h2 {
        font-size: 45px;
    }
}

@media (max-device-width: 834px) {
    .page__content h2 {
        font-size: 35px;
    }
}

.page__content h3 {
    font-family: "Biotif Extra", sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 1.1;
    color: #3C4043;
    letter-spacing: -0.03em;
    margin: 0 0 30px;
}

@media (max-width: 1024px) {
    .page__content h3 {
        font-size: 45px;
    }
}

@media (max-device-width: 834px) {
    .page__content h3 {
        font-size: 35px;
    }
}

.page__content h4 {
    font-family: "Biotif Extra", sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.1;
    color: #3C4043;
    margin: 0 0 20px;
}

@media (max-device-width: 834px) {
    .page__content h4 {
        font-size: 18px;
    }
}

.page__content h5 {
    margin: 0 0 20px;
}

.page__content ul {
    margin: 20px 0;
}

.page__content li {
    list-style: none;
    padding: 0 0 0 40px;
    margin: 20px 0 0;
}

.page__content li:before {
    content: "→";
    position: absolute;
    top: 0;
    left: 0;
    background: #BFE6F0;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    color: #3C4043;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2px 0 0;
}

.page__content p + p {
    margin: 20px 0 0;
}

.page__content p + h2 {
    margin: 120px 0 50px;
}

@media (max-device-width: 834px) {
    .page__content p + h2 {
        margin: 80px 0 50px;
    }
}

.page__content p + h3 {
    margin: 90px 0 30px;
}

@media (max-device-width: 834px) {
    .page__content p + h3 {
        margin: 60px 0 30px;
    }
}

.page__content p + h4 {
    margin: 60px 0 20px;
}

@media (max-device-width: 834px) {
    .page__content p + h4 {
        margin: 40px 0 20px;
    }
}

.page__content h3 + h5 {
    margin: -30px 0 20px;
}

.s404 svg {
    overflow: visible;
}

.s404 {
    margin: 0 auto 50px;
    display: grid;
    grid-template-columns: repeat(3, var(--c3) var(--c4) var(--c3));
}

.s404__main {
    background: #FFF5F8;
    border-radius: 500px;
    display: grid;
    place-items: center;
    text-align: center;
    height: var(--c4);
}

.s404__mainWrap > * {
    margin: 10px 0;
}

.s404__search {
    border-radius: 10px;
    background: #fff;
    display: inline-block;
    padding: 15px 30px 13px 17px;
    color: #333;
}

.s404__search::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
    background: #E03568;
    border-radius: 7px 0 0 7px;
}

.s404__search svg {
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.s404__main p {
    font-size: 16px;
    color: #333;
    padding: 0 40px;
}

.s404 > div > svg {
    width: 98%;
}

.s404 > div + div + div {
    text-align: right;
}

@media (max-width: 1000px) {
    .s404 {
        display: block;
    }

    .s404__svg {
        display: none;
    }

    .s404__main {
        height: 480px;
    }
}

/* Brian's changes */

#tags__search .tags__form .field__label s {
    left: 252px;
}

@media (max-width: 600px) {
    #logos .logos__title {
        margin-bottom: 15px;
    }

    #logos .logos__showcase .logos__showcaseItems {
        margin: 15px auto;
    }
}

.siteHeader .menu-item-solutions .submenu .item__inner .item__link svg path,
.siteHeader .menu-item-products .submenu .item__inner .item__link svg path {
    fill: #3C4043;
}

div[data-reactid=".hbspt-forms-0.1:$0"] {
    grid-column-start: 1;
    grid-column-end: 3;
    padding: 0 20%;
}

.consumerIntelligenceSofa__tagss li:before {
    background: #FFC7D3;
}

.page-template-solutions .bloc__colText.pCol8 p {
    margin-bottom: 2rem;
}

.press__sidebar .title--h5 a,
.page-template-press .main__posts .title--h4 a {
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.press__sidebar .title--h5 a:hover,
.page-template-press .main__posts .title--h4 a:hover {
    opacity: 0.7;
}

@media (max-device-width: 834px) {
    .sidebar__posts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sidebar__posts .sidebar__post {
        display: block;
        width: 100%;
        white-space: normal;
    }

    .siteFooter__logo {
        margin-top: 50px;
    }

    #solutions__hero + .bloc__colText {
        margin: 30px auto;
    }

    #solutions__hero .hero__inner.visualSearch {
        margin: 30px 0 60px;
    }

    #getstarted .hero__inner .hero__content {
        max-width: calc(100% - 60px);
    }

    #getstarted .hero__inner .hero__left {
        border-radius: 0;
    }

    #getstarted .hero__inner .hero__img {
        border-radius: 100%;
    }
}

.siteFooter__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0;
}

.siteFooter__social a:not(.ig) svg rect:first-of-type,
.siteFooter__social a:not(.ig) svg path:first-of-type,
.siteFooter__social a.ig svg circle {
    -webkit-transition: opacity 0.2s ease;
    -webkit-transition: fill 0.2s ease;
    transition: fill 0.2s ease;
}

.siteFooter__social a:not(.ig):hover svg rect:first-of-type,
.siteFooter__social a:not(.ig):hover svg path:first-of-type,
.siteFooter__social a.ig:hover svg circle {
    fill: #ed3366;
}

.siteFooter__social a svg {
    height: auto;
    margin-right: 10px;
    width: 24px;
}

@media (max-width: 1024px) {
    .siteFooter__social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .siteFooter__social a svg {
        margin: 0 5px;
    }
}

.fw__img {
    margin: 100px auto;
    text-align: center;
}

.fw__img img {
    margin: 0 auto;
}

/* Brian's changes - Awards Section */

#awards {
    padding: 0 0 0 var(--cg1);
    margin: 50px auto 50px;
}

@media (max-width: 1024px) {
    #awards {
        padding: 0;
        width: calc(100% - 120px);
    }
}

@media (max-device-width: 834px) {
    #awards {
        width: 100%;
        padding: 0 15px;
    }
}

@media (max-device-width: 834px) {
    #awards .awards__wrapper {
        overflow: scroll;
        display: block;
        padding: 0 15px;
    }

    #awards .awards__wrapper::-webkit-scrollbar {
        display: none;
    }
}

#awards .awards__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 60px 0 0;
}

@media (max-device-width: 834px) {
    #awards .awards__container {
        margin: 10px 0 0;
    }
}

#awards .awards__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    padding: 40px 5% 40px 0;
}

#awards .awards__item a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

@media (max-width: 1180px) {

    #awards .awards__item,
    #awards .awards__item a {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

}

#awards .awards__item a:hover {
    opacity: 0.7;
}

#awards .item__icon {
    -ms-flex-preferred-size: 169px;
    flex-basis: 169px;
}

#awards .item__icon div {
    background: #F1F9F3;
    border-radius: 100%;
    height: 169px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*padding:20%;*/
    width: 169px;
}

/*#awards .item__icon div:before {
  content: "";
  padding: 100% 0 0;
  width: 0;
  float: left;
}*/
#awards .item__icon div img {
    max-height: 85px;
    width: auto;
}

#awards .item__icon.green div {
    background: #F1F9F3;
}

#awards .item__icon.blue div {
    background: #EBF6F9;
}

#awards .item__icon.pink div {
    background: #FFF5F8;
}

#awards .item__icon.orange div {
    background: #FFF5F2;
}

#awards .item__content {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    padding-left: 26px;
}

#awards .item__title h3 {
    font-size: 26px;
    margin-bottom: 10px;
    max-width: 80%;
}

@media (max-width: 1440px) {
    #awards .item__title h3 {
        max-width: 100%;
    }
}

#awards .item__text {
    color: #3C4043;
    font-family: "GT Pressura", sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    line-height: 1.5;
    padding: 0 var(--cg1) 0 0;
    -ms-flex-item-align: start;
    align-self: start;
    text-transform: uppercase;
}

@media (max-width: 600px) {

    #awards .awards__item,
    #awards .awards__item a {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 20px 5%;
    }

    #awards .item__icon,
    #awards .item__content {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        text-align: center;
        padding-left: 0;
    }

    #awards .item__icon div {
        margin: 0 auto 15px;
    }

    #awards .item__text {
        padding-right: 0;
    }

    #awards .awards__title {
        text-align: center;
    }
}

/* Brian's changes - Logos Section - 041622 */

#logos__banner {
    margin-bottom: 100px;
}

#logos__banner .logos__title {
    margin: 0 auto 70px;
    text-align: center;
    width: 70%;
}

#logos__banner .logos__wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#logos__banner .logos__wrapper .logo__item {
    -ms-flex-preferred-size: 14%;
    flex-basis: 14%;
    padding: 0 1%;
    text-align: center;
}

#logos__banner .logos__wrapper .logo__item img {
    height: auto;
    margin: 0 auto;
    max-height: 100px;
    width: auto;
}

@media (max-width: 600px) {
    #logos__banner .logos__wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #logos__banner .logos__title {
        margin: 0 auto 40px;
        width: 90%;
    }

    #logos__banner .logos__wrapper .logo__item {
        -ms-flex-preferred-size: 31%;
        flex-basis: 29%;
        padding: 0 2%;
        margin-bottom: 3%;
    }
}

/* Brian's changes - Single Post Alt - 041622 */

body.post-template-single-alt .singlePostAltQuote {
    padding-bottom: 0;
}

body.post-template-single-alt .singlePostAltQuote:last-of-type {
    padding-bottom: 200px;
}

/* Brian's changes - Careers page star rating system - 041722 */

#star__ratings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 150px 0 50px;
    text-align: center;
}

.ratings__col {
    border-radius: 10px;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    margin: 0 2.5% 30px;
    padding: 40px 30px;
}

.ratings__col.green {
    background: #F2FDF6;
}

.ratings__col.blue {
    background: #E7F6F9;
}

.stars {
    --percent: calc(var(--rating) / 5 * 100%);

    display: inline-block;
    font-size: 40px;
    font-family: Times;
    line-height: 1;
}

.stars::before {
    content: '★★★★★';
    letter-spacing: 2px;
    background: -webkit-gradient(linear, left top, right top, from(#CEECD8), to(#e9e9e9));
    background: linear-gradient(90deg, #CEECD8 var(--percent), #e9e9e9 var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stars.blue::before {
    background: -webkit-gradient(linear, left top, right top, from(#BFE6F0), to(#e9e9e9));
    background: linear-gradient(90deg, #BFE6F0 var(--percent), #e9e9e9 var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.ratings__title {
    margin: 20px auto;
}

.ratings__col .cta--primary {
    margin: 0 auto;
}

@media (max-width: 1200px) {
    #star__ratings {
        width: var(--c10);
    }
}

@media (max-width: 800px) {
    #star__ratings {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .ratings__col {
        -ms-flex-preferred-size: 90%;
        flex-basis: 90%;
        margin: 0 5% 30px;
    }
}

@media (max-device-width: 834px) {
    .ratings__title {
        font-size: 26px;
    }
}

/* Brian's changes - Request A Demo page - 042322 */

body.page-template-request-a-demo {
    overflow-x: hidden;
}

#getstarted {
    margin: 0;
    position: relative;
}

#getstarted .hero__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#getstarted .hero__inner .hero__left {
    display: block;
    overflow: visible;
    width: 55%;
}

#getstarted .hero__inner .hero__right {
    display: block;
    width: 45%;
}

#getstarted .hero__inner .hero__left:after,
#getstarted .hero__inner .hero__right:after {
    padding: 0;
}

@media (max-width: 1100px) {
    #getstarted .hero__inner {
        display: block;
        padding: 0 5%;
    }

    #getstarted .hero__inner .hero__left,
    #getstarted .hero__inner .hero__right {
        width: 100%;
    }
}

#getstarted .hero__inner .hero__content {
    padding: 90px 15% 0 0;
}

#getstarted .hero__inner .hero__title {
    font-family: "Biotif", sans-serif;
    font-size: 40px;
    line-height: 44px;
    max-width: 80%;
}

#getstarted .hero__inner .hero__text {
    color: #3C4043;
    margin-bottom: 80px;
    max-width: 80%;
}

#getstarted .hero__inner .hero__left img {
    left: -67px;
    position: relative;
}

@media (max-width: 1000px) {

    #getstarted .hero__inner .hero__text,
    #getstarted .hero__inner .hero__title {
        margin-left: 67px;
        max-width: 65%;
    }

    #getstarted .hero__inner .hero__left img {
        left: 0;
    }
}

@media (max-width: 845px) {

    #getstarted .hero__inner .hero__text,
    #getstarted .hero__inner .hero__title {
        max-width: 80%;
    }
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__content {
        padding: 90px 0 0;
        max-width: 100%;
    }

    #getstarted .hero__inner .hero__text,
    #getstarted .hero__inner .hero__title {
        max-width: 100%;
    }
}

@media (max-width: 600px) {

    #getstarted .hero__inner .hero__text,
    #getstarted .hero__inner .hero__title {
        margin-left: 10%;
    }
}

div[data-reactid=".hbspt-forms-0.1:$0"] {
    padding: 0;
}

#getstarted .hero__inner .form__submit,
#getstarted .hero__inner input[type=submit] {
    display: block;
    background: #FFC7D3;
    color: #3C4043;
    padding: 12px 30px;
    border-radius: 100px;
    margin: 40px 0 0;
    cursor: pointer;
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

#getstarted #hero__bkg {
    position: absolute;
    left: -0.5%;
    top: -250px;
}

#getstarted .hero__inner .hero__right .form__container {
    background: #F1F9F3;
    border-radius: 24px;
    margin: 0;
    max-width: 100%;
    padding: 50px 70px;
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__right {
        margin: 0 auto;
        width: calc(100% - 30px);
        padding: 50px 30px 40px;
    }
}

#getstarted .hero__inner .hero__right .form__container h3 {
    color: #3C4043;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 25px;
}

#getstarted .hero__inner .hero__right form {
    margin: 0;
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__right .form__container {
        padding: 50px 40px;
    }
}

#getstarted .hero__inner .hero__right form .fieldset--full {
    grid-column-end: 3;
    grid-column-start: 1;
}

@media (max-device-width: 834px) {
    #getstarted .hero__inner .hero__right form .fieldset--full {
        grid-area: auto;
    }
}

#getstarted .hero__inner .hero__right form br {
    display: none;
}

#getstarted .hero__inner .hero__right form .form__label {
    font-size: 14px;
    font-weight: 700;
    color: #3C4043;
    display: block;
    margin: 0 0 10px;
}

#getstarted .hero__inner .hero__right .hs-form-field {
    margin-bottom: 14px;
}

#getstarted .hero__inner .hero__right .hs-form-field > label {
    -webkit-transform: none;
    transform: none;
}

#getstarted .hero__inner .hero__right form .form__input {
    background: #FFFFFF;
    border-radius: 100px;
    display: block;
    width: 100%;
    padding: 10px 10px 10px 24px;
}

#getstarted .hero__inner .hero__right form .form__textarea {
    background: #FFFFFF;
    border-radius: 24px;
    width: 100%;
}

#getstarted .hero__inner .hero__right form .form__submit,
#getstarted .hero__inner .hero__right form input[type=submit] {
    display: block;
    background: #CEECD8;
    color: #3C4043;
    padding: 12px 30px;
    border-radius: 100px;
    font-family: "GT Pressura", sans-serif;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    margin: 20px 0 0;
    cursor: pointer;
}

@media (max-device-width: 834px) {

    #getstarted .hero__inner .hero__right form .form__submit,
    #getstarted .hero__inner .hero__right form input[type=submit] {
        width: 100%;
        text-align: center;
    }
}

#getstarted .hero__inner .hero__right form .wpcf7-spinner {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}

#getstarted .hero__inner .hero__right form .wpcf7-not-valid-tip {
    margin: 10px 0 0;
}

#getstarted .hero__inner .hero__right form .wpcf7-response-output {
    border: none;
    padding: 0;
    margin: 0;
}

#getstarted .hero__inner .hero__right form label {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

#getstarted .hero__inner .hs-fieldtype-text input {
    border: none;
}

#getstarted .hero__inner .hero__right form input,
#getstarted .hero__inner .hero__right form textarea {
    background: #fff;
    border-radius: 24px;
    margin: 7px 0 0;
    padding: 15px 25px;
    width: 100%;
}

@media (max-width: 600px) {

    #getstarted .hero__inner .hero__right form input,
    #getstarted .hero__inner .hero__right form textarea {
        margin: 7px 0;
    }
}

#getstarted .hero__inner .hero__right form .hs-fieldtype-textarea {
    grid-column-start: 1;
    grid-column-end: 3;
}

#getstarted .hero__inner .hero__right form .hs-fieldtype-textarea textarea {
    height: 200px;
}

#getstarted .hero__inner .hero__right form .hs_submit {
    grid-column-start: 1;
    grid-column-end: 3;
}

#getstarted .hero__inner .hero__right form .hs_submit input {
    width: auto;
}

#getstarted .hero__inner .hero__right #logos {
    margin: 50px 0 0;
    opacity: 1;
    width: 100%;
}

#getstarted .hero__inner .hero__right #logos .logos__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}

#getstarted .hero__inner .hero__right #logos .logos__title,
#getstarted .hero__inner .hero__right #logos .logos__showcase {
    text-align: left;
    width: 100%;
}

#getstarted .hero__inner .hero__right #logos .logos__title {
    font-size: 18px;
    margin-bottom: 25px;
}

#getstarted .hero__inner .hero__right #logos .logos__showcase {
    padding-left: 0;
}

@media (max-width: 1100px) {
    #getstarted .hero__inner .hero__right {
        display: block;
        padding: 50px 0 0;
    }

    #getstarted .hero__inner .hero__right img {
        margin: 0 auto;
    }

    #getstarted .hero__inner .hero__right #logos .logos__container,
    #getstarted .hero__inner .hero__right #logos .logos__title,
    #getstarted .hero__inner .hero__right #logos .logos__showcase {
        text-align: center;
    }

    #getstarted .hero__inner .hero__right #logos .logos__showcase {
        padding: 0 5%;
    }

    #getstarted .hero__inner .hero__right #logos {
        margin: 50px 0 100px;
    }
}

#demo__video {
    margin: 0;
}

#getstarted .video__container {
    margin: 0 0 0;
    padding: 0;
}

@media (min-width: 1600px) {
    #getstarted .video__container {
        /* margin:-100px 0 0; */
    }
}

@media (max-width: 1260px) {
    body.page-template-request-a-demo #testimonies .testimonies__title {
        top: 0;
    }
}

@media (max-device-width: 834px) {
    #getstarted .video__container {
        margin: 0 auto 0;
    }

    body.page-template-request-a-demo #testimonies .testimonies__title {
        width: 60%;
    }
}

@media (max-width: 600px) {
    body.page-template-request-a-demo #testimonies .testimonies__title {
        width: 100%;
    }
}

.page-template-career #logos {
    opacity: 1;
}

.page-template-career #logos .logos__container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-template-career #logos .logos__showcase .logos__showcaseItems {
    margin: 0 15px;
}

.page-template-request-a-demo .siteHeader .siteHeader__inner,
.page-template-gated-content .siteHeader .siteHeader__inner {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.page-template-request-a-demo .siteHeader .siteHeader__inner nav,
.page-template-gated-content .siteHeader .siteHeader__inner nav {
    margin-left: 30px;
}

.page-template-request-a-demo .siteHeader .siteHeader__inner nav a,
.page-template-gated-content .siteHeader .siteHeader__inner nav a {
    font-size: 16px;
}

.page-template-request-a-demo .siteHeader .siteHeader__inner nav a:hover,
.page-template-gated-content .siteHeader .siteHeader__inner nav a:hover {
    color: #E03568;
}

.page-template-request-a-demo .siteHeader .mobile__siteHeader,
.page-template-gated-content .siteHeader .mobile__siteHeader {
    opacity: 0;
}

/* Brian's changes - 043022 */

/* ===================
	 Pricing PAGE
=================== */
.page-template-pricing section:last-of-type {
    margin-bottom: 129px;
}

#pricing__hero {
    padding: 50px 0;
}

@media (max-device-width: 834px) {
    #pricing__hero > div {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (max-device-width: 834px) {
    #pricing__hero {
        min-height: initial;
    }
}

#pricing__hero .hero__title {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    line-height: 1;
}

#pricing__hero .hero__content {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px);
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center;
}

@media (max-width: 1024px) {
    #pricing__hero .hero__content {
        padding: 0 30px;
    }

    #pricing__hero .hero__content br {
        display: none;
    }
}

#pricing__hero .hero__text {
    text-align: center;
    margin: 20px auto 0;
    max-width: 600px;
}

@media (max-device-width: 834px) {
    #pricing__hero .hero__text {
        max-width: initial;
    }
}

.pricing__plans {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 120px;
}

@media (max-width: 1000px) {
    [data-barba-namespace="pricing"] {
        padding: 0 3%;
    }
}

@media (max-width: 600px) {
    [data-barba-namespace="pricing"] {
        padding: 0 6%;
    }
}

.plan__wrapper {
    border-radius: 26px;
    -webkit-box-shadow: 0px 42px 34px #3C4043;
    box-shadow: 0px 42px 34px rgba(60, 64, 67, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 2%;
    max-width: 420px;
    padding: 50px 40px;
    -webkit-transition: -webkit-transform 0.25s linear;
    transition: -webkit-transform 0.25s linear;
    transition: transform 0.25s linear;
    transition: transform 0.25s linear, -webkit-transform 0.25s linear;
}

.plan__wrapper:hover {
    -webkit-transform: scale(1.025);
    transform: scale(1.025);
}

@media (max-width: 850px) {
    .pricing__plans {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .plan__wrapper {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 50px;
        max-width: 100%;
    }

    .plan__wrapper:hover {
        -webkit-transform: none;
        transform: none;
    }

    .plan__wrapper:last-of-type {
        margin-bottom: 0;
    }
}

.plan__wrapper.green {
    background: #F1F9F3;
}

.plan__wrapper.blue {
    background: #EBF6F9;
}

.plan__wrapper.pink {
    background: #FFF5F8;
}

.plan__wrapper.orange {
    background: #FFF5F2;
}

.plan__title {
    font-size: 26px;
    margin-bottom: 15px;
}

.plan__desc {
    margin-bottom: 22px;
}

ul.plan__features {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
}

ul.plan__features.next-to-last {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

ul.plan__features li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 10px;
}

ul.plan__features li img {
    background: #C3DFCD;
    border-radius: 100%;
    margin: 0 12px 2px 0;
    padding: 5px 4px;
}

.plan__wrapper.blue ul.plan__features li img {
    background: #BFE6F0;
}

.plan__wrapper.pink ul.plan__features li img {
    background: #FFC7D3;
}

.plan__wrapper.orange ul.plan__features li img {
    background: #FEB7A5;
}

.special__features {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 0 17px;
}

.special__title {
    margin-bottom: 15px;
}

.special__features ul.plan__features li {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 14px;
    line-height: 19px;
    max-width: 80%;
}

@media (max-width: 600px) {
    .special__features ul.plan__features li {
        max-width: 100%;
    }
}

.special__features ul.plan__features li img {
    margin: 0 16px 2px 0;
}

.plan__wrapper .cta--primary {
    width: 100%;
}

.split__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 56px;
}

.split__text .left__col {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}

.split__title {
    font-size: 26px;
}

.split__text .right__col {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
}

.split__text .right__col,
.split__text .right__col p {
    font-size: 18px;
    line-height: 23.4px;
}

@media (max-device-width: 834px) {
    .split__text {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .split__text .left__col,
    .split__text .right__col {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .split__title {
        margin-bottom: 20px;
    }
}

.colored__cta {
    border-radius: 24px;
    margin-bottom: 56px;
    padding: 80px 14% 65px;
    text-align: center;
}

.colored__cta.green {
    background: #F1F9F3;
}

.colored__cta.blue {
    background: #EBF6F9;
}

.colored__cta.pink {
    background: #FFF5F8;
}

.colored__cta.orange {
    background: #FFF5F2;
}

.colored__cta .title--h3 {
    font-size: 40px;
    line-height: 44px;
}

.colored__cta .cta--primary {
    font-size: 16px;
    margin: 45px auto 0;
    padding: 17px 30px;
}

.colored__cta .cta--primary:hover {
    padding: 17px 60px 17px 0;
}

.colored__cta .cta--primary:hover::before {
    width: 55px;
}

.faq {
    border-radius: 24px;
    margin-top: 56px;
    padding: 66px;
}

.faq.green {
    background: #F1F9F3;
}

.faq.blue {
    background: #EBF6F9;
}

.faq.pink {
    background: #FFF5F8;
}

.faq.orange {
    background: #FFF5F2;
}

.faq__wrapper {
    background: #FFFFFF;
    -webkit-box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.05);
    padding: 55px 60px;
}

.faq .title--h3 {
    font-size: 40px;
    margin-bottom: 27px;
}

@media (max-device-width: 834px) {
    .faq {
        padding: 30px;
    }

    .faq__wrapper {
        padding: 35px 30px;
    }

    .faq .title--h3 {
        font-size: 32px;
    }
}

.faq ul {
    border-top: 1.5px solid rgba(0, 0, 0, .075);
}

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

.faq ul li {
    list-style-type: none;
    border-bottom: 1.5px solid rgba(0, 0, 0, .075);
}

.faq ul li.active ul {
    display: block;
}

.faq ul li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    outline: 0;
    padding: 16px 0 18px;
    text-decoration: none;
    -webkit-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.faq ul li a:hover {
    color: #E03568;
}

.faq ul li a span {
    display: inline-block;
    padding-right: 20px;
}

.faq ul li a img {
    -webkit-transform: rotate(45deg) translate(3px, -7px);
    transform: rotate(45deg) translate(3px, -7px);
    -webkit-transition: -webkit-transform 00.2s ease-in;
    transition: -webkit-transform 00.2s ease-in;
    transition: transform 00.2s ease-in;
    transition: transform 00.2s ease-in, -webkit-transform 00.2s ease-in;
}

.faq ul li a.active img {
    -webkit-transform: none;
    transform: none;
}

.faq ul ul {
    display: none;
}

.faq ul ul li {
    border-bottom: none;
    border-top: 1.5px solid rgba(0, 0, 0, .075);
    margin: 0;
    padding: 16px 24px 32px;
}

.faq ul ul li a {
    color: inherit;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    padding: 0;
    text-decoration: underline;
}

@media (max-device-width: 834px) {
    .faq ul li a {
        font-size: 18px;
    }

    .faq ul li a img {
        display: none;
    }

    .faq ul ul li {
        padding: 16px 12px 32px;
    }

    .faq ul li a span {
        padding-right: 0;
    }
}

.faq .cta--primary {
    margin: 30px auto 0;
}

.post__page .post__cta {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFF6FD;
    margin: 80px 0;
    padding: 26px 62px 30px 83px;
    border-radius: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: var(--cg7);
}

.post__page .post__cta.green {
    background: #F1F9F3;
}

.post__page .post__cta.blue {
    background: #EBF6F9;
}

.post__page .post__cta.pink {
    background: #FFF5F8;
}

.post__page .post__cta.orange {
    background: #FFF5F2;
}

.post__page .post__content .post__cta__title {
    font-size: 40px;
    margin: 0 0 20px;
}

.post__page .post__cta__details {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}

.post__page .post__cta__intro {
    font-size: 18px;
    margin-bottom: 26px;
}

.post__page .post__cta__details .cta--primary {
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 52px;
    padding-right: 52px;
}

.post__page .post__cta__details .cta--primary:hover {
    padding-left: 22px;
}

.post__page .post__cta__thumbnail {
    -ms-flex-preferred-size: 300px;
    flex-basis: 330px;
    width: 330px;
}

.post__page .post__cta__thumbnail img {
    border-radius: 100%;
    display: block;
    height: auto;
    width: 100%;
}

@media (max-width: 1024px) {
    .post__page .post__container {
        margin-bottom: 200px;
    }

    /* .post__page .post__info {
        position: absolute;
        bottom: -180px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    } */
    .post__page .post__info .post__sharing {
        bottom: -140px;
    }
}

@media (max-device-width: 834px) {
    .post__page .post__container {
        padding: 0;
    }

    .post__page .post__cta {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 40px;
    }

    .post__page .post__cta__details {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    .post__page .post__cta__details .cta--primary {
        margin: 0 auto;
    }

    .post__page .post__cta__thumbnail {
        -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
        width: 60%;
    }
}

.siteFooter .siteFooter__nav li.pricing {
    margin: 40px 0 20px;
}

.siteFooter .siteFooter__nav li.pricing > a {
    color: #232126;
    font-size: 20px;
    font-weight: 600;
}

.posts__grid .post__item .post__title.title--h4 .cat__color {
    font-size: 13px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.posts__grid .post__item .post__title.title--h4 .cat__color.Featured,
.posts__grid .post__item .post__title.title--h4 .cat__color.Webinars {
    color: #ffc7d3;
}

.posts__grid .post__item .post__title.title--h4 .cat__color.Guides,
.posts__grid .post__item .post__title.title--h4 .cat__color.Infographics {
    color: #ceecd8;
}

.posts__grid .post__item .post__title.title--h4 .cat__color.Video,
.posts__grid .post__item .post__title.title--h4 .cat__color.Blog {
    color: #bfe6f0;
}

.posts__grid .post__item .post__title.title--h4 .cat__color.Customer.Stories {
    color: #feb7a5;
}

/* Brian's changes - 051422 */

/* ===================
	 Personalization Chart (Solutions)
=================== */

.personalization__chart {
    border-radius: 24px;
    overflow: hidden;
    margin: 120px auto 0;
    padding: 78px 6.375% 0;
    text-align: center;
}

.personalization__chart.green {
    background: #F1F9F3;
}

.personalization__chart.blue {
    background: #EBF6F9;
}

.personalization__chart.pink {
    background: #FFF5F8;
}

.personalization__chart.orange {
    background: #FFF5F2;
}

.personalization__chart .title--h1 {
    margin-bottom: 16px;
}

.pc__subtext {
    color: #3C4043;
    font-size: 26px;
    line-height: 28.6px;
    margin: 0 auto 46px;
    max-width: 645px;
}

.pc__content {
    background: #fff;
    -webkit-box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.05);
    padding: 60px 11.7% 100px;
}

.pc__search--line {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

.pc__search--line img.attachment-thumbnail {
    border-radius: 100%;
    height: 71px;
    margin-right: 10px;
    width: 71px;
}

.pc__search--line .search--title {
    color: #3C4043;
    font-family: 'Biotif';
    font-size: 26px;
    font-weight: 700;
    line-height: 28.6px;
    margin-right: 10px;
}

.pc__search--line .search--field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, right top, from(#E03568), color-stop(3%, #E03568), color-stop(3%, #fff), to(#fff));
    background-image: linear-gradient(to right, #E03568, #E03568 3%, #fff 3%, #fff 100%);
    border-radius: 10px;
    -webkit-box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    color: #3C4043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    font-weight: 700;
    padding: 21px 39px 21px 24px;
}

.pc__search--line .search--field:after {
    -webkit-animation: cursor-blink 1.5s steps(2) infinite;
    animation: cursor-blink 1.5s steps(2) infinite;
    background: #FFC7D3;
    content: "";
    display: inline-block;
    height: 17px;
    margin: -3px 0 3px 6px;
    width: 1px;
}

@-webkit-keyframes cursor-blink {
    0% {
        opacity: 0;
    }
}

@keyframes cursor-blink {
    0% {
        opacity: 0;
    }
}

.pc__search--line .search--icon {
    margin-right: 13.5px;
}

.pc__path {
    background: url(../assets/img/pc-lines.svg) no-repeat center top;
    /*margin: 0 90px;*/
    margin: 0 auto;
    max-width: 600px;
    padding: 75.81px 0 16px;
}

.pc__path--title {
    font-size: 18px;
    margin-bottom: 16px;
}

.pc__path--wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    -webkit-box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    font-weight: 700;
    padding: 3px 26px;
}

.pc__path--wrapper .number {
    background-color: #ccc;
    border-radius: 100%;
    color: #3C4043;
    font-size: 26px;
    font-weight: 800;
    height: 70px;
    line-height: 26px;
    margin-right: 35px;
    padding: 25px 0 19px 16px;
    text-align: left;
    width: 70px;
}

.pc__path--wrapper .number.orange {
    background: #FEB7A5;
}

.pc__path--wrapper .number.pink {
    background: #FFC7D3;
}

.pc__path--wrapper img {
    margin-right: 30px;
    max-height: 95px;
    width: auto;
}

.pc__recs {
    background: url(../assets/img/pc-lines.svg) no-repeat center top;
    padding: 75.81px 0 50px;
}

.pc__recs--title {
    color: #E03568;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 16px;
}

.pc__recs--wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pc__recs--image {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #FFFFFF;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 24px 3px rgba(0, 0, 0, 0.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 154px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 154px;
}

.pc__recs--image img {
    max-height: 142px;
    width: auto;
}

.pc__closing {
    color: #3C4043;
    font-size: 23px;
    line-height: 30px;
}

.pc__closing strong {
    font-weight: 600;
}

@media (max-width: 1000px) {
    .personalization__chart .title--h1 {
        font-size: 36px;
    }

    .pc__content {
        padding: 60px 6% 100px;
    }
}

@media (max-width: 800px) {

    .pc__search--line,
    .pc__path--wrapper,
    .pc__recs--wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pc__search--line .search--field {
        margin-top: 24px;
    }

    .pc__path--wrapper {
        padding: 10px 20px;
    }

    .pc__path--wrapper img {
        margin-bottom: 16px;
    }

    .pc__recs--image {
        margin: 0 10px 16px;
    }
}

@media (max-width: 468px) {

    .pc__path,
    .pc__recs {
        background-size: contain;
        padding-top: 19%;
    }
}

/* Brian's changes - 052122 */

/* ===================
	 Consumer Intelligence
=================== */

.consumer--fwimg {
    margin-bottom: 94px;
    margin-top: 194px;
}

.consumer--fwimg img {
    height: auto;
}

@media (max-device-width: 834px) {
    .consumer--fwimg {
        margin: 94px auto;
    }
}


/* ===================
	 Customer Stories - Post Template
=================== */

.post-template-single-cs .post__page {
    margin: 0 auto;
}

.post-template-single-cs .title--h3 {
    font-size: 40px;
    margin-bottom: 40px;
}

.post-template-single-cs .post__page .post__head {
    padding: 60px calc(var(--cg1) + var(--gutter));
}

.post-template-single-cs .post__title {
    margin-bottom: 51px;
}

.post-template-single-cs .post__title img {
    height: auto;
    margin-bottom: 22px;
    max-height: 55px;
    width: auto;
}

.post-template-single-cs .post__head .post__sharing {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.post-template-single-cs .post__head .post__sharing .subheading {
    margin-right: 17px;
}

.post-template-single-cs .post__head .post__sharing a {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.post-template-single-cs .post__head .post__sharing a:hover {
    opacity: 0.7;
}

.post-template-single-cs .post__head .post__sharing svg {
    margin: 8px 8px 0 0;
    padding-bottom: 0;
}

.post-template-single-cs .post__head .post__sharing svg {
    height: 37px;
    width: 37px;
}

.post-template-single-cs .post__head.pink .post__sharing svg circle {
    fill: #FFC7D3;
}

.post-template-single-cs .post__head.green .post__sharing svg circle {
    fill: #CEECD8;
}

.post-template-single-cs .post__head.blue .post__sharing svg circle {
    fill: #BFE6F0;
}

.post-template-single-cs .post__head.orange .post__sharing svg circle {
    fill: #FEB7A5;
}

.post-template-single-cs #aiSteps {
    margin: 100px auto 75px;
    ;
}

.post-template-single-cs #aiSteps .steps__title.title--h3 {
    font-size: 40px;
    margin-bottom: 23px;
    max-width: 100%;
}

.post-template-single-cs #aiSteps .steps__item .steps__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.post-template-single-cs #aiSteps .steps__item .steps__inner .title--h5 {
    color: #232126;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0.4px;
    line-height: 39px;
    margin-bottom: 0;
}

.post-template-single-cs #aiSteps .steps__item .steps__inner .details,
.post-template-single-cs #aiSteps .steps__item .steps__inner .details p {
    color: #232126;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.14px;
    line-height: 18px;
    margin-bottom: 0;
}

.post-template-single-cs .main__content,
.page-template-gated-content .main__content {
    margin-bottom: 90px;
}

.post-template-single-cs .main__content p,
.page-template-gated-content .main__content p {
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 23px;
}

.post-template-single-cs .main__content.has__bkg,
.page-template-gated-content .main__content.has__bkg {
    margin-bottom: 100px;
}

.post-template-single-cs .main__content.has__bkg .pCol10,
.page-template-gated-content .main__content.has__bkg .pCol10 {
    border-radius: 24px;
    padding-bottom: 77px;
    padding-top: 100px;
}

.post-template-single-cs .main__content .pCol7.has__border,
.page-template-gated-content .main__content .pCol7.has__border {
    border-top: 1px solid #ddd;
    padding-top: 50px;
}

.post-template-single-cs .main__content.has__bkg .pCol10.green,
.page-template-gated-content .main__content.has__bkg .pCol10.green {
    background: #F1F9F3;
}

.post-template-single-cs .main__content.has__bkg .pCol10.blue,
.page-template-gated-content .main__content.has__bkg .pCol10.blue {
    background: #EBF6F9;
}

.post-template-single-cs .main__content.has__bkg .pCol10.pink,
.page-template-gated-content .main__content.has__bkg .pCol10.pink {
    background: #FFF5F8;
}

.post-template-single-cs .main__content.has__bkg .pCol10.orange,
.page-template-gated-content .main__content.has__bkg .pCol10.orange {
    background: #FFF5F2;
}

.page-template-gated-content .main__content h2.title--h3 {
    margin-bottom: 20px;
}

.post-template-single-cs .image__row {
    margin-bottom: 90px;
}

.post-template-single-cs .image__row .pCol10 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.post-template-single-cs .image__row img {
    border-radius: 100%;
}

.post-template-single-cs .singlePostAltQuote {
    border-top: 1px solid #EBECEC;
    padding: 100px 0 0 0;
    margin: 110px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 1000px) {
    .post-template-single-cs .singlePostAltQuote {
        margin: 50px auto 0;
        padding: 50px 30px 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.post-template-single-cs .singlePostAltQuote .singlePostAltQuote__quote {
    font-family: Biotif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #3C4043;
    width: 70%;
}

@media (max-width: 600px) {
    .post-template-single-cs .singlePostAltQuote .singlePostAltQuote__quote {
        font-size: 20px;
        width: 100%;
    }
}

.post-template-single-cs .singlePostAltQuote .singlePostAltQuote__author {
    width: 15%;
    min-width: 130px;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}

.post-template-single-cs .singlePostAltQuote .singlePostAltQuote__author img {
    width: 130px;
    height: 130px;
    border-radius: 200px;
    margin: 0 0 20px;
}

.post-template-single-cs .singlePostAltQuote .singlePostAltQuote__author div {
    color: #000;
}

.post-template-single-cs .singlePostAltQuote .singlePostAltQuote__author span {
    color: #81868A;
}

@media (max-width: 600px) {
    .post-template-single-cs .singlePostAltQuote .singlePostAltQuote__author {
        font-size: 14px;
        width: 100%;
        margin-top: 20px;
        text-align: left;
    }

    .post-template-single-cs .singlePostAltQuote .singlePostAltQuote__author img {
        width: 100px;
        height: 100px;
    }
}

.post-template-single-cs .post__cta {
    width: 100%;
}

.post-template-single-cs .post__cta.no__img .post__cta__details {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 110px 15% 100px;
    text-align: center;
}

.post-template-single-cs .post__cta.no__img .post__cta__details .cta--primary {
    margin: 0 auto;
}

@media (max-width: 1240px) {
    .post-template-single-cs .image__row img {
        height: auto;
        max-width: 240px;
    }
}

@media (max-width: 1000px) {

    .post-template-single-cs #aiSteps .steps__title.title--h3,
    .post-template-single-cs .main__content,
    .page-template-gated-content .main__content,
    .post-template-single-cs .image__row,
    .post-template-single-cs .post__cta {
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - 30px);
    }

    .post-template-single-cs .main__content.has__bkg .pCol7,
    .page-template-gated-content .main__content.has__bkg .pCol7 {
        width: 85%;
    }
}

@media (max-width: 830px) {
    .post-template-single-cs .image__row img {
        max-width: 180px;
    }
}

@media (max-width: 600px) {
    .post-template-single-cs .image__row .pCol10 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .post-template-single-cs .image__row img {
        margin-bottom: 20px;
        max-width: 100%;
    }
}

/* Brian's changes - 052822 */

/* ===================
	 Industry
=================== */

.page-template-industry {}

#industry__hero.pink,
.page-template-industry .siteHeader.pink,
.page-template-industry #about__contact.pink,
.page-template-solutions #about__contact.pink {
    background: #FFF5F8;
}

#industry__hero.green,
.page-template-industry .siteHeader.green,
.page-template-industry #about__contact.green,
.page-template-solutions #about__contact.green {
    background: #F1F9F3;
}

#industry__hero.blue,
.page-template-industry .siteHeader.blue,
.page-template-industry #about__contact.blue,
.page-template-solutions #about__contact.blue {
    background: #EBF6F9;
}

#industry__hero.orange,
.page-template-industry .siteHeader.orange,
.page-template-industry #about__contact.orange,
.page-template-solutions #about__contact.orange {
    background: #FFF5F2;
}

#industry__hero .hero__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 35px;
}

#industry__hero .hero__inner .hero__left {
    max-width: 40%;
}

#industry__hero .hero__inner .hero__right {
    max-width: 40%;
}

#industry__hero .hero__inner .hero__left .title--h1 {
    color: #81868A;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 15px;
    margin-bottom: 19px;
    text-transform: uppercase;
}

@media (max-width: 1300px) {
    #industry__hero .hero__inner .hero__right {
        max-width: 50%;
    }
}

@media (max-width: 1024px) {
    #industry__hero .hero__inner {
        width: calc(100vw - 60px);
    }

    #industry__hero .hero__inner .hero__left {
        max-width: 50%;
    }
}

@media (max-width: 900px) {
    #industry__hero .hero__inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    #industry__hero .hero__inner .hero__left,
    #industry__hero .hero__inner .hero__right {
        max-width: 100%;
        width: 100%;
    }

    #industry__hero .hero__inner .hero__left {
        padding-top: 40px;
    }
}

#industry__hero .hero__inner .hero__title {
    font-size: 40px;
    font-family: "Biotif Extra", sans-serif;
    font-weight: 700;
    color: #3C4043;
    line-height: 1.1;
    margin-bottom: 25px;
}

#industry__hero .hero__inner .hero__text {
    margin-bottom: 28px;
}

#industry__hero #tags__search {
    display: block;
    grid-template-columns: none;
}

#industry__hero #tags__search .tags__inner {
    height: 71%;
    overflow: visible;
    width: 71%;
}

#industry__hero #tags__search img {
    border-radius: 100%;
}

#industry__hero #tags__search .tags__inner:before {
    border: 2px solid #FFC7D3;
    border-radius: 100%;
    content: '';
    height: 118.5%;
    left: -9.75%;
    position: absolute;
    top: -9.75%;
    width: 118.5%;
    z-index: 1;
}

#industry__hero.green #tags__search .tags__inner:before,
#industry__hero.white #tags__search .tags__inner:before {
    border-color: #CEECD8;
}

#industry__hero.blue #tags__search .tags__inner:before {
    border-color: #BFE6F0;
}

#industry__hero.orange #tags__search .tags__inner:before {
    border-color: #FEB7A5;
}

#industry__hero #tags__search .tags__cloud--4 #tags__item--1 {
    right: -7%;
    top: 18%;
}

#industry__hero #tags__search .tags__cloud--4 #tags__item--2 {
    left: 5%;
    top: 5%;
}

#industry__hero #tags__search .tags__cloud--4 #tags__item--3 {
    right: -20%;
    top: 60%;
}

#industry__hero #tags__search .tags__cloud--4 #tags__item--4 {
    left: -17%;
    top: 53%;
}

#industry__hero.pink #tags__search .subheading {
    color: #FFC7D3;
}

#industry__hero.green #tags__search .subheading,
#industry__hero.white #tags__search .subheading {
    color: #CEECD8;
}

#industry__hero.blue #tags__search .subheading {
    color: #BFE6F0;
}

#industry__hero.orange #tags__search .subheading {
    color: #FEB7A5;
}

#industry__hero #tags__search .search--field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, right top, from(#E03568), color-stop(3%, #E03568), color-stop(3%, #fff), to(#fff));
    background-image: linear-gradient(to right, #E03568, #E03568 3%, #fff 3%, #fff 100%);
    border-radius: 10px;
    bottom: -3%;
    -webkit-box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    color: #3C4043;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 80px;
    padding: 21px 39px 21px 24px;
    position: absolute;
}

#industry__hero #tags__search .search--field:after {
    -webkit-animation: cursor-blink 1.5s steps(2) infinite;
    animation: cursor-blink 1.5s steps(2) infinite;
    background: #E03568;
    content: "";
    display: inline-block;
    height: 17px;
    margin: -3px 0 3px 6px;
    width: 1px;
}

#industry__hero #tags__search .search--icon {
    margin-right: 13.5px;
}

@media (max-width: 600px) {
    #industry__hero {
        padding-bottom: 40px;
    }

    #industry__hero .hero__inner {
        width: calc(100vw - 30px);
    }

    #industry__hero #tags__search .tags__inner {
        height: 81%;
        margin-top: 30px;
        width: 81%;
    }

    #industry__hero #tags__search .search--field {
        bottom: -120px;
    }

    #industry__hero #tags__search .tags__cloud--4 #tags__item--1 {
        right: -20%;
        top: 9%;
    }

    #industry__hero #tags__search .tags__cloud--4 #tags__item--2 {
        left: -21%;
        top: 12%;
    }

    #industry__hero #tags__search .tags__cloud--4 #tags__item--3 {
        right: -25%;
        top: 75%;
    }

    #industry__hero #tags__search .tags__cloud--4 #tags__item--4 {
        left: -20%;
        top: 63%;
    }
}

.page-template-industry #logos {
    margin: 60px auto 20px;
}

.page-template-industry .bloc__colImage {
    grid-template-columns: var(--c5) var(--c5);
    margin: 60px auto 20px;
}

.page-template-industry .bloc__colImage .content__text {
    padding: 0;
}

.page-template-industry .bloc__colImage .colImage__content {
    padding-right: 22%;
}

@media (max-width: 1024px) {
    .page-template-industry .bloc__colImage {
        gap: 60px;
    }

    .page-template-industry .bloc__colImage .colImage__image {
        width: 100%;
    }

    .page-template-industry .bloc__colImage .colImage__content {
        padding-right: 0;
    }
}

@media (max-device-width: 834px) {
    .page-template-industry .bloc__colImage {
        gap: 30px;
    }
}

@media (max-width: 600px) {
    .page-template-industry .bloc__colImage {
        gap: 0;
        grid-template-columns: 1fr;
    }

    .page-template-industry .bloc__colImage.left__text .colImage__content {
        grid-row-start: 2;
    }
}

.page-template-industry .singlePostAltQuote .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.page-template-industry .singlePostAltQuote {
    padding: 0;
    margin: 120px auto 195px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

@media (max-width: 1000px) {
    .page-template-industry .singlePostAltQuote {
        margin: 50px auto 0;
        padding: 50px 30px 50px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.page-template-industry .singlePostAltQuote .singlePostAltQuote__quote {
    font-family: Biotif;
    font-style: normal;
    font-weight: bold;
    font-size: 30px;
    line-height: 120%;
    letter-spacing: -0.02em;
    color: #3C4043;
    width: 70%;
}

.page-template-industry .singlePostAltQuote .singlePostAltQuote__author {
    width: 15%;
    min-width: 130px;
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}

.page-template-industry .singlePostAltQuote .singlePostAltQuote__author img {
    width: 130px;
    height: 130px;
    border-radius: 200px;
    margin: 0 0 20px;
}

.page-template-industry .singlePostAltQuote .singlePostAltQuote__author div {
    color: #000;
}

.page-template-industry .singlePostAltQuote .singlePostAltQuote__author span {
    color: #81868A;
}

@media (max-width: 900px) {
    .page-template-industry .singlePostAltQuote .singlePostAltQuote__quote {
        font-size: 24px;
        width: 80%;
    }
}

@media (max-device-width: 834px) {
    .page-template-industry .singlePostAltQuote {
        margin-bottom: 150px;
    }

    .page-template-industry .singlePostAltQuote .swiper-slide {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .page-template-industry .singlePostAltQuote .singlePostAltQuote__quote {
        width: 100%;
    }

    .page-template-industry .singlePostAltQuote .singlePostAltQuote__author {
        margin-top: 30px;
        text-align: center;
    }
}

@media (max-width: 600px) {
    .page-template-industry .singlePostAltQuote .singlePostAltQuote__quote {
        font-size: 20px;
    }

    .page-template-industry .singlePostAltQuote .singlePostAltQuote__author {
        font-size: 14px;
        width: 100%;
        margin-top: 20px;
        text-align: left;
    }
}

.page-template-industry .singlePostAltQuote .quotes__nav {
    bottom: -82px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    position: absolute;
    z-index: 10;
}

@media (max-width: 1000px) {
    .page-template-industry .singlePostAltQuote .quotes__nav {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        right: 0;
    }
}

.page-template-industry .singlePostAltQuote .quotes__nav .slider__arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F1F9F3;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 60px;
}

.page-template-industry .singlePostAltQuote .quotes__nav .slider__arrow svg {
    height: 13px;
    width: 13px;
}

.page-template-industry .singlePostAltQuote .quotes__nav .slider__arrow.slider__prev {
    margin-right: 14px;
}

.page-template-industry .singlePostAltQuote .quotes__nav .slider__arrow:hover {
    cursor: pointer;
}

.page-template-industry #about__contact form .form__submit,
.page-template-industry #about__contact form input[type=submit] {
    background: #FFC7D3;
}

.page-template-industry #newsletter.blue .hs-button,
.page-template-solutions #about__contact.blue .hs-button {
    background: #BFE6F0;
}

.page-template-industry #newsletter.pink .hs-button,
.page-template-solutions #about__contact.pink .hs-button {
    background: #FFC7D3;
}

.page-template-industry #newsletter.orange .hs-button,
.page-template-solutions #about__contact.orange .hs-button {
    background: #FEB7A5;
}

.page-template-industry #newsletter.green .hs-button,
.page-template-solutions #about__contact.green .hs-button {
    background: #CEECD8;
}

.page-template-solutions #about__contact form div:first-child {
    grid-column: 1 / span 2;
}


/* Brian's changes - 060622 */

/* ===================
	 Online Guide - Post template
=================== */

.post-template-single-guide .chapter_title,
.post-template-single-guide .cta_form {
    scroll-margin-top: 150px;
}

.post-template-single-guide .siteHeader {
    background: #fff;
}

.post-template-single-guide .content_without_title p,
.post-template-single-guide .content_without_title li {
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 23px;
}

.post-template-single-guide .content_without_title ul {
    margin: 0 0 23px 30px;
}

.post-template-single-guide .content_without_title li {
    margin-bottom: 0;
}

.rank-math-breadcrumb p {
    font-size: 12px;
    margin: 38px 0 64px;
}

.rank-math-breadcrumb a {
    text-decoration: none;
}

.rank-math-breadcrumb a:hover {
    text-decoration: underline;
}

.post-template-single-guide .guide__menu {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-height: 98px;
    padding: 0;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    width: 100%;
    z-index: 98;
}

.post-template-single-guide .guide__menu.pink {
    background: #FFF5F8;
}

.post-template-single-guide .guide__menu.green {
    background: #F1F9F3;
}

.post-template-single-guide .guide__menu.blue {
    background: #EBF6F9;
}

.post-template-single-guide .guide__menu.orange {
    background: #FFF5F2;
}

.post-template-single-guide .guide__menu.unhide {
    -webkit-transform: translateY(-100%);
    transform: translateY(0);
}

.post-template-single-guide .guide__menu .scrollBar {
    height: 6px;
    position: absolute;
    top: 0;
    -webkit-transition: width 0.2s linear;
    transition: width 0.2s linear;
}

.post-template-single-guide .guide__menu .scrollBar:after {
    background: #dadada;
    content: '';
    height: 6px;
    position: absolute;
    width: 100vw;
    z-index: -1;
}

.post-template-single-guide .guide__menu .scrollBar.pink {
    background: #FEB7A5;
}

.post-template-single-guide .guide__menu .scrollBar.green {
    background: #CEECD8;
}

.post-template-single-guide .guide__menu .scrollBar.blue {
    background: #BFE6F0;
}

.post-template-single-guide .guide__menu .scrollBar.orange {
    background: #FEB7A5;
}

.post-template-single-guide .guide__menu .guide__menu__left {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    padding-left: 10%;
    position: relative;
}

.post-template-single-guide .guide__menu .guide__menu__left img {
    bottom: -10px;
    height: auto;
    margin-right: 27px;
    max-width: 85px;
}

.post-template-single-guide .guide__menu .guide__menu__right {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 10%;
}

.post-template-single-guide .guide__menu .guide__menu__right .chapter__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 65px;
    position: relative;
    text-align: center;
}

.post-template-single-guide .guide__menu .guide__menu__right .chapter__list__title {
    color: #3c4043;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 100%;
}

.post-template-single-guide .guide__menu .guide__menu__right .chapter__guide {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dadada;
    border-radius: 100%;
    color: #3c4043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    height: 31px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 5px;
    text-decoration: none;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
    width: 31px;
}

.post-template-single-guide .guide__menu.green .guide__menu__right .chapter__guide:hover {
    background: #CEECD8;
}

.post-template-single-guide .guide__menu.pink .guide__menu__right .chapter__guide:hover {
    background: #FEB7A5;
}

.post-template-single-guide .guide__menu.blue .guide__menu__right .chapter__guide:hover {
    background: #BFE6F0;
}

.post-template-single-guide .guide__menu.orange .guide__menu__right .chapter__guide:hover {
    background: #FEB7A5;
}

#anchorTitle {
    background-color: #3C4043;
    border-radius: 10px;
    color: #fff;
    display: none;
    font-size: 10px;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 6px 12px;
    position: absolute;
    text-transform: uppercase;
}

#anchorTitle:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 37px;
    width: 0;
    height: 0;
    border-bottom: 15px solid #3C4043;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.post-template-single-guide .guide__menu .guide__menu__left .guide__menu__post__title {
    color: #3c4043;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-right: 20px;
    max-width: 270px;
}

.post-template-single-guide .guide__menu .guide__menu__right .post__sharing {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.post-template-single-guide .guide__menu .guide__menu__right .post__sharing .subheading {
    margin-bottom: 12px;
    width: 100%;
}

.post-template-single-guide .guide__menu .guide__menu__right .post__sharing a {
    margin: 0 7px;
    text-decoration: none;
}

.post-template-single-guide .guide-header {
    background-position: 120% -15%;
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
}

.post-template-single-guide .guide-header.pink {
    background-color: #FFF5F8;
    background-image: url('../assets/img/Lines-Pink-01.svg');
}

.post-template-single-guide .guide-header.green {
    background-color: #F1F9F3;
    background-image: url('../assets/img/Lines-Green.svg');
}

.post-template-single-guide .guide-header.blue {
    background-color: #EBF6F9;
    background-image: url('../assets/img/Lines-Blue-01.svg');
}

.post-template-single-guide .guide-header.orange {
    background-color: #FFF5F2;
    background-image: url('../assets/img/Lines-Orange-01.svg');
}

.post-template-single-guide .guide-header .pCol8 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.post-template-single-guide .guide-header .post__details {
    max-width: 490px;
}

.post-template-single-guide .guide-header .post__details .cta--primary {
    font-size: 20px;
    margin: 35px 0 80px;
}

.post-template-single-guide .guide-header .post__details .cta--primary:hover::before {
    width: 52px;
}

.post-template-single-guide .guide-header .post__details .post__sharing {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.post-template-single-guide .guide-header .post__details .post__sharing .subheading {
    margin-right: 8.5px;
}

.post-template-single-guide .guide-header .post__details .post__sharing a {
    margin: 0 8.5px;
    max-height: 18px;
}

.post-template-single-guide .guide-header .post__thumbnail {
    max-width: 410px;
}

.post-template-single-guide .guide-header .post__thumbnail img {
    bottom: -60px;
}

.post-template-single-guide .search--field {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: -webkit-gradient(linear, left top, right top, from(#E03568), color-stop(3%, #E03568), color-stop(3%, #fff), to(#fff));
    background-image: linear-gradient(to right, #E03568, #E03568 3%, #fff 3%, #fff 100%);
    border-radius: 10px;
    -webkit-box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    color: #3C4043;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    font-weight: 700;
    margin: 27px 0 50px;
    padding: 21px 39px 21px 24px;
    position: relative;
}

.post-template-single-guide .search--field:after {
    -webkit-animation: cursor-blink 1.5s steps(2) infinite;
    animation: cursor-blink 1.5s steps(2) infinite;
    background: #E03568;
    content: "";
    display: inline-block;
    height: 17px;
    margin: -3px 0 3px 6px;
    width: 1px;
}

.post-template-single-guide .search--icon {
    margin-right: 13.5px;
}

.post-template-single-guide .full_width_image img {
    border-radius: 20px;
    height: auto;
    margin-bottom: 50px;
    width: 100%;
}

.post-template-single-guide .colored_blockquote .pCol7,
.post-template-single-guide .mid-content_cta .pCol7 {
    border-radius: 20px;
    color: #3c4043;
    margin: 37px auto 60px;
    padding: 65px 10% 70px;
    text-align: center;
}

.post-template-single-guide .colored_blockquote__heading {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 34px;
    position: relative;
}

.post-template-single-guide .colored_blockquote__heading:after {
    border-top: 3px solid #ccc;
    bottom: -12px;
    content: '';
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 148px;
}

.post-template-single-guide .colored_blockquote .pCol7.green .colored_blockquote__heading:after {
    border-color: #CEECD8;
}

.post-template-single-guide .colored_blockquote .pCol7.pink .colored_blockquote__heading:after {
    border-color: #FEB7A5;
}

.post-template-single-guide .colored_blockquote .pCol7.blue .colored_blockquote__heading:after {
    border-color: #BFE6F0;
}

.post-template-single-guide .colored_blockquote .pCol7.orange .colored_blockquote__heading:after {
    border-color: #FEB7A5;
}

.post-template-single-guide .colored_blockquote__content {
    font-size: 26px;
    font-weight: 700;
}

.post-template-single-guide .colored_blockquote .pCol7.green,
.post-template-single-guide .mid-content_cta .pCol7.green,
.post-template-single-guide .cta_form .pCol10.green {
    background: #F1F9F3;
}

.post-template-single-guide .colored_blockquote .pCol7.pink,
.post-template-single-guide .mid-content_cta .pCol7.pink,
.post-template-single-guide .cta_form .pCol10.pink {
    background: #FFF5F8;
}

.post-template-single-guide .colored_blockquote .pCol7.blue,
.post-template-single-guide .mid-content_cta .pCol7.blue,
.post-template-single-guide .cta_form .pCol10.blue {
    background: #EBF6F9;
}

.post-template-single-guide .colored_blockquote .pCol7.orange,
.post-template-single-guide .mid-content_cta .pCol7.orange,
.post-template-single-guide .cta_form .pCol10.orange {
    background: #FFF5F2;
}

.post-template-single-guide .chapter__heading {
    color: #3c4043;
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 50px;
}

.post-template-single-guide .sep__border {
    border-top: 1px solid #ddd;
    margin-top: 70px;
    padding-bottom: 50px;
}

.post-template-single-guide .mid-content_cta .pCol7 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 65px;
    position: relative;
    text-align: left;
}

.post-template-single-guide .mid-content_cta .mid-content_cta__left {
    font-size: 34px;
    font-weight: 700;
    line-height: 37.4px;
}

.post-template-single-guide .mid-content_cta .mid-content_cta__left .cta--primary {
    margin-top: 27px;
}

.post-template-single-guide .mid-content_cta .mid-content_cta__right img {
    bottom: -40px;
    height: auto;
}

.post-template-single-guide .numbered_list_items p {
    font-size: 23px;
    line-height: 30px;
    margin-bottom: 23px;

}

.post-template-single-guide .numbered_list_items .numbered_list__title {
    color: #3c4043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    margin: 50px 0 50px;

}

.post-template-single-guide .numbered_list_items .numbered_list__title span.counter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 60px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 16px;
    min-width: 60px;
    text-align: center;
    width: 60px;
}

.post-template-single-guide .numbered_list_items .numbered_list__title span.title {
    padding-top: 16px;
}

.post-template-single-guide .numbered_list_items .list__item:nth-child(4n - 3) .numbered_list__title span.counter {
    background: #FFF2EF;
}

.post-template-single-guide .numbered_list_items .list__item:nth-child(4n - 2) .numbered_list__title span.counter {
    background: #EBF6F9;
}

.post-template-single-guide .numbered_list_items .list__item:nth-child(4n - 1) .numbered_list__title span.counter {
    background: #F1F9F3;
}

.post-template-single-guide .numbered_list_items .list__item:nth-child(4n) .numbered_list__title span.counter {
    background: #FFF5F8;
}

.post-template-single-guide .footnotes {
    font-size: 12px;
    margin-bottom: 80px;
}

.post-template-single-guide .footnotes__title {
    font-weight: 700;
    text-transform: uppercase;
}

.post-template-single-guide .footnotes ol {
    margin-left: 20px;
}

.post-template-single-guide .cta_form .pCol10 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 70px 100px;
}

.post-template-single-guide .cta_form__left {
    -ms-flex-preferred-size: 27%;
    flex-basis: 27%;
}

.post-template-single-guide .cta_form__left img {
    height: auto;
}

.post-template-single-guide .cta_form__right {
    -ms-flex-preferred-size: 63%;
    flex-basis: 63%;
    padding-left: 40px;
}

.post-template-single-guide .cta_form__right .cta_form__title {
    color: #3c4043;
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 23px;
}

.post-template-single-guide .cta_form__right p {
    color: #3c4043;
    font-size: 23px;
    line-height: 33px;
}

.post-template-single-guide .cta_form__embed {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.post-template-single-guide #about__contact {
    background: transparent;
    border-radius: none;
    margin: 0 auto 60px;
    padding: 0;
}

.post-template-single-guide img {
    height: auto;
}

@media (max-width: 1540px) {
    .post-template-single-guide .guide__menu .guide__menu__left {
        padding-left: 30px;
    }

    .post-template-single-guide .guide__menu .guide__menu__right {
        padding-right: 30px;
    }
}

@media (max-width: 1300px) {

    .post-template-single-guide .guide-header .pCol8,
    .post-template-single-guide .pCol7 {
        width: var(--c10);
    }

    .post-template-single-guide .guide-header {
        background-position: 200% -15%;
    }

    .post-template-single-guide .cta_form .pCol10 {
        padding: 70px 50px;
    }

    .post-template-single-guide .guide__menu .guide__menu__right {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    }

    .post-template-single-guide .guide__menu .guide__menu__right .chapter__list {
        margin-right: 0;
    }
}

@media (max-width: 1000px) {

    .post-template-single-guide .guide-header .pCol8,
    .post-template-single-guide .pCol7 {
        width: calc(100% - 30px);
    }

    .post-template-single-guide .guide-header {
        background-position: 10% -15%;
    }

    .post-template-single-guide .guide__menu.unhide {
        -webkit-transform: translateY(70px);
        transform: translateY(70px);
        padding: 10px 0;
    }

    .post-template-single-guide .guide__menu .guide__menu__left {
        padding-left: 15px;
    }

    .post-template-single-guide .guide__menu .guide__menu__right {
        -ms-flex-preferred-size: 70%;
        flex-basis: 70%;
        padding-right: 15px;
    }

    .post-template-single-guide .guide__menu .guide__menu__left img,
    .post-template-single-guide .guide__menu .guide__menu__left .guide__menu__post__title {
        display: none;
    }
}

@media (max-width: 850px) {
    .post-template-single-guide .guide-header .post__details .title--h3 {
        font-size: 40px;
        padding-right: 20px;
    }

    .post-template-single-guide .guide-header .post__details .cta--primary {
        margin-bottom: 40px;
    }

    .post-template-single-guide .mid-content_cta .mid-content_cta__left {
        font-size: 28px;
    }
}

@media (max-device-width: 834px) {
    .hide-on-mobile {
        display: none;
    }

    .post-template-single-guide .guide__menu .scrollBar {
        bottom: -6px;
        top: auto;
    }

    .post-template-single-guide .guide__menu .guide__menu__left {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-right: 15px;
    }

    .post-template-single-guide .guide__menu .guide__menu__right {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-left: 15px;
    }

    .post-template-single-guide .guide__menu .guide__menu__right .chapter__list__title {
        margin-bottom: 0;
        width: auto;
    }

    .post-template-single-guide .guide__menu .guide__menu__right .post__sharing {
        display: none;
    }

    .post-template-single-guide .guide-header {
        background-position: 10% -105%;
    }

    .post-template-single-guide .guide-header .pCol8 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 40px 30px 0;
        text-align: center;
    }

    .post-template-single-guide .guide-header .post__details {
        max-width: 100%;
        width: 100%;
    }

    .post-template-single-guide .guide-header .post__details .title--h3 {
        padding-right: 0;
    }

    .post-template-single-guide .guide-header .post__details .cta--primary {
        margin: 35px auto 50px;
    }

    .post-template-single-guide .guide-header .post__details .post__sharing {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin: 0 auto;
    }

    .post-template-single-guide .guide-header .post__thumbnail {
        margin: 0 auto;
    }

    .post-template-single-guide .mid-content_cta .pCol7 {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 50px 50px 0;
    }

    .post-template-single-guide .mid-content_cta .mid-content_cta__right img {
        bottom: -60px;
        margin: 0 auto;
        max-width: 60%;
    }

    .post-template-single-guide .cta_form__left,
    .post-template-single-guide .cta_form__right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        padding: 0;
        text-align: center;
    }

    .post-template-single-guide .cta_form__left img {
        margin: 0 auto 30px;
        max-width: 60%;
    }
}

@media (max-width: 600px) {
    .post-template-single-guide .mid-content_cta .mid-content_cta__right img {
        bottom: -50px;
        max-width: 90%;
    }

    .post-template-single-guide .guide__menu .guide__menu__left,
    .post-template-single-guide .guide__menu .guide__menu__right {
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }

    .post-template-single-guide .guide__menu .guide__menu__right .chapter__list__title {
        font-size: 10px;
    }

    .post-template-single-guide .guide__menu .guide__menu__right .chapter__guide {
        font-size: 11px;
        height: 23px;
        margin: 0 3px;
        width: 23px;
    }

    .post-template-single-guide .guide__menu .guide__menu__left .cta--primary {
        font-size: 10px;
        padding: 10px 18px;
    }

    .post-template-single-guide .guide__menu .guide__menu__left .cta--primary:hover:before {
        content: '';
        width: 100%;
    }
}

@media (max-width: 400px) {
    .post-template-single-guide .mid-content_cta .mid-content_cta__right img {
        bottom: -35px;
        max-width: 100%;
    }

    .post-template-single-guide .cta_form__left img {
        max-width: 100%;
    }
}

/* Brian's changes - 062522 */

/* ===================
	 Security section - Home page
=================== */

#security {
    text-align: center;
}

#security .title--h1 {
    margin: 0 auto 20px;
    width: 70%;
}

#security img {
    height: auto;
    margin: 0 auto;
    max-width: 150px;
}

@media (max-width: 600px) {
    #security .title--h1 {
        width: 90%;
    }
}

/* Brian's changes - 070222 */

/* ===================
	 Gated Content landing page
=================== */

.page-template-gated-content [data-barba-namespace] {
    position: relative;
    z-index: 2;
}

.page-template-gated-content {
    color: #3C4043;
    overflow: hidden;
}

.page-template-gated-content #hero {
    margin: 0 auto;
    padding: 80px 0;
    position: relative;
}

.page-template-gated-content #hero .image__container {
    border-radius: 100%;
    height: 582px;
    left: 60%;
    overflow: hidden;
    padding: 190px 0 0 86px;
    position: absolute;
    top: -240px;
    width: 582px;
}

.page-template-gated-content #hero .image__container img {
    max-width: 363px;
    height: auto;
}

.page-template-gated-content #hero .colImage__content {
    max-width: 60%;
}

.page-template-gated-content #hero .hero__title {

    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 30px;
}

.page-template-gated-content #hero .content__text {
    max-width: 740px;
}

.page-template-gated-content #hero .content__text p {
    font-size: 18px;
    line-height: 24px;
}

@media (max-width: 1024px) {
    .page-template-gated-content #hero {
        width: calc(100% - 60px);
    }

    .page-template-gated-content #hero .image__container {
        padding-top: 25%;
    }

    .page-template-gated-content #hero .image__container img {
        max-width: 300px;
    }
}

@media (max-width: 1000px) {
    .page-template-gated-content .siteheader {
        background: transparent;
        padding: 5px 0;
        position: relative;
        width: calc(100% - 15px);
    }

    .page-template-gated-content #hero .image__container {
        padding-top: 240px;
        top: -140px;
    }
}

@media (max-width: 834px) {
    .page-template-gated-content #hero .image__container .image__mask {
        display: none;
    }

    .page-template-gated-content #hero .colImage__content {
        max-width: 100%;
    }
}

.page-template-gated-content #about__contact {
    background: transparent;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
    margin: 0 auto;
    padding: 0 0 68px;
}

.page-template-gated-content #about__contact ul,
.post-template-single-guide #about__contact ul {
    list-style: none;
}

.page-template-gated-content #about__contact form,
.post-template-single-guide #about__contact form {
    display: block;
    margin: 0;
}

.page-template-gated-content #about__contact form fieldset,
.post-template-single-guide #about__contact form fieldset {
    max-width: 100% !important;
}

.page-template-gated-content #about__contact form .legal-consent-container .hs-form-booleancheckbox-display > span,
.post-template-single-guide #about__contact form .legal-consent-container .hs-form-booleancheckbox-display > span {
    display: inline-block;
    margin-left: 12px;
}

.page-template-gated-content #about__contact form .legal-consent-container .hs-form-booleancheckbox-display p,
.post-template-single-guide #about__contact form .legal-consent-container .hs-form-booleancheckbox-display p {
    display: inline-block;
    margin: 7px 0 0 0;
}

.page-template-gated-content #about__contact form input,
.page-template-gated-content #about__contact form textarea {
    background: #F8F8F8;
}

.page-template-gated-content #about__contact form .hs-form-booleancheckbox-display,
.post-template-single-guide #about__contact form .hs-form-booleancheckbox-display {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0 20px;
}

.page-template-gated-content #about__contact form input[type=checkbox],
.post-template-single-guide #about__contact form input[type=checkbox] {
    all: revert;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #F8F8F8;
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 100%;
    -webkit-transform: translateY(-0.075em);
    transform: translateY(-0.075em);
    display: inline-grid;
    place-content: center;
}

.post-template-single-guide #about__contact form input[type=checkbox] {
    background-color: #fff;
}

.page-template-gated-content #about__contact form input[type=checkbox]:hover,
.post-template-single-guide #about__contact form input[type=checkbox]:hover {
    cursor: pointer;
}

.page-template-gated-content #about__contact form input[type=checkbox]::before,
.post-template-single-guide #about__contact form input[type=checkbox]::before {
    content: "";
    width: 18px;
    height: 18px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms -webkit-transform ease-in-out;
    transition: 120ms transform ease-in-out;
    transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
    -webkit-box-shadow: inset 1em 1em #CCC;
    box-shadow: inset 1em 1em #CCC;
    background-color: CanvasText;
    border-radius: 100%;
}

.page-template-gated-content #about__contact form input[type=checkbox]:checked::before,
.post-template-single-guide #about__contact form input[type=checkbox]:checked::before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.page-template-gated-content #about__contact form .form__submit,
.page-template-gated-content #about__contact form input[type=submit],
.post-template-single-guide #about__contact form .form__submit,
.post-template-single-guide #about__contact form input[type=submit] {
    margin: 0;
}

.page-template-gated-content #about__contact form .hs-fieldtype-textarea textarea,
.post-template-single-guide #about__contact form .hs-fieldtype-textarea textarea {
    height: 100px;
}

@media (max-width: 1024px) {
    .page-template-gated-content #about__contact {
        width: calc(100% - 60px);
    }
}

.page-template-gated-content #logos {
    opacity: 1;
    margin: 0 auto;
    padding: 69px 0 112px;
}

.page-template-gated-content #testimonies {
    margin: 0 auto;
    padding: 120px 0 187px;
}

.page-template-gated-content #testimonies.pink {
    background: #FFF5F8;
}

.page-template-gated-content #testimonies.green {
    background: #F1F9F3;
}

.page-template-gated-content #testimonies.blue {
    background: #EBF6F9;
}

.page-template-gated-content #testimonies.orange {
    background: #FFF5F2;
}

.page-template-gated-content #testimonies .testimonies__slider {
    overflow-x: hidden;
    width: 100%;
}

.page-template-gated-content #testimonies .slider__container {
    border-radius: 0;
    margin: 0;
    width: 100%;
}

.page-template-gated-content #testimonies .testimonies__item {
    min-height: 100%;
    padding: 0;
    width: 100%;
}

.page-template-gated-content #testimonies .testimonies__item::after {
    display: none;
}

.page-template-gated-content #testimonies .testimonies__item:not(.swiper-slide-active) {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.page-template-gated-content #testimonies .testimonies__content {
    width: 82%;
}

.page-template-gated-content #testimonies .testimonies__img {
    border-radius: 0;
    text-align: right;
    width: 15%;
}

.page-template-gated-content #testimonies .testimonies__img:before {
    display: none;
}

.page-template-gated-content #testimonies .testimonies__img .img__mask {
    border-radius: 100%;
    height: 129px;
    margin: 0 0 0 auto;
    overflow: hidden;
    width: 129px;
}

.page-template-gated-content #testimonies .testimony__txt {
    font-size: 30px;
    font-weight: 700;
    line-height: 120%;
}

.page-template-gated-content #testimonies .testimony__author {
    font-size: 18px;
    margin: 30px 0 0;
}

.page-template-gated-content #testimonies .pCol8 {
    position: relative;
}

.page-template-gated-content #testimonies .testimonies__buttons {
    position: relative;
    right: auto;
    top: 10px;
}

.page-template-gated-content #testimonies .testimonies__buttons::before {
    display: none;
}

.page-template-gated-content #testimonies .testimonies__buttons .testimonies__prev {
    margin-right: 14px;
}

.page-template-gated-content #testimonies .inner__button {
    height: 60px;
    width: 60px;
}

.page-template-gated-content #testimonies.pink .inner__button {
    background: #FFC7D3;
}

.page-template-gated-content #testimonies.green .inner__button {
    background: #CEECD8;
}

.page-template-gated-content #testimonies.blue .inner__button {
    background: #BFE6F0;
}

.page-template-gated-content #testimonies.orange .inner__button {
    background: #FEB7A5;
}

.page-template-gated-content #testimonies .inner__button svg {
    height: 13px;
    width: 14px;
}

@media (max-width: 1024px) {
    .page-template-gated-content #testimonies {
        padding: 60px 30px 100px;
    }

    .page-template-gated-content #testimonies .slider__container {
        margin: 0 0 0 auto;
    }

    .page-template-gated-content #testimonies .testimonies__item {
        height: 100%;
        padding: 0 30px;
        width: 100%;
    }

    .page-template-gated-content #testimonies .testimonies__content {
        width: 100%;
    }

    .page-template-gated-content #testimonies .testimony__txt {
        font-size: 24px;
        line-height: 120%;
    }

    .page-template-gated-content #testimonies .testimonies__img {
        height: auto;
        margin: 0 0 30px;
        text-align: left;
        width: 100%;
    }

    .page-template-gated-content #testimonies .testimonies__img .img__mask {
        margin: 0;
    }

    .page-template-gated-content #testimonies .testimonies__buttons {
        padding-left: 30px;
    }
}

@media (max-width: 834px) {
    .page-template-gated-content #testimonies .testimonies__slider {
        padding: 0;
    }

    .page-template-gated-content #testimonies .testimony__txt {
        font-size: 18px;
        line-height: 120%;
    }

    .page-template-gated-content #testimonies .testimony__author {
        font-size: 16px;
        margin: 20px 0 0;
    }

    .page-template-gated-content #testimonies .testimonies__buttons {
        bottom: auto;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-transform: none;
        transform: none;
        width: auto;
    }
}

.page-template-gated-content #resources {
    margin: 50px auto;
    padding-bottom: 0;
}

.page-template-gated-content #newsletter {
    margin: 0 auto 90px;
}

.page-template-gated-content #newsletter a.cta--primary {
    margin: 40px auto 0;
}

.page-template-gated-content #fwimage {
    margin-bottom: 90px;
}

/* Brian's changes - 071722 */

/* ===================
	 Featured posts carousel on Resources archive pages
=================== */

.featuredPosts__slider .swiper-slide {
    border-radius: 24px;
    height: auto;
    width: 960px;
}

.featuredPosts__slider .swiper-slide.pink {
    background: #FFF5F8;
}

.featuredPosts__slider .swiper-slide.green {
    background: #F1F9F3;
}

.featuredPosts__slider .swiper-slide.blue {
    background: #EBF6F9;
}

.featuredPosts__slider .swiper-slide.orange {
    background: #FFF5F2;
}

.featuredPosts__slider .featured__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*padding:100px 100px 54px 120px;*/
}

.featuredPosts__slider .featured__item__left {
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    padding: 100px 40px 54px 120px;
}

.featuredPosts__slider .featured__item__right {
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
    padding: 100px 100px 54px 0;
}

.featuredPosts__slider .featured__item__left .title--h3 {
    font-size: 40px;
    line-height: 44px;
    margin-bottom: 20px;
}

.featuredPosts__slider .featured__item__left .title--h3 a {
    text-decoration: none;
}

.featuredPosts__slider .featured__item__left .post__excerpt {
    margin-bottom: 24px;
}

.featuredPosts__slider .swiper-slide .cat__color {
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 15px;
    margin-bottom: 31px;
    text-transform: uppercase;
}

.featuredPosts__slider .swiper-slide.pink .cat__color {
    color: #FFC7D3;
}

.featuredPosts__slider .swiper-slide.green .cat__color {
    color: #CEECD8;
}

.featuredPosts__slider .swiper-slide.blue .cat__color {
    color: #BFE6F0;
}

.featuredPosts__slider .swiper-slide.orange .cat__color {
    color: #FEB7A5;
}

.featuredPosts__slider .featured__item__right img {
    border-radius: 100%;
}

.featuredPosts__slider .quotes__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1040px;
    z-index: 9999;
}

.featuredPosts__slider .slider__arrow {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 80px;
}

.featuredPosts__slider .slider__arrow:hover {
    cursor: pointer;
}

@media (max-width:1100px) {
    .featuredPosts__slider .swiper-slide {
        width: 90%;
    }

    .featuredPosts__slider .quotes__nav {
        width: calc(90% + 80px);
    }
}

@media (max-width:834px) {
    .featuredPosts__slider .featured__item__left {
        -ms-flex-preferred-size: 75%;
        flex-basis: 65%;
        padding: 50px 40px 50px 80px;
    }

    .featuredPosts__slider .featured__item__right {
        -ms-flex-preferred-size: 25%;
        flex-basis: 35%;
        padding: 50px 80px 50px 0;
    }

    .featuredPosts__slider .featured__item__left .title--h3 {
        font-size: 30px;
        line-height: 34px;
    }
}

@media (max-width:834px) {
    .featuredPosts__slider .featured__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .featuredPosts__slider .featured__item__left {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 10px 60px 50px 60px;
    }

    .featuredPosts__slider .featured__item__right {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 50px 60px 10px;
    }
}

/* Brian's changes - 073022 */

/* ===================
	 Start Personalizing - Tabs on Personal Intelligence page
=================== */
.personalizing {
    margin: 95px auto 0;
    text-align: center;
}

.personalizing.green {
    background: #F1F9F3;
}

.personalizing.blue {
    background: #EBF6F9;
}

.personalizing.pink {
    background: #FFF5F8;
}

.personalizing.orange {
    background: #FFF5F2;
}

.personalizing .title--h3 {
    margin-bottom: 30px;
}

.personalizing__text {
    margin-bottom: 80px;
}

.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tabs label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #F4F4F4;
    border-radius: 12px 12px 0 0;
    cursor: pointer;
    color: #3C4043;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 17px;
    font-weight: 600;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: 20px;
    padding: 18px 28px;
    -webkit-transition: background ease 0.2s;
    transition: background ease 0.2s;
}

.tabs label:first-of-type {
    margin-left: 40px;
}

.tabs .tab {
    border-radius: 24px;
    display: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-ordinal-group: 100;
    -ms-flex-order: 99;
    order: 99;
    padding: 60px 115px;
    width: 100%;
}

.tabs.pink .tab,
.tabs.pink input[type="radio"]:checked + label {
    background: #FFF5F8;
}

.tabs.green .tab,
.tabs.green input[type="radio"]:checked + label {
    background: #F1F9F3;
}

.tabs.blue .tab,
.tabs.blue input[type="radio"]:checked + label {
    background: #EBF6F9;
}

.tabs.orange .tab,
.tabs.orange input[type="radio"]:checked + label {
    background: #FFF5F2;
}

.tabs input[type="radio"] {
    display: none;
}

.tabs input[type="radio"]:checked + label + .tab {
    display: block;
}

@-webkit-keyframes cursor-blink {
    0% {
        opacity: 0;
    }
}

@keyframes cursor-blink {
    0% {
        opacity: 0;
    }
}

.personalizing .search--icon {
    margin-right: 13.5px;
}

.personalizing__row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 45px;
    text-align: left;
}

.personalizing__row__title {
    color: #232126;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
    width: 100%;
}

.personalizing__row__img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 24px;
    height: 215px;
    width: 16%;
}

.personalizing__row.second .personalizing__row__img {
    height: 124px;
    width: 19.85%;
}

#provalues.consumer__provalues.second {
    margin: 120px auto 0;
}

@media (max-width: 1100px) {
    .personalizing__row__img {
        height: 170px;
    }

    .personalizing__row.second .personalizing__row__img {
        height: 95px;
    }
}

@media (max-width: 1000px) {
    .personalizing {
        width: calc(100% - 60px);
    }

    .tabs .tab,
    .tabs label {
        -webkit-box-ordinal-group: initial;
        -ms-flex-order: initial;
        order: initial;
    }

    .tabs label,
    .tabs label:first-of-type {
        border-radius: 24px;
        width: 100%;
        margin: 0.2rem 0 0;
    }

    .tabs input[type="radio"]:checked + label {
        border-bottom: 1px solid #ddd;
        border-radius: 24px 24px 0 0;
    }

    .tabs .tab {
        border-radius: 0 0 24px 24px;
        padding: 50px 5% 0;
    }
}

@media (max-device-width: 834px) {
    .personalizing__row__img {
        height: 140px;
        width: 18%;
    }

    .personalizing__row.second .personalizing__row__img {
        height: 80px;
        width: 23%;
    }
}

@media (max-width: 400px) {
    .personalizing__row__img {
        height: 110px;
    }

    .personalizing__row.second .personalizing__row__img {
        height: 40px;
    }
}

/* Brian's changes - 082022 */

.page-template-solutions:not(.page-id-452) #solutions__hero .solutions__picture.oval {
    width: 70%;
}

.page-template-solutions:not(.page-id-452) #solutions__hero .solutions__picture.oval .aspectRatio--5x7::before {
    padding-top: 50%;
}

/* Brian's changes - 090322 */

/* ===================
	 New Nav Menu
=================== */
.siteHeader .submenu .submenu__inner:not(.submenu--list) .submenu__item {
    text-align: center;
}

.siteHeader .submenu .item__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 450;
    line-height: 1.3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1100px;
    padding: 20px 60px 30px;
    text-align: left;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .item__details {
    max-width: none;
    padding: 0 60px 0 0;
}

.siteHeader .submenu .item__title {
    line-height: 1;
    margin-bottom: 16px;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .item__details button {
    margin-top: 19px;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .item__thumbnail {
    height: auto;
    padding: 0;
    position: relative;
}

.siteHeader .submenu .submenu__inner:not(.submenu--list) .item__thumbnail * {
    max-width: 100%;
    height: auto;
}

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__inner {
    padding: 20px 30px
}

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__details {
    padding: 0 15px 0 0;
}

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .submenu__inner .item__thumbnail {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 100%;
    padding: 0;
}

.siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__details {
    max-width: 60%;
}

@media (max-width: 1400px) {
    .siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .siteHeader li.menu__item:nth-of-type(6n+6) .submenu .item__details {
        max-width: 100%;
    }

    .siteHeader li.menu__item:nth-of-type(6n+6) .submenu .submenu__inner .item__thumbnail {
        padding-top: 50px;
    }
}

/* ===================
	 Everything page template
=================== */
.page-template-everything section:not(#hero):not(#diagram):not(#newsletter):not(#product__hero):not(.faq):not(#story):not(#about__contact):not(#awards):not(#benefits) {
    margin: 0 auto;
    padding: 50px 0;
}

.page-template-everything section#hero {
    padding-bottom: 50px;
}

.page-template-everything #provalues {
    margin-top: 50px;
}

.page-template-everything section#newsletter,
.page-template-everything section.faq {
    margin: 50px auto;
}

.page-template-everything #provalues.left-image .values__content {
    padding: 0 0 0 10%;

}

.page-template-everything #provalues.left-image .item__title,
.page-template-everything #provalues.left-image .item__content {
    width: 100%
}

.page-template-everything section#product__hero {
    margin: 0 auto 50px;
    max-height: 1200px;
    padding: 50px 0;
}

.page-template-everything section#product__hero .hero__picture .circles--blue,
.page-template-everything section#product__hero .hero__picture .circles--pink {
    z-index: -1;
}

.page-template-everything section#solutions__hero .solutions__picture.oval {
    width: 70%;
}

.page-template-everything section#solutions__hero .solutions__picture.oval .aspectRatio--5x7::before {
    padding-top: 50%;
}

.page-template-everything .bloc__colText.pCol8 p {
    margin-bottom: 2rem;
}

.page-template-everything .bloc__colImage.right--image {
    grid-template-columns: var(--c4) var(--c6);
}

.page-template-everything #ctabox .colorPush {
    margin: 0 auto;
}

.page-template-everything section#story {
    background: #EBF6F9;
    margin: 0 auto 50px;
    overflow: hidden;
    padding: 50px 0 195px;
}

.page-template-everything #about__contact form div:first-of-type {
    grid-column-start: 1;
    grid-column-end: 3;
}

.page-template-everything #company {
    margin: 0 auto;
}

.page-template-everything #benefits {
    padding: 0 0 0 var(--cg1);
    margin: 50px auto;
}

@media (max-width: 1024px) {
    .page-template-everything #company .company__content {
        padding: 60px 0 60px 40px;
    }
}

@media (max-device-width: 834px) {

    .page-template-everything #provalues,
    .page-template-everything #resources,
    .page-template-everything #product__hero,
    .page-template-everything .bloc__colText {
        width: calc(100% - 30px);
    }

    .page-template-everything #provalues.left-image .values__content {
        padding: 0;
    }

    .page-template-everything .bloc__colImage,
    .page-template-everything .bloc__colImage.right--image {
        grid-template-columns: 1fr;
    }

    .page-template-everything .bloc__colImage.right--image .colImage__image {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .page-template-everything .bloc__colImage.right--image .colImage__content {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .page-template-everything #company .company__content {
        padding: 60px 40px;
        width: auto;
    }

    .page-template-everything #company .company__picture {
        width: auto;
    }
}


/* ===================
	 New Nav Menu - 091822
=================== */
.siteHeader #menu-new-header-menu .submenu {
    background: #FFFFFF;
    border-radius: 22px;
    border: 1px solid #EFF0F7;
    -webkit-box-shadow: 0px 10px 14px rgb(74 58 255 / 1%), 0px 8px 16px rgb(23 15 73 / 3%);
    box-shadow: 0px 10px 14px rgb(74 58 255 / 1%), 0px 8px 16px rgb(23 15 73 / 3%);
    color: #81868A;
    left: -60px;
    min-height: 475px;
    padding: 0 0 0 50px;
    position: absolute;
    top: 60px;
    visibility: hidden;
    width: calc(100% + 120px);
}

.siteHeader #menu-new-header-menu .submenu .submenu {
    background: none;
    border: none;
    border-radius: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: auto;
    min-height: auto;
    padding: 0;
    position: relative;
    top: 0;
    width: 100%;
}

.siteHeader #menu-new-header-menu.siteHeader__nav {
    position: relative;
}

.siteHeader #menu-new-header-menu .menu-item.on > a:before {
    display: none;
}

.siteHeader #menu-new-header-menu .menu-item-has-children a {
    padding-bottom: 60px;
}

.siteHeader #menu-new-header-menu .menu-item-has-children .submenu a {
    padding-bottom: 0;
}

.siteHeader #menu-new-header-menu .submenu svg.uparrow {
    top: -24px;
    left: 114px;
    position: absolute;
    visibility: hidden;
}

.siteHeader #menu-new-header-menu .submenu .submenu svg.uparrow {
    display: none;
}

.siteHeader #menu-new-header-menu li:nth-child(2) .submenu svg.uparrow {
    left: 223px;
}

.siteHeader #menu-new-header-menu li:nth-child(3) .submenu svg.uparrow {
    left: 343px;
}

.siteHeader #menu-new-header-menu li:nth-child(4) .submenu svg.uparrow {
    left: 438px;
}

.siteHeader #menu-new-header-menu li:nth-child(5) .submenu svg.uparrow {
    left: 583px;
}

.siteHeader #menu-new-header-menu li:nth-child(6) .submenu svg.uparrow {
    left: 653px;
}

.siteHeader #menu-new-header-menu .menu-item-has-children.pink .submenu svg.uparrow path {
    fill: #FFF6F9;
}

.siteHeader #menu-new-header-menu .menu-item-has-children.green .submenu svg.uparrow path {
    fill: #F1F9F3;
}

.siteHeader #menu-new-header-menu .menu-item-has-children.blue .submenu svg.uparrow path {
    fill: #EBF6F9;
}

.siteHeader #menu-new-header-menu .menu-item-has-children.orange .submenu svg.uparrow path {
    fill: #FFF2EF;
}

.siteHeader #menu-new-header-menu .submenu .menu-item.submenu__title {
    margin: 60px 0 40px 0;
}

.siteHeader #menu-new-header-menu .submenu .menu-item.submenu__title.menu-item-2708 {
    margin-bottom: 20px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item {
    margin: 0;
    position: static;
    width: 38%;
}

.siteHeader #menu-new-header-menu .submenu .submenu .menu-item {
    list-style: disc;
    margin-left: 20px;
    width: 100%;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a {
    color: #3C4043;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 70px 18px 0;
    position: static;
    -webkit-transition: color 0.2s linear;
    transition: color 0.2s linear;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a:hover {
    color: #E03568;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a:hover .right-info {
    color: #3C4043;
}

.siteHeader #menu-new-header-menu .submenu .submenu .menu-item a {
    font-size: 16px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item.submenu__title a,
.siteHeader #menu-new-header-menu .submenu .menu-item.submenu__title a:hover {
    color: #3C4043;
    cursor: default;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info {
    border-radius: 0 22px 22px 0;
    height: calc(100% + 1px);
    position: absolute;
    right: -1px;
    text-align: center;
    top: -1px;
    width: 58.5%;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info-wrapper {
    padding: 0 45px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

.siteHeader #menu-new-header-menu .submenu .menu-item:not(.submenu__title) a .right-info-wrapper {
    visibility: hidden;
}

.siteHeader #menu-new-header-menu .menu-item.green .submenu .menu-item a .right-info,
.siteHeader #menu-new-header-menu .submenu .menu-item.menu-card.green a {
    background: #F1F9F3;
}

.siteHeader #menu-new-header-menu .menu-item.green .submenu .menu-item a .right-info {
    border: 1px solid #F1F9F3;
}

.siteHeader #menu-new-header-menu .menu-item.orange .submenu .menu-item a .right-info,
.siteHeader #menu-new-header-menu .submenu .menu-item.menu-card.orange a {
    background: #FFF2EF;
}

.siteHeader #menu-new-header-menu .menu-item.orange .submenu .menu-item a .right-info {
    border: 1px solid #FFF2EF;
}

.siteHeader #menu-new-header-menu .menu-item.blue .submenu .menu-item a .right-info,
.siteHeader #menu-new-header-menu .submenu .menu-item.menu-card.blue a {
    background: #EBF6F9;
}

.siteHeader #menu-new-header-menu .menu-item.blue .submenu .menu-item a .right-info {
    border: 1px solid #EBF6F9;
}

.siteHeader #menu-new-header-menu .menu-item.pink .submenu .menu-item a .right-info,
.siteHeader #menu-new-header-menu .submenu .menu-item.menu-card.pink a {
    background: #FFF6F9;
}

.siteHeader #menu-new-header-menu .menu-item.pink .submenu .menu-item a .right-info {
    border: 1px solid #FFF6F9;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info img {
    margin: 0 auto;
    max-height: 180px;
    width: auto;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info.circle img {
    border-radius: 100%;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .right-info__title {
    font-size: 26px;
    font-weight: 700;
    line-height: 28px;
    margin: 33px auto 17px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .right-info__desc,
.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .right-info__desc p {
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin: 0 auto;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .cta--primary {
    margin: 22px auto 0;
}

/*.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .cta--primary:before {
    transition:transform 0.5s 0.4s cubic-bezier(0.25, 0, 0, 1), -webkit-transform 0.5s 0.4s cubic-bezier(0.25, 0, 0, 1), width 0.5s 0.4s cubic-bezier(0.25, 0, 0, 1);
}*/
.siteHeader #menu-new-header-menu .menu-item-has-children:hover .submenu .menu-item.submenu__title a .right-info {
    visibility: visible;
}

.siteHeader #menu-new-header-menu .menu-item-has-children:hover .submenu,
.siteHeader #menu-new-header-menu .menu-item-has-children:hover .submenu svg.uparrow,
.siteHeader #menu-new-header-menu .submenu .menu-item:not(.submenu__title) a:hover .right-info-wrapper {
    visibility: visible;
    -webkit-animation: ok 0.5s forwards;
    animation: ok 0.5s forwards;
}

.siteHeader #menu-new-header-menu .submenu .menu-item.menu-card {
    padding-right: 60px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item.menu-card a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 17px;
    padding: 8px 18px 4px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item.menu-card a img {
    border-radius: 100%;
    margin-right: 15px;
    max-height: 70px;
    max-width: 70px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.siteHeader #menu-new-header-menu .submenu .menu-item.menu-card a .link-title {
    font-size: 16px;
    font-weight: 700;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .resources-title {
    margin-bottom: 40px;
    text-align: left;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .resources-title.company {
    margin-bottom: 16px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .resources-list li button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
    text-align: left;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .resources-list li:last-of-type button {
    margin-bottom: 0;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .resources-list li button img {
    border-radius: 100%;
    margin-right: 18px;
    max-height: 70px;
    max-width: 70px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .resources-list li button .post-title svg {
    height: 14px;
    margin-left: 6px;
    top: -1px;
    vertical-align: middle;
    width: 14px;
}

.siteHeader #menu-new-header-menu .submenu .menu-item a .right-info .resources-list li button .post-title .catname {
    color: #B6B6B6;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
}

/* ===================
	 New Video Hub + Single post - 102922
=================== */
.category-video .featuredPosts__slider .featured__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 50px 130px;
    text-align: center;
}

.category-video .featuredPosts__slider .featured__item .post__thumbnail {
    border-radius: 24px;
    margin-bottom: 32px;
    overflow: hidden;
    position: relative;
}

.category-video .featuredPosts__slider .featured__item .post__thumbnail a {
    display: block;
    position: relative;
}

.category-video .featuredPosts__slider .featured__item .post__thumbnail svg {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
}

.category-video .featuredPosts__slider .featured__item .title--h3 {
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    margin-bottom: 21px;
}

.category-video .featuredPosts__slider .featured__item .title--h3 a {
    text-decoration: none;
    -webkit-transition: opacity 0.25s ease;
    transition: opacity 0.25s ease;
}

.category-video .featuredPosts__slider .featured__item .title--h3 a:hover {
    opacity: 0.7;
}

.category-video .hub__nav.video__cats {
    background: transparent;
    border: 1px solid #C4C4C4;
    margin: 30px auto 58px;
}

.category-video .hub__nav.video__cats .cat__item:hover,
.category-video .hub__nav.video__cats .cat__item.cat--active {
    background: #FFF6F9;
}

/*.category-video .posts__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4.5vw;
    margin-top:0;
}
.category-video .posts__grid .post__item .post__thumbnail {
    border-radius:24px !important;
    margin:0 0 42px;
    overflow:hidden;
    position:relative;
}
.category-video .posts__grid .post__thumbnail a {
    display:block;
    position:relative;
}
.category-video .posts__grid .post__thumbnail svg {
    left:0;
    margin:0 auto;
    position:absolute;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    z-index:20;
}
.category-video .posts__grid .post__item {
    margin-bottom:78px;
    padding:0;
}*/

/* ===================
	 Partners Page Logos - 111222
=================== */

#logos.partners {
    text-align: center;
}

#logos.partners .logos__container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#logos.partners .logos__title {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-bottom: 50px;
}

#logos.partners .partner__logos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width:100%;
}

#logos.partners .partner__logos .logo {
    -ms-flex-preferred-size: 15%;
    flex-basis: 15%;
}

@media (max-device-width: 834px) {
    #logos.partners .partner__logos .logo {
        -ms-flex-preferred-size: 27%;
        flex-basis: 27%;
        margin-bottom: 20px;
    }
}

@media (max-device-width: 500px) {
    #logos.partners .partner__logos .logo {
        -ms-flex-preferred-size: 45%;
        flex-basis: 45%;
    }
}

/* ===================
	 New Home Hero - 111922
=================== */
/*.home #hero {
    height: 670px;
    margin:1px 0 0;
    width:100%;
}
.home__carousel {
    height:100%;
    width:100%;
}
.home__carousel .slide {
    background-position:right center;
    background-repeat:no-repeat;
    background-size:auto;    
    height:100%;
    width:100%;
}
.home__carousel .slide:before {
    background:linear-gradient(91.01deg, #FFFBF8 43.06%, rgba(217, 217, 217, 0) 85.02%) left center no-repeat;
    content:'';
    height:100%;
    left:0;
    position:absolute;
    right:0;
    top:0;
    width:100%;
    z-index:0;
}
.home__carousel .slide .slide__content {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    margin:0 auto;
}
.home__carousel .slide .slide__left {
    -ms-flex-preferred-size:35%;
    flex-basis:35%;
}
.home__carousel .slide .slide__left .title--h1 {
    margin-bottom:25px;
}
.home__carousel__search {
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    background: #FFFFFF;
    border-radius: 11px;
    -webkit-box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 24px 34px rgba(0, 0, 0, 0.04);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:43px;
    overflow:hidden;
    padding: 20px 22px 17px;
    position:relative;
    width:350px;
}
.home__carousel__search .border {
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 100%;
}
.home__carousel .slide.green .home__carousel__search .border {
    background:#CEECD8;
}
.home__carousel .slide.pink .home__carousel__search .border {
    background:#FFC7D3;
}
.home__carousel .slide.orange .home__carousel__search .border {
    background:#FEB7A5;
}
.home__carousel .slide.blue .home__carousel__search .border {
    background:#BFE6F0;
}
.home__carousel__search .search__text {
    border-right: 2px solid rgba(0,0,0,.75);
    color:#3C4043;
    font-size: 17px;
    font-weight: 600;
    line-height: 120%;
    overflow: hidden;
    padding-left:15px;
    white-space: nowrap;
}
@-webkit-keyframes typewriter {
  from{width: 0;}
  to{width: 275px;}
}
@keyframes typewriter {
  from{width: 0;}
  to{width: 275px;}
}
@-webkit-keyframes blinkTextCursorGreen {
  from{border-right-color: #CEECD8;}
  to{border-right-color: transparent;}
}
@keyframes blinkTextCursorGreen {
  from{border-right-color: #CEECD8;}
  to{border-right-color: transparent;}
}
@-webkit-keyframes blinkTextCursorPink{
  from{border-right-color: #FFC7D3;}
  to{border-right-color: transparent;}
}
@keyframes blinkTextCursorPink {
  from{border-right-color: #FFC7D3;}
  to{border-right-color: transparent;}
}
@-webkit-keyframes blinkTextCursorOrange {
  from{border-right-color: #FEB7A5;}
  to{border-right-color: transparent;}
}
@keyframes blinkTextCursorOrange {
  from{border-right-color: #FEB7A5;}
  to{border-right-color: transparent;}
}
@-webkit-keyframes blinkTextCursorBlue {
  from{border-right-color: #BFE6F0;}
  to{border-right-color: transparent;}
}
@keyframes blinkTextCursorBlue {
  from{border-right-color: #BFE6F0;}
  to{border-right-color: transparent;}
}
.home__carousel .slide.is-selected.green .home__carousel__search .search__text {
    -webkit-animation: typewriter 4s steps(44) 0.25s 1 normal both,
             blinkTextCursorGreen 500ms steps(44) infinite normal;
    animation: typewriter 4s steps(44) 0.25s 1 normal both,
             blinkTextCursorGreen 500ms steps(44) infinite normal;
    border-right-color:#CEECD8;
}
.home__carousel .slide.is-selected.pink .home__carousel__search .search__text {
    -webkit-animation: typewriter 4s steps(44) 0.25s 1 normal both,
             blinkTextCursorPink 500ms steps(44) infinite normal;
    animation: typewriter 4s steps(44) 0.25s 1 normal both,
             blinkTextCursorPink 500ms steps(44) infinite normal;
    border-right-color:#FFC7D3;
}
.home__carousel .slide.is-selected.orange .home__carousel__search .search__text {
    -webkit-animation: typewriter 4s steps(44) 0.25s 1 normal both,
             blinkTextCursorOrange 500ms steps(44) infinite normal;
    animation: typewriter 4s steps(44) 0.25s 1 normal both,
             blinkTextCursorOrange 500ms steps(44) infinite normal;
    border-right-color:#FEB7A5;
}
.home__carousel .slide.is-selected.blue .home__carousel__search .search__text {
    -webkit-animation: typewriter 4s steps(44) 0.25s 1 normal both,
             blinkTextCursorBlue 500ms steps(44) infinite normal;
    animation: typewriter 4s steps(44) 0.25s 1 normal both,
             blinkTextCursorBlue 500ms steps(44) infinite normal;
    border-right-color:#BFE6F0;
}
.home__carousel .slide .slide__left .hero__content {
    margin-bottom:26px;
    padding-right:30px;
}
.home__carousel .flickity-page-dots {
    bottom: auto;
    left: auto;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    right: 26px;
    text-align: right;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
}
.home__carousel .flickity-page-dot {
    background:rgba(255, 255, 255, 0.8);
    font-size:0px;
    margin:4px 0;
}
.home__carousel .flickity-page-dot:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
}
.home__carousel .flickity-page-dot.is-selected.green {
    background:#CEECD8;
}
.home__carousel .flickity-page-dot.is-selected.pink {
    background:#FFC7D3;
}
.home__carousel .flickity-page-dot.is-selected.orange {
    background:#FEB7A5;
}
.home__carousel .flickity-page-dot.is-selected.blue {
    background:#BFE6F0;
}
.home__carousel .tags__cloud {
    height:100%;
    right:0;
    top:50%;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:40%;
}
.home__carousel .tag__item--1 {
    left:21%;
    top:35%;
}
.home__carousel .tag__item--2 {
    right:10%;
    top:50%;
}
.home__carousel .tag__item--3 {
    left:32%;
    top:75%;
}
@-webkit-keyframes atts {
    0% {
        -webkit-transform:scale(0);
        transform:scale(0);
    }
    75% {
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
@keyframes atts {
    0% {
        -webkit-transform:scale(0);
        transform:scale(0);
    }
    75% {
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}
.home__carousel .slide.is-selected .tag__item--1 {
    -webkit-animation: atts 0.7s ease-in-out 0.25s 1 normal;
    animation: atts 0.7s ease-in-out 0.25s 1 normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.home__carousel .slide.is-selected .tag__item--2 {
    -webkit-animation: atts 0.7s ease-in-out 0.75s 1 normal;
    animation: atts 0.7s ease-in-out 0.75s 1 normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.home__carousel .slide.is-selected .tag__item--3 {
    -webkit-animation: atts 0.7s ease-in-out 1.25s 1 normal;
    animation: atts 0.7s ease-in-out 1.25s 1 normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@media (max-device-width: 1600px) {
    .home__carousel .tags__cloud {
        width:50%;
    }
    .home__carousel .slide .slide__left {
        -ms-flex-preferred-size:460px;
        flex-basis:460px;
    }
}
@media (max-device-width: 1450px) {
    .home__carousel .tags__cloud {
        width:55%;
    }
}
@media (max-device-width: 1450px) {
    .home__carousel .tags__cloud {
        width:55%;
    }
}
@media (max-device-width: 1000px) {
    .home #hero {
        height:500px;
    }
    .home__carousel .slide {
        background-size:contain;
    }
    .home__carousel .slide .slide__left {
        padding-left:30px;
    }
    .home__carousel .tags__cloud {
        right:5%;
    }
}
@media (max-device-width: 834px) {
    .home #hero {
        height:785px;
    }
    .home__carousel .slide {
        background-position:center top;
        padding:445px 30px 0;
    }
    .home__carousel .slide:before {
        background:-webkit-gradient(linear,left bottom, left top,color-stop(37.5%, #fffbf8),color-stop(85.02%, rgba(217,217,217,0))) left center no-repeat;
        background:linear-gradient(0deg,#fffbf8 37.5%,rgba(217,217,217,0) 85.02%) left center no-repeat;
    }
    .home__carousel .slide .slide__content {
        -webkit-box-align:start;
        -ms-flex-align:start;
        align-items:flex-start;
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        justify-content:center;        
        text-align:center;
    }
    .home__carousel .slide .slide__left {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-preferred-size:100%;
        flex-basis:100%;
        -webkit-box-orient:vertical;
        -webkit-box-direction:normal;
        -ms-flex-direction:column;
        flex-direction:column;
        padding-left:0;
    }
    .home__carousel__search {
        margin: 0 auto 64px;
        -webkit-box-ordinal-group:2;
        -ms-flex-order:1;
        order:1;
    }
    .home__carousel .slide .slide__left .title--h1 {
        -webkit-box-ordinal-group:3;
        -ms-flex-order:2;
        order:2;
    }
    .home__carousel .slide .slide__left .hero__content {
        -webkit-box-ordinal-group:4;
        -ms-flex-order:3;
        order:3;
    }
    .home__carousel .slide .slide__left .cta--primary {
        margin:0 auto;
        -webkit-box-ordinal-group:5;
        -ms-flex-order:4;
        order:4;
    }
    .home__carousel .tags__cloud {
        height:50%;
        right:0;
        top:30%;
        width:80%;
    }
    .home__carousel .flickity-page-dots {
        bottom: 231px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        right: 0;
        text-align: center;
        top: auto;
        width: 100%;
    }
    .home__carousel .flickity-page-dot {
        margin:0 5px;
    }
    .home__carousel .flickity-page-dot:not(.is-selected) {
        background:#EFDFD7;
    }
}
@media (max-device-width: 742px) {
    .home__carousel .slide {
        background-size:110%;
    }
}
@media (max-device-width: 700px) {
    .home__carousel .slide {
        background-size:125%;
    }
    .home__carousel .tags__cloud {
        height: 55%;
        right: -3%;
        top: 33%;
        width: 85%;
    }
}
@media (max-device-width: 600px) {
    .home #hero {
        height:815px;
    }
    .home__carousel .slide {
        background-position: right top;
        background-size:140%;
    }
    .home__carousel .tags__cloud {
        height: 55%;
        right: 10%;
        top: 30%;
        width: 100%;
    }
    .home__carousel .tag__item--2 {
        right: -5%;
        top: 55%;
    }
    .home__carousel .flickity-page-dots {
        bottom: 261px;
    }
}
@media (max-device-width: 500px) {
    .home #hero {
        height:835px;
    }
    .home__carousel .slide {
        background-position: 85% top;
        background-size:195%;
    }
    .home__carousel .slide:before {
        background:-webkit-gradient(linear,left bottom, left top,color-stop(40.5%, #fffbf8),color-stop(85.02%, rgba(217,217,217,0))) left center no-repeat;
        background:linear-gradient(0deg,#fffbf8 40.5%,rgba(217,217,217,0) 85.02%) left center no-repeat;
    }
    .home__carousel .tag__item--1 {
        left: 15%;
        top: 40%;
    }
    .home__carousel .flickity-page-dots {
        bottom: 281px;
    }
} */

/* ===================
	 New Press Page - 112622
=================== */

#press {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-template-columns: auto;
    gap: 0;
    margin: 74px auto 0;
}

.featured__press .title--h5 {
    border-bottom: 1px solid #EBECEC;
    font-size: 26px;
    font-weight: 800;
    line-height: 29px;
    margin-bottom: 37px;
    padding-bottom: 37px;
}

.featured__press .title--h5 a {
    text-decoration: none;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

.featured__press .title--h5 a svg {
    height: 16px;
    margin-left: 5px;
    width: 16px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.featured__press .title--h5 a svg path {
    fill: #3C4043;
}

.featured__press .title--h5 a:hover {
    opacity: 0.7;
}

.featured__press .title--h5 a:hover svg {
    margin-left: 15px;
}

.featured__press:last-of-type .title--h5 {
    border-bottom: none;
    margin-bottom: 69px;
    padding-bottom: 0;
}

#press .main__picture {
    border-radius: 600px;
    height: 440px;
}

#press .main__picture img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#press .press__posts {
    margin-top: 36px;
}

#press .press__posts .sidebar__posts {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 6.94vw;
}

#press .press__posts .sidebar__posts .sidebar__post,
#press .press__posts .sidebar__posts .sidebar__post + .sidebar__post {
    margin: 0 0 37px;
}

#press .press__posts .sidebar__posts .sidebar__post .post__date,
#press .press__posts .sidebar__posts .sidebar__post .post__details {
    color: #91C6D3;
}

#press .press__posts .sidebar__posts .sidebar__post .title--h5 {
    font-weight: 700;
}

#press .press__posts .sidebar__posts .sidebar__post a {
    text-decoration: none;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}

#press .press__posts .sidebar__posts .sidebar__post a:hover {
    opacity: 0.7;
}

#press .press__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px;
}

#press .press__nav a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #EBF6F9;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 80px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 10px;
    -webkit-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    width: 80px;
}

#press .press__nav a:hover {
    opacity: 0.8;
}

#press__footer {
    margin: 128px auto 0;
    text-align: center;
}

#press__footer a {
    margin: 0 auto;
}

@media (max-device-width: 1000px) {
    #press .press__posts .sidebar__posts {
        display: block;
    }
}

/* ===================
	Brian's changes - 111123
=================== */
#tags__search .tags__form .field__label s {
    left:auto;
    position:relative;
    top:auto;
}