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

@font-face {
    font-display: swap;
    src: url('fonts/Inter-Regular.woff2') format("woff2");
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
}

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

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

@font-face {
    font-display: swap;
    src: url('fonts/Inter-Bold.woff2') format("woff2");
    font-family: Inter;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-display: swap;
    src: url('fonts/Inter-ExtraBold.woff2') format("woff2");
    font-family: Inter;
    font-style: normal;
    font-weight: 800;
}

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

@font-face {
    font-display: swap;
    src: url('fonts/Inter-roman.var.woff2') format("woff2");
    font-family: Inter var;
    font-style: normal;
    font-weight: 100 900;
}

:root {
    --grid-gap: 1.3vw;
    --accent-color: #000;
    --page-padding: 20px;
    --input-height: 45px;
    --input-border-radius: 13px;
     --black: #151515;
    --black-90: rgba(21, 21, 21, .9);
    --black-75: rgba(21, 21, 21, .75);
    --black-50: rgba(21, 21, 21, .5);
--chakra-fontSizes-8: 8px;
    --chakra-fontSizes-10: 10px;
    --chakra-fontSizes-11: 11px;
    --chakra-fontSizes-12: 12px;
    --chakra-fontSizes-13: 13px;
    --chakra-fontSizes-14: 14px;
    --chakra-fontSizes-16: 16px;
    --chakra-fontSizes-25: 25px;
    --chakra-fontSizes-30: 30px;
    --chakra-fontSizes-40: 40px;
    --chakra-fontSizes-3xs: 0.45rem;
    --chakra-fontSizes-2xs: 0.625rem;
    --chakra-fontSizes-xs: 0.625rem;
    --chakra-fontSizes-sm: 0.75rem;
    --chakra-fontSizes-md: 1rem;
    --chakra-fontSizes-lg: 1.125rem;
    --chakra-fontSizes-xl: 1.5rem;
    --chakra-fontSizes-2xl: 1.75rem;
    --chakra-fontSizes-3xl: 2.25rem;
    --chakra-fontSizes-4xl: 3rem;
    --chakra-fontSizes-5xl: 3.25rem;
    --chakra-fontSizes-6xl: 4.25rem;
    --chakra-fontSizes-7xl: 4.5rem;
    --chakra-fontSizes-8xl: 6rem;
    --chakra-fontSizes-9xl: 8rem;
    --chakra-fontWeights-hairline: 100;
    --chakra-fontWeights-thin: 200;
    --chakra-fontWeights-light: 300;
    --chakra-fontWeights-normal: 400;
    --chakra-fontWeights-medium: 500;
    --chakra-fontWeights-semibold: 600;
    --chakra-fontWeights-bold: 700;
    --chakra-fontWeights-extrabold: 800;
    --chakra-fontWeights-black: 900;
    --chakra-letterSpacings-tighter: -0.03em;
    --chakra-letterSpacings-tight: -0.02em;
    --chakra-letterSpacings-normal: 0;
    --chakra-letterSpacings-wide: 0.02em;
    --chakra-letterSpacings-wider: 0.03em;
    --chakra-letterSpacings-widest: 0.04em;
    --chakra-letterSpacings-tightest: -0.04em;
    --chakra-letterSpacings-less-tight: -0.01em;
    --chakra-lineHeights-3: 0.75rem;
    --chakra-lineHeights-4: 1rem;
    --chakra-lineHeights-5: 1.25rem;
    --chakra-lineHeights-6: 1.5rem;
    --chakra-lineHeights-7: 1.75rem;
    --chakra-lineHeights-8: 2rem;
    --chakra-lineHeights-9: 2.25rem;
    --chakra-lineHeights-10: 2.5rem;
    --chakra-lineHeights-normal: normal;
    --chakra-lineHeights-none: 1;
    --chakra-lineHeights-shorter: 1.25;
    --chakra-lineHeights-short: 1.375;
    --chakra-lineHeights-base: 1.5;
    --chakra-lineHeights-tall: 1.625;
    --chakra-lineHeights-taller: 1.725;
    --chakra-lineHeights-6xl: 4rem;
    --chakra-lineHeights-5xl: 3.125rem;
    --chakra-lineHeights-4xl: 3rem;
    --chakra-lineHeights-3xl: 2.5rem;
    --chakra-lineHeights-2xl: 2.125rem;
    --chakra-lineHeights-xl: 1.875rem;
    --chakra-lineHeights-lg: 1.625rem;
    --chakra-lineHeights-md: 1.5rem;
    --chakra-lineHeights-sm: 1rem;
    --chakra-lineHeights-xs: 0.75rem;
    --chakra-lineHeights-tinier: 1.125;
    --chakra-lineHeights-tiny: 1.2;
    --chakra-radii-none: 0;
    --chakra-radii-sm: 0.125rem;
    --chakra-radii-base: 0.25rem;
    --chakra-radii-md: 0.375rem;
    --chakra-radii-lg: 0.5rem;
    --chakra-radii-xl: 0.75rem;
    --chakra-radii-2xl: 1rem;
    --chakra-radii-3xl: 1.5rem;
    --chakra-radii-full: 9999px;
    --chakra-space-1: 0.25rem;
    --chakra-space-2: 0.5rem;
    --chakra-space-3: 0.75rem;
    --chakra-space-4: 1rem;
    --chakra-space-5: 1.25rem;
    --chakra-space-6: 1.5rem;
    --chakra-space-7: 1.75rem;
    --chakra-space-8: 2rem;
    --chakra-space-9: 2.25rem;
    --chakra-space-10: 2.5rem;
    --chakra-space-12: 3rem;
    --chakra-space-14: 3.5rem;
    --chakra-space-16: 4rem;
    --chakra-space-20: 5rem;
    --chakra-space-24: 6rem;
    --chakra-space-28: 7rem;
    --chakra-space-32: 8rem;
    --chakra-space-36: 9rem;
    --chakra-space-40: 10rem;
    --chakra-space-44: 11rem;
    --chakra-space-48: 12rem;
    --chakra-space-52: 13rem;
    --chakra-space-56: 14rem;
    --chakra-space-60: 15rem;
    --chakra-space-64: 16rem;
    --chakra-space-72: 18rem;
    --chakra-space-80: 20rem;
    --chakra-space-96: 24rem;
    --chakra-space-px: 1px;
    --chakra-space-0-5: 0.125rem;
    --chakra-space-1-5: 0.375rem;
    --chakra-space-2-5: 0.625rem;
    --chakra-space-3-5: 0.875rem;
}

@media screen and (min-width: 1024px) {
    :root {
        --page-padding: 45px;
        --input-height: 50px;
        --input-border-radius: 15px;
    }
}

@media screen and (min-width: 1100px) {
    :root {
        --grid-gap: 2vw;
        --page-padding: 70px;
    }
}

::-webkit-scrollbar {
    display: none !important;
}

/* ! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-family: Inter,Helvetica Neue,Arial,sans-serif;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

figcaption,
figure,
main {
    display: block;

}

main{
    overflow:hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: Inter,Helvetica Neue,Arial,sans-serif;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

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

img {
    border-style: none;
}

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

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

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

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

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







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

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

.icon {
    fill: currentColor;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    overflow: hidden;
}

.icon.svg-social-network-facebook {
    width: 2.1em;
}

.icon.svg-social-network-twitter {
    width: 1.28em;
}

.icon.svg-social-network-youtube {
    width: 1.44em;
}

/* ! Dropdown
Dropdown in dom
---------------------------------------------- */


.font-gelion,
.font-h1,
.font-title-1,
.ct--hero-1__title,
.ct--hero-2__title,
.ct--hero-4 .head__title,
.contact-index__wrapper-bottom__content .button-send .label,
.page.not-found .not-found-title,
.font-h2,
.ct--introduction .left-content__title,
.ct--content-double-col .left-content__title,
.ct--pictos-list__title,
.ct--big-blue-slider .top__title,
.ct--slider-count .top__title,
.ct--slider-push .top__title,
.ct--related-post__title,
.ct--slider-push-news .top__title,
.ct--homepage-introduction .left-content__title,
.ct--advanced-content__title,
.ct--block-blue-text__title,
.ct--list-picto__title,
.ct--small-block-blue-text__left-content__title,
.ct--small-block-white-text__left-content__title,
.ct--homepage-strate-1__left__title,
.qlqwa,
.ct--homepage-strate-4__left__title,
.ct--slider-how .full-slider .item__title,
.font-h3,
.font-h5,
.ct--introduction .right-content__title,
.ct--introduction .right-content__label,
.ct--content-double-col .right-content__title,
.ct--pictos-list .inner .item__title,
.ct--pictos-list-arrow .inner .item__title,
.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__title,
.ct--slider-count__slider .swiper .swiper-wrapper .item__title,
.ct--homepage-introduction .right-content__title,
.ct--homepage-introduction .right-content__label,
.ct--list-picto .inner .item__title,
.ct--homepage-strate-1__right__title,
.ct--homepage-strate-3__block-blue__right__title,
.ct--homepage-strate-4__right__title,
.page.not-found .not-found-text,
.font-h5-regular,
.ct--slider-small-image__slider .swiper .swiper-wrapper .item__title,
.ct--slider-small-image__slider .swiper .swiper-wrapper .item__content,
.font-h6,
.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__title,
.ct--block-blue-text__content-video .video__about__description,
.font-h7,
.ct--grid-logo__title,
.font-p3,
.ct--content-double-col .left-content__list-image__item .item-content,
.ct--content-double-col .bottom-content__list-image__item .item-content,
.ct--slider-small-image__slider .swiper .swiper-wrapper .item__date,
.font-p1,
.font-p4-regular,
.ct--introduction .right-content__download,
.ct--homepage-introduction .right-content__download,
.ct--key-figures .intro__content__download,
.ct--homepage-strate-3__block-blue__left__download,
.font-p4-bold,
.ct--button__container__label__content,
.ct--advanced-content__content .button-base-wrapper-blue a,
.ct--advanced-content__content .button-base-wrapper-white a,
.ct--block-blue-text__content-primary .button-base-wrapper-blue a,
.ct--block-blue-text__content-primary .button-base-wrapper-white a,
.ct--block-blue-text__content-secondary .button-base-wrapper-blue a,
.ct--block-blue-text__content-secondary .button-base-wrapper-white a,
.font-p5,
.ct--hero-2 .content-wrapper__text,
.contact-index__wrapper__container-form__introduction,
.contact-index__wrapper-bottom__content .message-result,
.font-p6,
.ct--hero-4 .head__about,
.ct--introduction .right-content__text,
.ct--content-double-col .right-content__text,
.ct--pictos-list .inner .item__content,
.ct--pictos-list-arrow .inner .item__content,
.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__content,
.ct--slider-count__slider .swiper .swiper-wrapper .item__content,
.ct--list-team__introduction,
.ct--homepage-introduction .right-content__text,
.ct--list-picto .inner .item__content,
.ct--key-figures .intro__content,
.ct--small-block-blue-text__right-content__text,
.ct--small-block-white-text__left-content__text,
.ct--small-block-white-text__right-content__text,
.ct--homepage-strate-1__right__content,
.ct--homepage-strate-3__block-blue__right__content,
.ct--homepage-strate-4__right__content,
.ct--slider-how .full-slider .item__text,
.contact-index__information .text-container .text-title,
.contact-index__information .text-container .text-content,
.contact-index__wrapper-bottom__content .message-error,
.font-tag,
.font-date,
.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__date,
.ct--block-blue-text__content-video .video__about__date,
.font-section,
.font-section-little,
.ct--hero-4 .back,
.font-legend,
.style-subtitle,
.ct--hero-2 .content-wrapper__subtitle,
.ct--introduction .left-content__subtitle,
.ct--content-double-col .left-content__subtitle,
.ct--pictos-list__subtitle,
.ct--big-blue-slider__subtitle,
.ct--slider-count__subtitle,
.ct--homepage-introduction .left-content__subtitle,
.ct--list-picto__subtitle,
.ct--small-block-blue-text__left-content__subtitle,
.ct--small-block-white-text__left-content__subtitle,
.ct--homepage-strate-1__left__on-title,
.ct--homepage-strate-4__left__on-title,
.font-number-big,
.font-number-middle,
.font-number-little,
.font-number-legend,
.ct--team-hover .item,
.font-anchor,
.ct--homepage-introduction .left-content__list__item__label,
.ct--homepage-introduction .right-content__list__item__label span,
.news-list .anchors ul li,
.font-input,
.contact-index__wrapper__container-form__form .container-input.message::after,
.contact-index__wrapper__container-form__form .container-input__input,
.contact-index__wrapper__container-form__form .container-input__textarea,
.contact-index__wrapper__container-form__form .container-input__label,
.style-text-line,
.ct--hero-5__title,
.ct--hero-3__title,
.ct--word-line__title,
.style-number-keyfigure,
.ct--key-figures .strat-items .items .item__number,
.style-label-keyfigure,
.ct--block-blue-text__key .content__text,
.ct--key-figures .strat-items .items .item__label,
.style-title-slider-news,
.ct--card-case-study__title,
.style-text-advanced-content,
.ct--advanced-content__content,
.ct--block-blue-text__content-primary,
.ct--block-blue-text__content-secondary,
.style-key-number,
.ct--block-blue-text__key .content__number,
.style-category,
.ct--slider-how .categories__label,
.style-title-card,
.ct--card-news__title,
.ct--card-press__title,
.ct--card-video__title,
.ct--slider-how .categories__list__item,
.style-date-card,
.ct--card-news__date,
.ct--card-press__date,
.ct--card-video__date,
.style-team-name,
.ct--list-team .item-content .item-name,
.style-team-description,
.ct--list-team .item-content .item-description,
.style-menu-link,
.ct--menu__container__main-menu-container .menu__item__link,
.style-menu-small-text,
.ct--menu__container__bottom__legend .small-text,
.ct--menu__container__bottom__menu-container .menu__item__link,
.style-title-loader,
body .loader .txt-screen,
body .screen-transition .txt-screen,
.style-label-scroll,
.scroll-to .txt,
.style-how-subtitle,
.ct--slider-how .full-slider .item__subtitle,
.style-title-footer,
.ct--footer__top__title,
.style-link-footer,
.ct--footer__bottom__menu-container .menu__item__link,
.ct--footer__bottom__socials__title,
.ct--footer__bottom__menu-footer .menu__item__link,
.ct--hero-1__on-title,
.ct--footer__bottom .small-text,
.ct--footer__bottom .adress,
.ct--footer__scroll-up,
.ct--slider-count__slider .swiper .swiper-wrapper .item__index {
    font-family: Inter,Helvetica Neue,Arial,sans-serif;
   
}

.font-h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 12rem;
    line-height: 12rem;
}

.font-title-1,
.ct--hero-1__title,
.ct--hero-2__title,
.ct--hero-4 .head__title,
.contact-index__wrapper-bottom__content .button-send .label,
.page.not-found .not-found-title {
    font-style: normal;
    font-weight: 400;
    font-size: 5.5rem;
    line-height: 11rem;
}

@media screen and (max-width: 1280px) {
    .font-title-1,
    .ct--hero-1__title,
    .ct--hero-2__title,
    .ct--hero-4 .head__title,
    .contact-index__wrapper-bottom__content .button-send .label,
    .page.not-found .not-found-title {
        font-size: 5.5rem;
        line-height: 8rem;
    }
}

@media screen and (max-width: 1024px) {
    .font-title-1,
    .ct--hero-1__title,
    .ct--hero-2__title,
    .ct--hero-4 .head__title,
    .contact-index__wrapper-bottom__content .button-send .label,
    .page.not-found .not-found-title {
        font-size: 4.5rem;
        line-height: 7rem;
    }
}

.font-h2,
.ct--introduction .left-content__title,
.ct--content-double-col .left-content__title,
.ct--pictos-list__title,
.ct--big-blue-slider .top__title,
.ct--slider-count .top__title,
.ct--slider-push .top__title,
.ct--related-post__title,
.ct--slider-push-news .top__title,
.ct--homepage-introduction .left-content__title,
.ct--advanced-content__title,
.ct--block-blue-text__title,
.ct--list-picto__title,
.ct--small-block-blue-text__left-content__title,
.ct--small-block-white-text__left-content__title,
.ct--homepage-strate-1__left__title,
.qlqwa,
.ct--homepage-strate-4__left__title,
.ct--slider-how .full-slider .item__title {
    font-style: normal;
    font-weight: 400;
    font-size: 6.5rem;
    line-height: 7rem;
}

@media screen and (max-width: 1024px) {
    .font-h2,
    .ct--introduction .left-content__title,
    .ct--content-double-col .left-content__title,
    .ct--pictos-list__title,
    .ct--big-blue-slider .top__title,
    .ct--slider-count .top__title,
    .ct--slider-push .top__title,
    .ct--related-post__title,
    .ct--slider-push-news .top__title,
    .ct--homepage-introduction .left-content__title,
    .ct--advanced-content__title,
    .ct--block-blue-text__title,
    .ct--list-picto__title,
    .ct--small-block-blue-text__left-content__title,
    .ct--small-block-white-text__left-content__title,
    .ct--homepage-strate-1__left__title,
    .qlqwa,
    .ct--homepage-strate-4__left__title,
    .ct--slider-how .full-slider .item__title {
        font-size: 4.0rem;
        line-height: 4.5rem;
    }
}

.font-h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    line-height: 4.5rem;
}

.font-h3 {
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3.5rem;
}

.font-h5,
.ct--introduction .right-content__title,
.ct--introduction .right-content__label,
.ct--content-double-col .right-content__title,
.ct--pictos-list .inner .item__title,
.ct--pictos-list-arrow .inner .item__title,
.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__title,
.ct--slider-count__slider .swiper .swiper-wrapper .item__title,
.ct--homepage-introduction .right-content__title,
.ct--homepage-introduction .right-content__label,
.ct--list-picto .inner .item__title,
.ct--homepage-strate-1__right__title,
.ct--homepage-strate-3__block-blue__right__title,
.ct--homepage-strate-4__right__title,
.page.not-found .not-found-text {
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 3rem;
}

.font-h5-regular,
.ct--slider-small-image__slider .swiper .swiper-wrapper .item__title,
.ct--slider-small-image__slider .swiper .swiper-wrapper .item__content {
    font-style: normal;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 3rem;
}

.font-h6,
.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__title,
.ct--block-blue-text__content-video .video__about__description {
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.font-h7,
.ct--grid-logo__title {
    font-style: normal;
    font-weight: 400;
    font-size: 4.5rem;
    line-height: 7.0rem;
}

@media screen and (max-width: 640px) {
    .font-h7,
    .ct--grid-logo__title {
        font-size: 3rem;
        line-height: 3.5rem;
    }
}

.font-p3,
.ct--content-double-col .left-content__list-image__item .item-content,
.ct--content-double-col .bottom-content__list-image__item .item-content,
.ct--slider-small-image__slider .swiper .swiper-wrapper .item__date {
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.8rem;
}

.font-p1 {
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3.5rem;
}

.font-p4-regular,
.ct--introduction .right-content__download,
.ct--homepage-introduction .right-content__download,
.ct--key-figures .intro__content__download,
.ct--homepage-strate-3__block-blue__left__download {
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.font-p4-bold,
.ct--button__container__label__content,
.ct--advanced-content__content .button-base-wrapper-blue a,
.ct--advanced-content__content .button-base-wrapper-white a,
.ct--block-blue-text__content-primary .button-base-wrapper-blue a,
.ct--block-blue-text__content-primary .button-base-wrapper-white a,
.ct--block-blue-text__content-secondary .button-base-wrapper-blue a,
.ct--block-blue-text__content-secondary .button-base-wrapper-white a {
    font-style: normal;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 1.4rem;
}

.font-p5,
.ct--hero-2 .content-wrapper__text,
.contact-index__wrapper__container-form__introduction,
.contact-index__wrapper-bottom__content .message-result {
    font-style: normal;
    font-weight: 400;
    font-size: 3.5rem;
    line-height: 5rem;
}

@media screen and (max-width: 640px) {
    .font-p5,
    .ct--hero-2 .content-wrapper__text,
    .contact-index__wrapper__container-form__introduction,
    .contact-index__wrapper-bottom__content .message-result {
        font-size: 3.0rem;
        line-height: 3.5rem;
    }
}

.font-p6,
.ct--hero-4 .head__about,
.ct--introduction .right-content__text,
.ct--content-double-col .right-content__text,
.ct--pictos-list .inner .item__content,
.ct--pictos-list-arrow .inner .item__content,
.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__content,
.ct--slider-count__slider .swiper .swiper-wrapper .item__content,
.ct--list-team__introduction,
.ct--homepage-introduction .right-content__text,
.ct--list-picto .inner .item__content,
.ct--key-figures .intro__content,
.ct--small-block-blue-text__right-content__text,
.ct--small-block-white-text__left-content__text,
.ct--small-block-white-text__right-content__text,
.ct--homepage-strate-1__right__content,
.ct--homepage-strate-3__block-blue__right__content,
.ct--homepage-strate-4__right__content,
.ct--slider-how .full-slider .item__text,
.contact-index__information .text-container .text-title,
.contact-index__information .text-container .text-content,
.contact-index__wrapper-bottom__content .message-error {
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.font-tag {
    font-style: normal;
    font-weight: 600;
    font-size: 1rem;
    line-height: 2rem;
}

.font-date,
.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__date,
.ct--block-blue-text__content-video .video__about__date {
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2.2rem;
}

.font-section {
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.font-section-little,
.ct--hero-4 .back {
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.font-legend,
.style-subtitle,
.ct--hero-2 .content-wrapper__subtitle,
.ct--introduction .left-content__subtitle,
.ct--content-double-col .left-content__subtitle,
.ct--pictos-list__subtitle,
.ct--big-blue-slider__subtitle,
.ct--slider-count__subtitle,
.ct--homepage-introduction .left-content__subtitle,
.ct--list-picto__subtitle,
.ct--small-block-blue-text__left-content__subtitle,
.ct--small-block-white-text__left-content__subtitle,
.ct--homepage-strate-1__left__on-title,
.ct--homepage-strate-4__left__on-title {
    font-style: normal;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 2rem;
}

.font-number-big {
    font-style: normal;
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 1rem;
}

.font-number-middle {
    font-style: normal;
    font-weight: 700;
    font-size: 6rem;
    line-height: 1.00rem;
}

.font-number-little {
    font-style: normal;
    font-weight: 500;
    font-size: 5rem;
    line-height: 1.9rem;
}

.font-number-legend,
.ct--team-hover .item {
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 2.5rem;
}

@media screen and (max-width: 1024px) {
    .font-number-legend,
    .ct--team-hover .item {
        font-size: 1.6rem;
    }
}

.font-anchor,
.ct--homepage-introduction .left-content__list__item__label,
.ct--homepage-introduction .right-content__list__item__label span,
.news-list .anchors ul li {
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 3.9rem;
}

.font-input,
.contact-index__wrapper__container-form__form .container-input.message::after,
.contact-index__wrapper__container-form__form .container-input__input,
.contact-index__wrapper__container-form__form .container-input__textarea,
.contact-index__wrapper__container-form__form .container-input__label {
    font-style: normal;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 4.5rem;
}

.cross-style {
    width: 6px;
    height: 6px;
}

.cross-style:before,
.cross-style:after {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #979797;
}

.cross-style:after {
    transform: rotate(90deg);
}

strong {
    font-weight: 600;
}

em {
    font-style: italic;
}

.style-subtitle,
.ct--hero-2 .content-wrapper__subtitle,
.ct--introduction .left-content__subtitle,
.ct--content-double-col .left-content__subtitle,
.ct--pictos-list__subtitle,
.ct--big-blue-slider__subtitle,
.ct--slider-count__subtitle,
.ct--homepage-introduction .left-content__subtitle,
.ct--list-picto__subtitle,
.ct--small-block-blue-text__left-content__subtitle,
.ct--small-block-white-text__left-content__subtitle,
.ct--homepage-strate-1__left__on-title,
.ct--homepage-strate-4__left__on-title {
    padding-left: 25px;
    position: relative;
    letter-spacing: 4.375px;
    text-transform: uppercase;
    display: inline-flex;
    align-items: flex-start;
}

.style-subtitle:before,
.ct--hero-2 .content-wrapper__subtitle:before,
.ct--introduction .left-content__subtitle:before,
.ct--content-double-col .left-content__subtitle:before,
.ct--pictos-list__subtitle:before,
.ct--big-blue-slider__subtitle:before,
.ct--slider-count__subtitle:before,
.ct--homepage-introduction .left-content__subtitle:before,
.ct--list-picto__subtitle:before,
.ct--small-block-blue-text__left-content__subtitle:before,
.ct--small-block-white-text__left-content__subtitle:before,
.ct--homepage-strate-1__left__on-title:before,
.ct--homepage-strate-4__left__on-title:before {
    content: '';
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    background: #0056FF;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: 6px;
}

@media screen and (min-width: 1500px) {
    .style-subtitle:before,
    .ct--hero-2 .content-wrapper__subtitle:before,
    .ct--introduction .left-content__subtitle:before,
    .ct--content-double-col .left-content__subtitle:before,
    .ct--pictos-list__subtitle:before,
    .ct--big-blue-slider__subtitle:before,
    .ct--slider-count__subtitle:before,
    .ct--homepage-introduction .left-content__subtitle:before,
    .ct--list-picto__subtitle:before,
    .ct--small-block-blue-text__left-content__subtitle:before,
    .ct--small-block-white-text__left-content__subtitle:before,
    .ct--homepage-strate-1__left__on-title:before,
    .ct--homepage-strate-4__left__on-title:before {
        margin-top: 10px;
    }
}

@media screen and (min-width: 1700px) {
    .style-subtitle:before,
    .ct--hero-2 .content-wrapper__subtitle:before,
    .ct--introduction .left-content__subtitle:before,
    .ct--content-double-col .left-content__subtitle:before,
    .ct--pictos-list__subtitle:before,
    .ct--big-blue-slider__subtitle:before,
    .ct--slider-count__subtitle:before,
    .ct--homepage-introduction .left-content__subtitle:before,
    .ct--list-picto__subtitle:before,
    .ct--small-block-blue-text__left-content__subtitle:before,
    .ct--small-block-white-text__left-content__subtitle:before,
    .ct--homepage-strate-1__left__on-title:before,
    .ct--homepage-strate-4__left__on-title:before {
        margin-top: 12px;
    }
}

.style-text-line,
.ct--hero-5__title,
.ct--hero-3__title,
.ct--word-line__title {
    font-style: normal;
    font-weight: 400;
    font-size: 20rem;
}

@media screen and (max-width: 640px) {
    .style-text-line,
    .ct--hero-5__title,
    .ct--hero-3__title,
    .ct--word-line__title {
        font-size: 6.5rem;
        line-height: 7.0rem;
    }
}

.style-number-keyfigure,
.ct--key-figures .strat-items .items .item__number {
    font-style: normal;
    font-weight: 700;
}

.style-label-keyfigure,
.ct--block-blue-text__key .content__text,
.ct--key-figures .strat-items .items .item__label {
    font-style: normal;
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 2.2rem;
    text-transform: uppercase;
}

.style-title-slider-news,
.ct--card-case-study__title {
    font-style: normal;
    font-weight: 400;
    font-size: 3.5rem;
    line-height: 4rem;
}

.style-text-advanced-content,
.ct--advanced-content__content,
.ct--block-blue-text__content-primary,
.ct--block-blue-text__content-secondary {
    font-style: normal;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3.5rem;
}

.style-key-number,
.ct--block-blue-text__key .content__number {
    font-style: normal;
    font-weight: 700;
    font-size: 9rem;
    line-height: 10rem;
}

.style-category,
.ct--slider-how .categories__label {
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.5rem;
}

.style-title-card,
.ct--card-news__title,
.ct--card-press__title,
.ct--card-video__title,
.ct--slider-how .categories__list__item {
    font-style: normal;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.style-date-card,
.ct--card-news__date,
.ct--card-press__date,
.ct--card-video__date {
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 2.2rem;
}

.style-team-name,
.ct--list-team .item-content .item-name {
    font-style: normal;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.style-team-description,
.ct--list-team .item-content .item-description {
    font-style: normal;
    font-weight: 400;
    font-size: 3rem;
    line-height: 3.5rem;
}

.style-menu-link,
.ct--menu__container__main-menu-container .menu__item__link {
    font-style: normal;
    font-weight: 400;
    font-size: 4.5rem;
    line-height: 6.5rem;
}

.style-menu-small-text,
.ct--menu__container__bottom__legend .small-text,
.ct--menu__container__bottom__menu-container .menu__item__link {
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
}

.style-title-loader,
body .loader .txt-screen,
body .screen-transition .txt-screen {
    font-style: normal;
    font-weight: 400;
    font-size: 2rem;
}

.style-label-scroll,
.scroll-to .txt {
    font-style: normal;
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 2.8rem;
}

.style-how-subtitle,
.ct--slider-how .full-slider .item__subtitle {
    font-style: normal;
    font-weight: 500;
    font-size: 2.5rem;
    line-height: 3rem;
}

.style-title-footer,
.ct--footer__top__title {
    font-style: normal;
    font-weight: 400;
    font-size: 8rem;
    line-height: 9rem;
}

@media screen and (max-width: 1024px) {
    .style-title-footer,
    .ct--footer__top__title {
        font-size: 6.5rem;
        line-height: 7rem;
    }
}

.style-link-footer,
.ct--footer__bottom__menu-container .menu__item__link,
.ct--footer__bottom__socials__title,
.ct--footer__bottom__menu-footer .menu__item__link {
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

html {
    font-size: 62.5%;
}

@media screen and (min-width: 1500px) {
    html {
        font-size: 0.65vw;
    }
}

@media screen and (min-width: 1700px) {
    html {
        font-size: 0.75vw;
    }
}

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

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

@media screen and (min-width: 1024px) {
    .only-mobile {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .only-desktop {
        display: none !important;
    }
}

body {
    position: relative;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    visibility: hidden;
}

body.dom-content-loaded {
    visibility: visible;
}

body.no-scroll {
    overflow: hidden;
}

body .smooth-content {
    overflow-y: hidden;
}

body .container-canvas {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    overflow: hidden;
}

body .container-canvas canvas {
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
    pointer-events: none;
}

body .dg.ac {
    z-index: 5;
}

body .big-container {
    background: #000;
}

@media screen and (max-width: 1024px) {
    body .big-container {
        overflow-x: hidden;
    }
}

body .media-fit {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body .lineParent {
    overflow: hidden;
    line-height: initial;
}

body .loader,
body .screen-transition {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: #000;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: translate3d(0, 0, 0px);
}

body .loader .inner,
body .screen-transition .inner {
    max-width: 80%;
    text-align: center;
}

body .loader .txt-screen,
body .screen-transition .txt-screen {
    opacity: 0;
    position: relative;
    color: #fff;
    z-index: 5;
    text-transform: uppercase;
    letter-spacing: 10px;
    text-align: center;
    display: flex;
}

@media screen and (max-width: 640px) {
    body .loader .txt-screen,
    body .screen-transition .txt-screen {
        flex-direction: column;
    }

    body .loader .txt-screen br,
    body .screen-transition .txt-screen br {
        display: none;
    }
}

body .loader .txt-screen .hero-words-split,
body .screen-transition .txt-screen .hero-words-split {
    margin-right: 12px;
}

body .loader .hero-chars-split,
body .screen-transition .hero-chars-split {
    margin-left: -3px;
}

body .loader__bar,
body .screen-transition__bar {
    position: relative;
    height: 1px;
    margin: 15px 0;
    left: 0;
    text-align: left;
}

body .loader__bar .icon,
body .screen-transition__bar .icon {
    position: absolute;
    stroke: #fff;
    width: 6px;
    height: 6px;
    z-index: 1;
    top: -3px;
}

body .loader__bar .bar,
body .screen-transition__bar .bar {
    position: relative;
    left: -20px;
    width: calc(100% + 20px);
    height: 1px;
    background: rgba(229,229,229,0.4);
    transform-origin: 0 100%;
    transform: scaleX(0.3);
    transition: transform 10s linear;
}

body .loader .screen-transition__bar,
body .screen-transition .screen-transition__bar {
    position: relative;
    width: 160px;
    height: 2px;
    margin-top: 20px;
    background: rgba(255,255,255,0.1);
}

body .loader .screen-transition__progress,
body .screen-transition .screen-transition__progress {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    transform: scaleX(0);
    transform-origin: left;
}

body .is-smooth-scroll .scroll-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

body .icon.svg-loop-1 {
    width: 14px;
    height: 14px;
}

body .icon.svg-loop-2 {
    width: 14px;
    height: 14px;
}

body .icon.svg-loop-3 {
    width: 21px;
    height: 14px;
}

body .icon.svg-loop-4 {
    width: 28px;
    height: 14px;
}

body .icon.svg-loop-5 {
    width: 35px;
    height: 14px;
}

body .icon.svg-loop-6 {
    width: 42px;
    height: 14px;
}

body picture img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

body main {
    position: relative;
    z-index: 5;
    width: 100%;
}

body main .page {
    position: relative;
    z-index: 10;
    width: 100%;
    min-height: 100%;
    background: #fff;
}

body main .page .scrollable {
    position: relative;
    top: 0;
    left: 0;
    z-index: 15;
    display: block;
    width: 100%;
}

body main .page [data-src],
body main .page [data-background] {
    opacity: 0;
    transition: opacity 300ms linear;
}

body main .page [data-src].media-loaded,
body main .page [data-background].media-loaded {
    opacity: 1;
}

body .plyr__poster {
    background-color: #fff;
}

body .plyr__control--overlaid {
    width: 88px;
    height: 88px;
    background: rgba(255,255,255,0);
    border: 1px solid #fff;
}

body .plyr__control--overlaid svg {
    left: 20px;
    transform: scale(1.25);
    transition: color 250ms ease;
}

body button.plyr__control.plyr__control--overlaid {
    color: #fff;
}

body button.plyr__control.plyr__control--overlaid:hover {
    background: none;
    transition: border 250ms ease;
}

body .plyr--full-ui input[type=range] {
    color: #fff;
}

body .plyr--video .plyr__control:hover {
    background: rgba(255,255,255,0.8);
}

body .content-wysiwyg strong {
    font-weight: 500;
}

body .content-wysiwyg ul {
    margin-bottom: 30px;
}

body .content-wysiwyg ul:nth-last-child(1) {
    margin-bottom: 0;
}

body .content-wysiwyg ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
}

body .content-wysiwyg ul li:nth-last-child(1) {
    margin-bottom: 0;
}

body .content-wysiwyg ul li:before {
    position: absolute;
    content: '';
    width: 10px;
    height: 1px;
    background: #000;
    left: 0px;
    top: 9px;
}

.absolute {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.relative {
    position: relative;
    width: 100%;
    height: 100%;
}

*,
*::before,
*::after {
    outline: none;
    box-sizing: border-box;
}

a {
    text-decoration: none;
}

.clear,
.clearfix::after {
    clear: both;
    width: 100%;
    height: 0px;
    float: none;
    line-height: 0;
}

.clearfix::after {
    content: '';
}

body.is-debug header,
body.is-debug footer {
    display: none !important;
}

.debug {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    max-width: 300px;
    overflow: auto;
    z-index: 100;
}

.is-visible {
    display: block;
}

.gl-video {
    position: fixed;
    opacity: .0001;
    width: 1px;
    height: 1px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}

.no-webgl .gl-video {
    display: none;
}

.is-webgl .gl-circle {
    opacity: 0;
}

.is-webgl .gl-image-circle {
    opacity: 0;
}

.is-webgl .gl-media-reveal {
    opacity: 0;
}

.rotate-device {
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 300;
    display: none;
    background: #fff;
    align-items: center;
    justify-content: center;
}

.scroll-to {
    position: absolute;
    display: flex;
    align-items: center;
    z-index: 10;
    top: 100vh;
    left: 0;
    transform: rotate(-90deg) translatey(-50px);
}

@media only screen and (max-width:1200px){
   .scroll-to {
       display:none;
   } 
}


@-webkit-keyframes bulletsAnim {
    0%,
    20%,
    80%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

@keyframes bulletsAnim {
    0%,
    20%,
    80%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.scroll-to .bullets {
    display: flex;
    align-items: center;
}

.scroll-to .bullets .bullet {
    width: 8px;
    height: 8px;
    margin-right: 2px;
}

.scroll-to .bullets .bullet.one i {
    transform: scale(0.5);
}

.scroll-to .bullets .bullet.two i {
    transform: scale(0.8);
}

.scroll-to .bullets .bullet.three i {
    transform: scale(1);
}

.scroll-to .bullets .bullet i {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    transform-origin: center center;
    background: #fff;
    -webkit-animation: bulletsAnim 1s linear infinite;
    animation: bulletsAnim 1s linear infinite;
}

.scroll-to .bullets .bullet:nth-child(3) i {
    -webkit-animation-delay: 2700ms;
    animation-delay: 2700ms;
}

.scroll-to .bullets .bullet:nth-child(2) i {
    -webkit-animation-delay: 1800ms;
    animation-delay: 1800ms;
}

.scroll-to .bar {
    width: 80px;
    height: 1px;
    background: rgba(255,255,255,0.5);
    margin: 0 10px;
}

.scroll-to .txt {
    text-transform: uppercase;
    color: #fff;
}

body #tarteaucitronRoot {
    --font-family: Inter,Helvetica Neue,Arial,sans-serif;
    --before-color: #000;
    --global-text: #fff;
    --custom-text: #fff;
    --custom-border: #fff;
    --custom-background: transparent;
    --allow-text: #000;
    --allow-border: #0056FF;
    --allow-background: transparent;
    --allowed-text: #0056FF;
    --allowed-background: #fff;
    --allowed-border: #fff;
    --deny-text: #000;
    --deny-border: transparent;
    --deny-background: transparent;
    --denied-text: #fff;
    --denied-background: transparent;
    --denied-border: #fff;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
    background: var(--before-color) !important;
    opacity: 0.7 !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig {
    box-shadow: none !important;
    border-radius: 10px !important;
    top: 100% !important;
    transform: translate(-50%, -100%) !important;
    background-color: #0056FF !important;
    width: 100% !important;
    border-radius: 0 !important;
    padding: 10px 25px !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
    padding: 6px 10px !important;
    border-radius: 4px !important;
}

#tarteaucitronRoot span#tarteaucitronDisclaimerAlert {
    font-family: Inter,Helvetica Neue,Arial,sans-serif;;
   
    font-weight: normal !important;
    font-style: normal !important;
    font-size: 16px !important;
    margin-bottom: 20px !important;
}

#tarteaucitron #tarteaucitronInfo,
#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    font-size: 12px !important;
    font-family: var(--font-family) !important;
   
    font-weight: normal !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
    font-size: 15px !important;
    font-family: var(--font-family) !important;
   
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronAlertBig #tarteaucitronPersonalize2,
.tarteaucitronCTAButton,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog,
#tarteaucitronRoot .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow {
    padding: 6px 20px 6px !important;
    box-sizing: border-box !important;
    border-radius: 50px !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert {
    color: var(--custom-text) !important;
    border: 2px solid !important;
    border-color: var(--custom-border) !important;
    background: var(--custom-background) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine .tarteaucitronAsk .tarteaucitronDeny,
.tac_activate .tarteaucitronAllow {
    color: var(--global-text) !important;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
    background: var(--allowed-background) !important;
    color: var(--allowed-text) !important;
}

#tarteaucitronRoot .tarteaucitronAllow {
    color: var(--allowed-text) !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

#tarteaucitronRoot .tarteaucitronAllow {
    color: var(--allowed-text) !important;
    background: var(--allowed-background) !important;
    border: 2px solid !important;
    border-color: var(--allowed-border) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
.tac_activate .tarteaucitronAllow {
    color: var(--allow-text) !important;
    background: var(--allow-background) !important;
    border: 2px solid !important;
    border-color: var(--allow-border) !important;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllAllowed.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAllow {
    color: var(--allowed-text) !important;
    background: var(--allowed-background) !important;
    border: 2px solid !important;
    border-color: var(--allowed-border) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny {
    color: var(--deny-text) !important;
    background: var(--deny-background) !important;
    border: 2px solid !important;
    border-color: var(--deny-border) !important;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices #tarteaucitronAllDenied2.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronDeny {
    color: var(--denied-text) !important;
    background: var(--denied-background) !important;
    border: 2px solid !important;
    border-color: var(--denied-border) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronScrollbarAdjust .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronScrollbarAdjust .tarteaucitronDeny {
    color: var(--global-text) !important;
}

#tarteaucitronRoot .tarteaucitronDeny {
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

#tarteaucitronRoot #tarteaucitronCloseAlert {
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

#tarteaucitronRoot #tarteaucitronCloseAlert::after {
    content: '';
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fff;
    margin-left: 5px;
    top: -1px;
}

#tarteaucitronRoot a.tarteaucitronSelfLink {
    display: none !important;
}

#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before {
    display: none !important;
}

div#tarteaucitronAlertBig:before {
    display: none !important;
}

#tarteaucitronRoot button#tarteaucitronBack {
    background: var(--before-color) !important;
    opacity: 0.5 !important;
}

div#tarteaucitronServices {
    box-shadow: none;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    border-color: #0056FF !important;
}

#tarteaucitron #tarteaucitronInfo {
    background-color: #0056FF !important;
    border: none;
}

#tarteaucitronRoot .tarteaucitronH1 {
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 14px !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronScrollbarAdjust .tarteaucitronAllow {
    color: #0056FF !important;
}

#tarteaucitron #tarteaucitronClosePanel {
    background-color: #0056FF !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronTitle button {
    background-color: #0056FF !important;
}

#tarteaucitron #tarteaucitronServices ul .tarteaucitronLine {
    background: transparent !important;
    border-top: 1px solid #E5E5E5 !important;
    border-bottom: 1px solid #E5E5E5 !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronMainLine {
    background-color: #0056FF !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronHidden {
    background: #fff !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow {
    border: none !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronDeny {
    color: #0056FF !important;
}

#tarteaucitron #tarteaucitronServices #tarteaucitronServices_mandatory .tarteaucitronLine button.tarteaucitronAllow {
    color: #0056FF !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronScrollbarAdjust .tarteaucitronDeny,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronScrollbarAdjust .tarteaucitronAllow {
    opacity: 0.4 !important;
    color: #fff !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronScrollbarAdjust .tarteaucitronDeny.tarteaucitronIsSelected,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine #tarteaucitronScrollbarAdjust .tarteaucitronAllow.tarteaucitronIsSelected {
    opacity: 1 !important;
    color: #0056FF !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronDetails {
    background-color: #0056FF !important;
}

#tarteaucitron .tarteaucitronBorder {
    border-color: transparent !important;
}

div#tarteaucitronServices {
    box-shadow: none !important;
}

.section-to-anim .fade-up {
    transition: transform 800ms ease,opacity 800ms ease;
}

.section-to-anim .fade-up:nth-child(1) {
    transition-delay: 200ms;
}

.section-to-anim .fade-up:nth-child(2) {
    transition-delay: 400ms;
}

.section-to-anim .fade-up:nth-child(3) {
    transition-delay: 600ms;
}

.section-to-anim .fade-up:nth-child(4) {
    transition-delay: 800ms;
}

.section-to-anim .fade-up:nth-child(5) {
    transition-delay: 1000ms;
}

.section-to-anim .fade-up:nth-child(6) {
    transition-delay: 1200ms;
}

.section-to-anim .fade-up:nth-child(7) {
    transition-delay: 1400ms;
}

.section-to-anim .fade-up:nth-child(8) {
    transition-delay: 1600ms;
}

.section-to-anim .fade-up:nth-child(9) {
    transition-delay: 1800ms;
}

.section-to-anim .fade-up:nth-child(10) {
    transition-delay: 2000ms;
}

.section-to-anim .blue-box:before,
.section-to-anim .blue-box:after {
    transition: transform 1000ms ease 200ms;
}

.section-to-anim.ct-to-anim .fade-up {
    transform: translateY(50px);
}

.section-to-anim.ct-to-anim .blue-box:before {
    transform: translateY(100%);
}

.section-to-anim.ct-to-anim .blue-box:after {
    transform: translateY(-100%);
}

.self-to-anim.fade-up {
    transition: transform 800ms ease,opacity 800ms ease;
}

.self-to-anim.scale-down:before {
    transition: transform 1000ms ease;
}

.self-to-anim.ct-to-anim.fade-up {
    transform: translateY(50px);
}

.self-to-anim.ct-to-anim.blue-box:after {
    transform: translateY(0%);
}

.self-to-anim.ct-to-anim.scale-down:before {
    transform: scaleY(0);
}

.section-line-anim:before,
.section-line-anim:after {
    transform-origin: 100% 0;
    transition: transform 1300ms ease;
}

.section-line-anim:after {
    transition-delay: 600ms;
}

.section-line-anim.ct-to-anim:before,
.section-line-anim.ct-to-anim:after {
    transform: scale(0);
}

.ct--hero-1 {
    position: relative;
    background: #000;
    display: grid;
    align-items: center;
    height: 10vh;
    grid-column: -2/2;
}
.ct--homepage-strate-0 {
    position: relative;
    display: grid;
    /* grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap)); */
    /* -moz-column-gap: var(--grid-gap); */
    column-gap: var(--grid-gap);
    width: 100%;
}
.ct--homepage-strate-0__block-blue {
    position: relative;
    display: grid !important;
    grid-column: -1 / 1;
    
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    margin-top: 175px;
    padding-bottom: 150px;
    
}

.ct--homepage-strate-0__block-blue__left {
    position: relative;
    grid-column: 2 / 6;
}

.ct--homepage-strate-0__block-blue__left__image {
    position: relative;
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
     height: 100%;
}


.ct--homepage-strate-0__block-blue__left__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--homepage-strate-0__block-blue__right {
    position: relative;
    grid-column: 7/ 14;
    
}

.ct--homepage-strate-0__block-blue__right__title {
    position: relative;
    
    color: #fff;
    font-style:normal;
    font-weight:500;
    font-size:4rem;
    line-height:4rem;
    padding:14px 0 14px;
}

.ct--homepage-strate-0__block-blue__right__content {
    position: relative;
   
    color: #fff;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding:20px 0 21px;
}

.ct--homepage-strate-0__block-blue__right__link .ct--button{
    padding-top:1rem;
}

.ct--homepage-strate-0__block-blue__right__link .ct--button {
    text-align: left;
}
@media screen and (max-width:1024px){
    .ct--homepage-strate-0__block-blue {
    margin-top: 150px;
    padding-bottom: 80px;
}

.mi-centro{
    justify-content:center;
    justify-self:center;
}

.ct--homepage-strate-0__block-blue::before {
    height: 80px;
    grid-column: 1 / 5;
    margin-top: -80px;
}
.ct--homepage-strate-0__block-blue__right {
    grid-column: -2 / 2;
    padding-top: 30px;
}
.ct--homepage-strate-0__block-blue__left {
    grid-column: -2 / 2;
    margin-top: -30px;
    text-align:center;
    justify-self:center;
}

.ct--homepage-strate-0__block-blue__left .c-input{
    margin:auto;
}

.ct--homepage-strate-0__block-blue__right__link .ct--button{
    margin:auto;
    text-align:center
}


.ct--homepage-strate-0__block-blue__right__title {
    padding-bottom: 10px;
    text-align:center;
}
 .ct--homepage-strate-0__block-blue__right__content {
     text-align:center;
     padding-bottom: 10px;
 }   
}

@media screen and (max-width: 640px) {
.ct--homepage-strate-0__block-blue {
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
}
}


@media screen and (max-width: 640px) {
    .ct--hero-1 {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }

    .ct--hero-1__on-title {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1023px) {
    .ct--hero-1 {
        --page-padding2: 0px;
        grid-template-columns: calc(var(--page-padding2) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding2) - var(--grid-gap));

        /* display: grid;grid-template-columns: 1fr repeat(6, minmax(auto, 10em)) 1fr; */
        grid-template-rows: minmax(1em, auto) 1fr auto minmax(1em, auto);
    }
}

.ct--hero-1__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--hero-1__on-title {
    position: absolute;
    width: 40%;
    left: 50%;
    transform: translateX(-50%);
    top: 15%;
    font-style: normal;
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
    text-align: center;
}

.ct--hero-1__title {
    position: relative;
    grid-column: 1 / 12;
    color: #fff;
    text-align: center;
    top: 12%;
}

.ct--hero-1__p {
    position: relative;
    grid-column: 1 / 7;
    color: #fff;
    text-align: center;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding: 7px;
}

.ct--hero-1__boton {
    top: 6px;
    justify-content: center;
    text-align: center;
    position: relative;
    grid-column: 1 / 7;
    display: inline-block;
    padding-right: 18px;
    transition: color 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
}




@media screen and (max-width: 1024px) {
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    grid-column: 1/7;
}

.ct--homepage-strate-1 .main-content {
    --word-line-text-color: #fff;
    grid-column: 6 / 12;
}

@media screen and (min-width: 1380px) {
    .ct--hero-1__title {
        max-width: 75%;
        text-align: center;
        margin: auto;
        grid-column: 1 / 7;
    }

    
}

@media screen and (max-width: 1250px) {
    .ct--hero-1 {
        padding: 0;
    }

    .ct--hero-1__title {
        top: 20%;
        max-width: 65%;
        text-align: center;
        margin: auto;
        font-size: 4.0rem;
    }

    
}

@media screen and (max-width: 1024px) {
    .ct--hero-1 {
        padding: 0;
    }

    /* .ct--hero-1__title { */
        /* top: 20%; */
        /* grid-column: -2 / 2; */
        /* justify-content: center; */
        /* padding-top: 50px; */
    /* } */
   
    
}

@media screen and (max-width: 996px) {
}

@media screen and (max-width: 640px) {
    .ct--hero-1__on-title {
        width: 85%;
        left: 7%;
        transform: translateX(0);
    }
}

@media screen and (max-width: 424px) {
    .ct--hero-1__on-title {
        width: 85%;
        left: 7%;
        transform: translateX(0);
    }
}

@media screen and (max-width: 559px) {
}

.ct--hero-2 {
    position: relative;
    background: #000;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding: 0 0 235px 0;
}

@media screen and (max-width: 640px) {
    .ct--hero-2 {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--hero-2.big-title-exist {
    padding-bottom: 70px;
}

.ct--hero-2__container-title {
    position: relative;
    grid-column: -1 / 1;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
}

.ct--hero-2__title {
    position: relative;
    width: 100%;
    z-index: 5;
    text-align: center;
    color: #fff;
}

.ct--hero-2 .content-wrapper {
    position: relative;
    z-index: 5;
    grid-column: 8 / 13;
    margin-left: calc(0px - var(--grid-gap));
    margin-top: 30px;
}

.ct--hero-2 .content-wrapper__subtitle {
    color: #fff;
    margin-bottom: 55px;
    opacity: 0;
}

.ct--hero-2 .content-wrapper__text {
    color: #fff;
    opacity: 0;
}

.ct--hero-2__video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--hero-2__container-big-title {
    position: relative;
    grid-column: -1 / 1;
}

.ct--hero-2__container-big-title .ct--word-line {
    --word-line-text-color: #fff;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .ct--hero-2 {
        padding: 0;
    }

    .ct--hero-2__title {
        grid-column: -3 / 3;
        height: 100vh;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .ct--hero-2 .content-wrapper {
        grid-column: -2 / 2;
        padding-bottom: 40px;
        margin-left: 0;
        margin-top: 90px;
    }

    .ct--hero-2 .content-wrapper__subtitle {
        margin-bottom: 30px;
    }

    .ct--hero-2__video {
        height: 100vh;
    }
}

@media screen and (max-width: 640px) {
    .ct--hero-2::after {
        grid-column: -1 / 6;
    }
}

.ct--hero-5 {
    position: relative;
    width: 100%;
    padding: 250px 0 290px;
    background: #000;
}

.ct--hero-5__video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--hero-5__title {
    position: relative;
    grid-column: 2 / 14;
    z-index: 5;
    color: #fff;
    text-align: center;
}

.ct--hero-5__container-link {
    position: absolute;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    width: 100%;
    z-index: 5;
    bottom: 110px;
    left: 0;
}

@media screen and (max-width: 640px) {
    .ct--hero-5__container-link {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--hero-5__container-link__wrapper {
    position: relative;
    grid-column: 2 / 14;
    display: flex;
}

.ct--hero-5__container-link__wrapper .ct--button:first-of-type {
    margin-right: 2px;
}

@media screen and (min-width: 1024px) {
    .ct--hero-5 {
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
    }
}

@media screen and (min-width: 1024px) and (max-width: 640px) {
    .ct--hero-5 {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (min-width: 1024px) {
    .ct--hero-5__container-link__wrapper .ct--button__container__label__content span:first-of-type {
        display: block;
    }

    .ct--hero-5__container-link__wrapper .ct--button__container__label__content span:last-of-type {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .ct--hero-5 {
        padding: 0;
        height: 100vh;
    }

    .ct--hero-5__title {
        position: absolute;
        width: 90%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .ct--hero-5__container-link {
        bottom: 60px;
    }

    .ct--hero-5__container-link__wrapper {
        grid-column: -2 / 2;
        justify-content: flex-end;
    }

    .ct--hero-5__container-link__wrapper .ct--button:first-of-type {
        margin-right: 10px;
    }

    .ct--hero-5__container-link__wrapper .ct--button__container {
        padding: 13px 17px 13px 17px;
    }

    .ct--hero-5__container-link__wrapper .ct--button__container__label__content::after {
        content: none;
    }

    .ct--hero-5__container-link__wrapper .ct--button__container__label__content span:first-of-type {
        display: none;
    }

    .ct--hero-5__container-link__wrapper .ct--button__container__label__content span:last-of-type {
        display: block;
    }
}

.ct--hero-4 {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding: 140px 0 0;
}

@media screen and (max-width: 640px) {
    .ct--hero-4 {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--hero-4.no-image .head {
    border-bottom: 1px solid #E5E5E5;
}

.ct--hero-4 .head {
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    align-items: end;
}

@media screen and (max-width: 640px) {
    .ct--hero-4 .head {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--hero-4 .head__title {
    position: relative;
    padding-bottom: 45px;
    padding-right: 20px;
    grid-column: 2 / 11;
    color: #000;
}

.ct--hero-4 .head__title .lineParent {
    margin-top: -25px;
}

.ct--hero-4 .head__title .lineParent:nth-child(1) {
    margin-top: 0;
}

.ct--hero-4 .head__about {
    position: relative;
    grid-column: 11 / 14;
    padding-bottom: 45px;
    color: #000;
}

.ct--hero-4 .head__about .bar {
    position: absolute;
    background-color: #E5E5E5;
}

.ct--hero-4 .head__about .bar .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    z-index: 1;
}

.ct--hero-4 .back {
    position: relative;
    grid-column: 2 / -2;
    display: inline-flex;
    align-items: center;
    color: #000;
    text-transform: uppercase;
}

.ct--hero-4 .back:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 6px 3px 0;
    border-color: transparent #000 transparent transparent;
    margin-top: 2px;
    margin-right: 10px;
}

.ct--hero-4 .ct--image {
    grid-column: 2 / -2;
}

@media screen and (min-width: 1024px) {
    .ct--hero-4 .head__about .bar {
        width: 1px;
        height: 100%;
        top: 0;
    }

    .ct--hero-4 .head__about .bar .icon {
        left: -3px;
        top: 0;
    }

    .ct--hero-4 .head__about .bar:nth-child(1) {
        left: calc(0px - var(--grid-gap));
    }

    .ct--hero-4 .head__about .bar:nth-child(2) {
        right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .ct--hero-4 {
        padding: 114px 0 0;
    }

    .ct--hero-4 .ct--image {
        grid-column: 1 / -1;
        grid-row: 1;
        margin-bottom: 0;
    }

    .ct--hero-4 .back {
        grid-column: 2 / -2;
        grid-row: 2;
    }

    .ct--hero-4 .head {
        grid-column: -1 / 1;
        grid-row: 3;
        padding-top: 30px;
    }

    .ct--hero-4 .head__title {
        grid-column: -2 / 2;
    }

    .ct--hero-4 .head__about {
        grid-column: -1 / 1;
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--hero-4 .head__about {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--hero-4 .head__about ul {
        grid-column: -2 / 2;
    }

    .ct--hero-4 .head .bar {
        width: 100%;
        height: 1px;
    }

    .ct--hero-4 .head .bar:nth-child(1) {
        display: none;
    }

    .ct--hero-4 .head .bar:nth-child(2) {
        bottom: 0;
        left: 0;
    }

    .ct--hero-4 .head .bar .icon {
        top: -3px;
        left: 95%;
    }
}

.ct--hero-3 {
    position: relative;
    color: #fff;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding: 280px 0 400px;
}

@media screen and (max-width: 640px) {
    .ct--hero-3 {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--hero-3__title {
    position: relative;
    z-index: 5;
    line-height: 114px;
    grid-column: 2 / 14;
    text-align: center;
}

.ct--hero-3__video {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--introduction {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    --height-bar-bottom: 30px;
}

@media screen and (max-width: 640px) {
    .ct--introduction {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--introduction .left-content {
    grid-column: 2 / 6;
    padding-top: 95px;
}

.ct--introduction .left-content__subtitle {
    margin-bottom: 45px;
}

.ct--introduction .right-content {
    position: relative;
    grid-column: 8 / 13;
}

.ct--introduction .right-content__image {
    position: relative;
    margin-left: calc(0px - var(--grid-gap));
    margin-bottom: 50px;
    position: relative;
}

.ct--introduction .right-content__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 62.96296%;
}

.ct--introduction .right-content__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--introduction .right-content__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--introduction .right-content__title {
    position: relative;
    margin-bottom: 30px;
}

.ct--introduction .right-content__text {
    position: relative;
}

.ct--introduction .right-content__label {
    position: relative;
    padding-top: 70px;
    padding-bottom: 30px;
}

.ct--introduction .right-content__link {
    position: relative;
}

.ct--introduction .right-content__link .ct--button {
    text-align: left;
}

.ct--introduction .right-content__download {
    position: relative;
    margin-top: 90px;
    color: #000;
}

.ct--introduction .right-content__download a {
    font-weight: 600;
    color: #000;
    text-decoration: underline;
}

.ct--introduction .right-content .bar {
    position: absolute;
    background-color: #E5E5E5;
}

.ct--introduction .right-content .bar .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    z-index: 1;
}

@media screen and (min-width: 1024px) {
    .ct--introduction {
        border-bottom: 1px solid #E5E5E5;
        margin-bottom: 80px;
    }

    .ct--introduction.border-off {
        border-bottom: none;
    }

    .ct--introduction.border-off .right-content .bar {
        display: none;
    }

    .ct--introduction .left-content__title {
        padding-bottom: 60px;
    }

    .ct--introduction .right-content {
        padding-bottom: 50px;
        margin-top: -150px;
        z-index: 2;
    }

    .ct--introduction .right-content__title {
        padding-right: 25px;
    }

    .ct--introduction .right-content__text {
        padding-right: 25px;
    }

    .ct--introduction .right-content__label {
        padding-right: 25px;
    }

    .ct--introduction .right-content .bar {
        width: 1px;
        height: calc(100% + var(--height-bar-bottom));
        top: 0;
    }

    .ct--introduction .right-content .bar .icon {
        left: -3px;
        bottom: calc( var(--height-bar-bottom) - 3px);
    }

    .ct--introduction .right-content .bar:nth-child(1) {
        left: calc(0px - var(--grid-gap));
    }

    .ct--introduction .right-content .bar:nth-child(2) {
        right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .ct--introduction {
        padding-top: 60px;
        margin-bottom: 40px;
    }

    .ct--introduction.border-off .right-content .bar:nth-child(2) {
        display: none;
    }

    .ct--introduction .left-content {
        grid-column: 2 / 10;
        padding-top: 0;
    }

    .ct--introduction .left-content__subtitle {
        width: 60%;
        margin-bottom: 35px;
    }

    .ct--introduction .right-content {
        grid-column: -1 / 1;
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        padding: 40px 0 50px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--introduction .right-content {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--introduction .right-content__image {
        grid-column: -2 / 2;
        margin-left: 0;
        margin-bottom: 35px;
    }

    .ct--introduction .right-content__title {
        grid-column: -2 / 2;
    }

    .ct--introduction .right-content__text {
        grid-column: -2 / 2;
    }

    .ct--introduction .right-content__label {
        grid-column: -2 / 2;
        padding-top: 45px;
        text-align: center;
    }

    .ct--introduction .right-content__link {
        position: relative;
        grid-column: -2 / 2;
    }

    .ct--introduction .right-content__link .ct--button {
        text-align: center;
    }

    .ct--introduction .right-content__download {
        grid-column: -2 / 2;
        margin-top: 30px;
        text-align: center;
    }

    .ct--introduction .right-content .bar {
        width: 100%;
        height: 1px;
        left: 0;
    }

    .ct--introduction .right-content .bar:nth-child(1) {
        top: 0;
    }

    .ct--introduction .right-content .bar:nth-child(2) {
        bottom: 0;
    }

    .ct--introduction .right-content .bar .icon {
        top: -3px;
        left: 95%;
    }
}

@media screen and (max-width: 640px) {
    .ct--introduction .left-content {
        grid-column: -2 / 2;
    }
}

.ct--team-hover {
    position: relative;
    width: 100%;
    z-index: 2;
}

.ct--team-hover .item {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    transition: color 300ms ease;
    color: #000;
}

@media screen and (max-width: 640px) {
    .ct--team-hover .item {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--team-hover .item.active {
    color: #0056FF;
}

.ct--team-hover .item__identity {
    position: relative;
    grid-column: 2 / 8;
    padding: 20px 0;
}

.ct--team-hover .item__identity span {
    text-transform: uppercase;
}

.ct--team-hover .item__job {
    position: relative;
    grid-column: 8 / 13;
    padding: 20px 0;
}

.ct--team-hover .item__picture {
    display: none;
    position: relative;
    overflow: hidden;
    height: 0;
}

.ct--team-hover .item__picture__content {
    position: relative;
    position: relative;
    margin-top: 20px;
}

.ct--team-hover .item__picture__content:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 136.66667%;
}

.ct--team-hover .item__picture__content>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--team-hover .item__picture__content picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--team-hover .item__bar {
    position: absolute;
    grid-column: 8 / 13;
    width: 100%;
    height: 100%;
    top: 0;
}

.ct--team-hover .item__bar .bar {
    position: absolute;
    width: 1px;
    height: 20px;
    background-color: #E5E5E5;
    bottom: -10px;
    z-index: 1;
}

.ct--team-hover .item__bar .bar .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    top: 7px;
    left: -3px;
}

.ct--team-hover .item__bar .bar:nth-child(1) {
    left: calc(0px - var(--grid-gap));
}

.ct--team-hover .item__bar .bar:nth-child(2) {
    right: 0;
}

.ct--team-hover .item__bar .bar:nth-child(3) {
    background-color: transparent;
    bottom: inherit;
    top: -11px;
    left: calc(0px - var(--grid-gap));
}

.ct--team-hover .item__bar .bar:nth-child(4) {
    background-color: transparent;
    bottom: inherit;
    top: -11px;
    right: 0;
}

.ct--team-hover .team-hover {
    position: fixed;
    width: 200px;
    pointer-events: none;
    top: 0;
    left: 0;
    z-index: 2;
}

.ct--team-hover .team-hover .inner-team-hover {
    height: 100%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
    clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
    transform: rotate(0deg);
    transition: transform 200ms ease, -webkit-clip-path 500ms ease;
    transition: clip-path 500ms ease, transform 200ms ease;
    transition: clip-path 500ms ease, transform 200ms ease, -webkit-clip-path 500ms ease;
}

.ct--team-hover .team-hover.active .inner-team-hover {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.ct--team-hover .team-hover.switch .inner-team-hover {
    transition: -webkit-clip-path 200ms ease;
    transition: clip-path 200ms ease;
    transition: clip-path 200ms ease, -webkit-clip-path 200ms ease;
    -webkit-clip-path: polygon(5% 5%, 95% 5%, 95% 94%, 5% 95%);
    clip-path: polygon(5% 5%, 95% 5%, 95% 94%, 5% 95%);
}

.ct--team-hover .team-hover:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 136%;
}

.ct--team-hover .team-hover .ct--image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.ct--team-hover .team-hover .ct--image.active {
    display: block;
}

@media screen and (min-width: 1024px) {
    .ct--team-hover {
        margin-bottom: 125px;
        border-bottom: 1px solid #E5E5E5;
    }

    .ct--team-hover .item {
        border-top: 1px solid #E5E5E5;
    }
}

@media screen and (max-width: 1024px) {
    .ct--team-hover {
        margin-bottom: 80px;
    }

    .ct--team-hover .item {
        border-bottom: 1px solid #E5E5E5;
    }

    .ct--team-hover .item__job {
        margin-bottom: 0;
    }

    .ct--team-hover .item__bar {
        bottom: 0;
        grid-column: -1 / 1;
        height: auto;
        top: inherit;
    }

    .ct--team-hover .item__bar .bar {
        background-color: transparent;
    }

    .ct--team-hover .item__bar .bar:nth-child(1) {
        left: 95%;
    }

    .ct--team-hover .item__bar .bar:nth-child(2),
    .ct--team-hover .item__bar .bar:nth-child(3),
    .ct--team-hover .item__bar .bar:nth-child(4) {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .ct--team-hover .item {
        padding: 30px 0;
    }

    .ct--team-hover .item__identity {
        grid-column: 2 / 8;
        padding: 0;
    }

    .ct--team-hover .item__job {
        grid-column: 2 / 8;
        padding: 0;
    }

    .ct--team-hover .item__picture {
        grid-column: 2 / 5;
        display: block;
    }
}

.ct--content-double-col {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--content-double-col {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--content-double-col:before {
    content: '';
    display: block;
    position: absolute;
    width: calc(100% + var(--grid-gap));
    height: 190px;
    grid-column: 9 / 15;
    left: 0;
    top: 0;
    margin-left: calc(0px - var(--grid-gap));
    background-color: #0056FF;
    z-index: 4;
    transform: scaleY(0.95);
    transform-origin: 100% 0;
}

.ct--content-double-col .left-content {
    position: relative;
    z-index: 3;
    grid-column: 2 / 8;
}

.ct--content-double-col .left-content__subtitle {
    margin-bottom: 40px;
}

.ct--content-double-col .left-content__list-image {
    position: relative;
    padding-top: 80px;
    margin-bottom: -85px;
}

.ct--content-double-col .left-content__list-image .controls {
    position: absolute;
    right: 0;
    top: 55px;
    padding: 0 0 25px 10px;
    background-color: #fff;
    z-index: 2;
}

.ct--content-double-col .left-content__list-image .controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #0056FF;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ct--content-double-col .left-content__list-image .controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--content-double-col .left-content__list-image .controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--content-double-col .left-content__list-image .controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #0056FF;
}

@media (pointer: fine) {
    .ct--content-double-col .left-content__list-image .controls .arrow-slider {
        cursor: pointer;
    }
}

.ct--content-double-col .left-content__list-image .swiper {
    position: relative;
    z-index: 1;
}

.ct--content-double-col .left-content__list-image__item {
    position: relative;
}

.ct--content-double-col .left-content__list-image__item .item-content {
    position: relative;
    padding-bottom: 20px;
    color: #000;
}

.ct--content-double-col .left-content__list-image__item .item-image {
    position: relative;
    position: relative;
}

.ct--content-double-col .left-content__list-image__item .item-image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 65.28926%;
}

.ct--content-double-col .left-content__list-image__item .item-image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--content-double-col .left-content__list-image__item .item-image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--content-double-col .right-content {
    position: relative;
    z-index: 3;
    grid-column: 9 / 13;
    padding: 120px 25px 70px 0;
}

.ct--content-double-col .right-content .bar {
    position: absolute;
    background-color: #E5E5E5;
}

.ct--content-double-col .right-content .bar .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    z-index: 1;
}

.ct--content-double-col .right-content__title {
    padding-bottom: 30px;
    color: #000;
}

.ct--content-double-col .right-content__text {
    padding-bottom: 50px;
    color: #000;
}

.ct--content-double-col .right-content__link .ct--button {
    text-align: left;
}

.ct--content-double-col .bottom-content {
    grid-column: -1 / 1;
    padding-bottom: 80px;
}

.ct--content-double-col .bottom-content__list-image {
    position: relative;
}

.ct--content-double-col .bottom-content__list-image .swiper-wrapper {
    align-items: flex-end;
}

.ct--content-double-col .bottom-content__list-image__item {
    width: 70%;
    margin: 0 5%;
}

.ct--content-double-col .bottom-content__list-image__item .item-content {
    position: relative;
    padding-bottom: 20px;
    color: #000;
}

.ct--content-double-col .bottom-content__list-image__item .item-image {
    position: relative;
    position: relative;
}

.ct--content-double-col .bottom-content__list-image__item .item-image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 78.84615%;
}

.ct--content-double-col .bottom-content__list-image__item .item-image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--content-double-col .bottom-content__list-image__item .item-image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--content-double-col .bottom-content__list-image__pagination {
    position: relative;
    width: 100%;
    margin-top: 40px;
    display: none;
    text-align: center;
}

.ct--content-double-col .bottom-content__list-image__pagination .swiper-pagination-bullet {
    background-color: #B3CCFF;
    transition: 250ms ease width, 250ms ease background-color, 250ms ease border;
}

.ct--content-double-col .bottom-content__list-image__pagination .swiper-pagination-bullet-active {
    background-color: #0056FF;
    width: 18px;
    border-radius: 5px;
}

@media screen and (min-width: 1024px) {
    .ct--content-double-col {
        border-bottom: 1px solid #E5E5E5;
        padding-top: 120px;
        margin-bottom: 120px;
    }

    .ct--content-double-col.slider-image-exist {
        margin-bottom: 185px;
    }

    .ct--content-double-col .right-content .bar {
        width: 1px;
        height: calc(100% + 30px);
        top: 0;
    }

    .ct--content-double-col .right-content .bar .icon {
        left: -3px;
        bottom: 27px;
    }

    .ct--content-double-col .right-content .bar:nth-child(1) {
        left: calc(0px - var(--grid-gap));
    }

    .ct--content-double-col .right-content .bar:nth-child(2) {
        right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .ct--content-double-col {
        padding-top: 70px;
        margin-bottom: 20px;
    }

    .ct--content-double-col::before {
        content: none;
    }

    .ct--content-double-col.slider-image-exist {
        margin-bottom: 0;
    }

    .ct--content-double-col .left-content {
        grid-column: -2 / 2;
    }

    .ct--content-double-col .left-content__title {
        padding-bottom: 40px;
    }

    .ct--content-double-col .right-content {
        grid-column: -1 / 1;
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        padding: 40px 0 60px 0;
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--content-double-col .right-content {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--content-double-col .right-content .bar {
        width: 100%;
        height: 1px;
        left: 0;
    }

    .ct--content-double-col .right-content .bar:nth-child(1) {
        top: 0;
    }

    .ct--content-double-col .right-content .bar:nth-child(2) {
        display: none;
    }

    .ct--content-double-col .right-content .bar .icon {
        top: -3px;
        left: 95%;
    }

    .ct--content-double-col .right-content__title {
        grid-column: -2 / 2;
        padding-bottom: 10px;
    }

    .ct--content-double-col .right-content__text {
        grid-column: -2 / 2;
        padding-bottom: 30px;
    }

    .ct--content-double-col .right-content__link {
        grid-column: -2 / 2;
    }
}

.ct--pictos-list {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--pictos-list {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--pictos-list.color-grey {
    padding-top: 90px;
    padding-bottom: 135px;
    background-color: #f8f8f8;
}

.ct--pictos-list.color-grey .inner .item {
    background-color: #fff;
}

.ct--pictos-list__subtitle {
    position: relative;
    grid-column: 2 / 14;
    margin-bottom: 40px;
    color: #000;
}

.ct--pictos-list__title {
    position: relative;
    grid-column: 2 / 14;
    margin-bottom: 60px;
    color: #000;
}

.ct--pictos-list .swiper {
    position: relative;
    grid-column: 2 / 14;
}

.ct--pictos-list .inner {
    position: relative;
    display: flex;
    justify-content: center;
}

.ct--pictos-list .inner .item {
    position: relative;
    width: 25%;
    height: auto;
    padding: 45px 25px;
    background-color: #f8f8f8;
    text-align: center;
}

.ct--pictos-list .inner .item:nth-child(1) {
    border-radius: 10px 0 0 0px;
}

.ct--pictos-list .inner .item:nth-last-child(1) {
    border-radius: 0 0 10px 0;
}

.ct--pictos-list .inner .item__picto {
    position: relative;
    margin-bottom: 20px;
    height: 78px;
}

.ct--pictos-list .inner .item__title {
    position: relative;
    margin-bottom: 20px;
    color: #000;
}

.ct--pictos-list .inner .item__content {
    position: relative;
    width: 70%;
    margin: 0 auto;
    color: #000;
}

.ct--pictos-list .swiper-pagination {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-top: 30px;
    display: none;
}

.ct--pictos-list .swiper-pagination .swiper-pagination-bullet {
    background-color: #B3CCFF;
    opacity: 1;
    transition: 250ms ease width, 250ms ease background-color, 250ms ease border;
}

.ct--pictos-list .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0056FF;
    width: 18px;
    border-radius: 5px;
}

@media screen and (min-width: 1024px) {
    .ct--pictos-list {
        margin-bottom: 165px;
    }

    .ct--pictos-list.color-grey {
        margin-bottom: 0;
    }

    .ct--pictos-list__title {
        width: 50%;
    }

    .ct--pictos-list .inner .item {
        width: calc( ( 100% - ( var(--grid-gap ) * 2 ) ) / 3);
    }

    .ct--pictos-list .inner .item:not(:nth-child(3n+1)) {
        margin-left: var(--grid-gap);
    }
}

@media screen and (max-width: 1024px) {
    .ct--pictos-list {
        background: #f8f8f8;
        padding: 0 var(--grid-gap) 60px;
    }

    .ct--pictos-list.color-grey {
        padding-bottom: 80px;
    }

    .ct--pictos-list.color-grey .ct--pictos-list__title {
        margin-bottom: 40px;
    }

    .ct--pictos-list.color-grey .swiper {
        padding-top: 0;
    }

    .ct--pictos-list.color-grey .inner .item {
        padding-top: 30px;
    }

    .ct--pictos-list .swiper {
        padding: 45px 0;
        margin: 0;
    }

    .ct--pictos-list .inner {
        justify-content: unset;
    }

    .ct--pictos-list .inner .item {
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        background: none;
    }
}

@media screen and (max-width: 640px) {
    .ct--pictos-list__subtitle {
        grid-column: 2 / 8;
    }

    .ct--pictos-list__title {
        grid-column: 2 / 8;
    }

    .ct--pictos-list .swiper {
        grid-column: 2 / 8;
    }
}

.ct--pictos-list-arrow {
    position: relative;
    margin-bottom: 80px;
}

.ct--pictos-list-arrow .inner {
    position: relative;
    display: flex;
    justify-content: center;
}

.ct--pictos-list-arrow .inner .item {
    position: relative;
    text-align: center;
    padding: 45px 45px 0;
    width: 25%;
}

.ct--pictos-list-arrow .inner .item:before {
    position: absolute;
    content: '';
    height: 60%;
    width: 1px;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
    background: #E5E5E5;
}

.ct--pictos-list-arrow .inner .item:after {
    position: absolute;
    content: '';
    z-index: 2;
    width: 0;
    height: 0;
    top: 50%;
    margin-top: -11px;
    right: -13px;
    border-style: solid;
    border-width: 11px 0 11px 22px;
    border-color: transparent transparent transparent #0056FF;
}

.ct--pictos-list-arrow .inner .item:nth-last-child(1):before,
.ct--pictos-list-arrow .inner .item:nth-last-child(1):after {
    display: none;
}

.ct--pictos-list-arrow .inner .item__picto {
    margin-bottom: 20px;
    height: 78px;
}

.ct--pictos-list-arrow .inner .item__title {
    margin-bottom: 20px;
}

@media screen and (max-width: 1024px) {
    .ct--pictos-list-arrow .inner {
        display: block;
    }

    .ct--pictos-list-arrow .inner .item {
        width: 100%;
        padding: 45px 25px;
    }

    .ct--pictos-list-arrow .inner .item:before {
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        top: auto;
        right: auto;
    }

    .ct--pictos-list-arrow .inner .item:after {
        top: auto;
        right: auto;
        bottom: -11px;
        left: 50%;
        margin-left: -11px;
        transform: rotate(90deg);
    }
}

.ct--big-blue-slider {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding: 145px 0;
    background: #0056FF;
}

@media screen and (max-width: 640px) {
    .ct--big-blue-slider {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--big-blue-slider.extension::after {
    content: '';
    position: absolute;
    height: 160px;
    bottom: -160px;
    grid-column: 9 / 15;
    width: calc( 100% + var(--grid-gap));
    margin-left: calc(0px - var(--grid-gap));
    background-color: #0056FF;
}

.ct--big-blue-slider__subtitle {
    position: relative;
    grid-column: 2 / 14;
    margin-bottom: 40px;
    color: #fff;
}

.ct--big-blue-slider__subtitle:before {
    background: #fff;
}

.ct--big-blue-slider .top {
    display: flex;
    justify-content: space-between;
    grid-column: 2 / 14;
    margin-top: 30px;
    margin-bottom: 70px;
    align-items: center;
}

.ct--big-blue-slider .top__title {
    color: #fff;
}

.ct--big-blue-slider .top__controls {
    margin-left: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ct--big-blue-slider .top__controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ct--big-blue-slider .top__controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--big-blue-slider .top__controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--big-blue-slider .top__controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #fff;
}

.ct--big-blue-slider__container-slider {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    overflow: hidden;
    padding: 7px 0px;
}

@media screen and (max-width: 640px) {
    .ct--big-blue-slider__container-slider {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--big-blue-slider .bar-top {
    display: none;
    position: relative;
    grid-column: -1 / 1;
    width: 100%;
    height: 1px;
    background: #5A91FF;
}

.ct--big-blue-slider .bar-top .icon {
    position: absolute;
    stroke: #fff;
    width: 6px;
    height: 6px;
    z-index: 1;
    top: -3px;
    left: 95%;
}

.ct--big-blue-slider__slider {
    position: relative;
    z-index: 5;
    grid-column: 4 / 15;
    margin-left: calc(0px - var(--grid-gap));
}

.ct--big-blue-slider__slider .swiper {
    overflow: visible;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper {
    align-items: stretch;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item {
    position: relative;
    width: 40%;
    height: auto;
    margin: 0 var(--grid-gap);
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item:before,
.ct--big-blue-slider__slider .swiper .swiper-wrapper .item:after {
    position: absolute;
    content: '';
    display: block;
    width: calc(100% + var(--grid-gap) * 2);
    height: 1px;
    background: rgba(229,229,229,0.4);
    left: calc(0px - var(--grid-gap));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item:before {
    top: -1px;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item:after {
    bottom: -1px;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__title {
    position: relative;
    margin-bottom: 20px;
    width: 70%;
    color: #fff;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__image {
    position: relative;
    width: 100%;
    margin-top: 45px;
    margin-bottom: 35px;
    position: relative;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 51.08696%;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .item__content {
    position: relative;
    margin-bottom: 45px;
    color: #fff;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .container-bar {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar {
    position: absolute;
    width: 1px;
    height: calc(100% + 40px);
    background: rgba(229,229,229,0.4);
    top: -20px;
    z-index: 1;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar .icon {
    position: absolute;
    stroke: #fff;
    width: 6px;
    height: 6px;
    z-index: 1;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar .icon:nth-child(1) {
    top: 16px;
    left: -3px;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar .icon:nth-last-child(1) {
    bottom: 16px;
    left: -3px;
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(1) {
    left: calc( ( 40% * ( 1 - 1 ) ) + ( var(--grid-gap) * ( ( 1 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(2) {
    left: calc( ( 40% * ( 2 - 1 ) ) + ( var(--grid-gap) * ( ( 2 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(3) {
    left: calc( ( 40% * ( 3 - 1 ) ) + ( var(--grid-gap) * ( ( 3 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(4) {
    left: calc( ( 40% * ( 4 - 1 ) ) + ( var(--grid-gap) * ( ( 4 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(5) {
    left: calc( ( 40% * ( 5 - 1 ) ) + ( var(--grid-gap) * ( ( 5 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(6) {
    left: calc( ( 40% * ( 6 - 1 ) ) + ( var(--grid-gap) * ( ( 6 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(7) {
    left: calc( ( 40% * ( 7 - 1 ) ) + ( var(--grid-gap) * ( ( 7 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(8) {
    left: calc( ( 40% * ( 8 - 1 ) ) + ( var(--grid-gap) * ( ( 8 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(9) {
    left: calc( ( 40% * ( 9 - 1 ) ) + ( var(--grid-gap) * ( ( 9 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(10) {
    left: calc( ( 40% * ( 10 - 1 ) ) + ( var(--grid-gap) * ( ( 10 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(11) {
    left: calc( ( 40% * ( 11 - 1 ) ) + ( var(--grid-gap) * ( ( 11 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(12) {
    left: calc( ( 40% * ( 12 - 1 ) ) + ( var(--grid-gap) * ( ( 12 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(13) {
    left: calc( ( 40% * ( 13 - 1 ) ) + ( var(--grid-gap) * ( ( 13 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(14) {
    left: calc( ( 40% * ( 14 - 1 ) ) + ( var(--grid-gap) * ( ( 14 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(15) {
    left: calc( ( 40% * ( 15 - 1 ) ) + ( var(--grid-gap) * ( ( 15 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(16) {
    left: calc( ( 40% * ( 16 - 1 ) ) + ( var(--grid-gap) * ( ( 16 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(17) {
    left: calc( ( 40% * ( 17 - 1 ) ) + ( var(--grid-gap) * ( ( 17 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(18) {
    left: calc( ( 40% * ( 18 - 1 ) ) + ( var(--grid-gap) * ( ( 18 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(19) {
    left: calc( ( 40% * ( 19 - 1 ) ) + ( var(--grid-gap) * ( ( 19 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-wrapper .bar:nth-child(20) {
    left: calc( ( 40% * ( 20 - 1 ) ) + ( var(--grid-gap) * ( ( 20 - 1 ) * 2 ) ));
}

.ct--big-blue-slider__slider .swiper .swiper-pagination {
    position: relative;
    width: 100%;
    margin-top: 40px;
    display: none;
    text-align: center;
}

.ct--big-blue-slider__slider .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #5A91FF;
    opacity: 1;
    transition: 250ms ease width, 250ms ease background-color, 250ms ease border;
}

.ct--big-blue-slider__slider .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 18px;
    border-radius: 5px;
}

@media screen and (max-width: 1024px) {
    .ct--big-blue-slider {
        padding: 75px 0;
    }

    .ct--big-blue-slider.extension::after {
        height: 45px;
        bottom: -45px;
        grid-column: 9 / 15;
    }

    .ct--big-blue-slider__subtitle {
        margin-bottom: 20px;
    }

    .ct--big-blue-slider__title {
        margin-bottom: 25px;
    }

    .ct--big-blue-slider .bar-top {
        display: block;
    }

    .ct--big-blue-slider__slider {
        grid-column: -2 / 2;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item {
        width: 80%;
        margin: 0 calc(var(--grid-gap) * 2) 0 0;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item::before,
    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item::after {
        content: none;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item__title {
        width: 85%;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item.swiper-slide-active .item__title {
        opacity: 1;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item.swiper-slide-active .item__content {
        opacity: 1;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item__title {
        margin-top: 70px;
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item__image {
        margin-bottom: 20px;
        position: relative;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 63.46154%;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .item__content {
        margin-bottom: 0;
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--big-blue-slider__slider .swiper .swiper-wrapper .bar {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .ct--big-blue-slider.extension::after {
        content: none;
        grid-column: 6 / 9;
    }

    .ct--big-blue-slider__subtitle {
        grid-column: 2 / 8;
    }

    .ct--big-blue-slider__title {
        grid-column: 2 / 8;
        width: 90%;
    }
}

.ct--footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 4;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #000;
}

.ct--footer__video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 1;
}

.ct--footer__top {
    position: relative;
    grid-column: -1 / 1;
    z-index: 5;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ct--footer__top__title {
    position: relative;
    padding-bottom: 60px;
    color: #fff;
    text-align: center;
}

.ct--footer__bottom {
    position: relative;
    z-index: 5;
    grid-column: 1 / -1;
    display: flex;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, #000 100%);
    padding: 25px 0 55px;
}

.ct--footer__bottom .small-text {
    position: relative;
    font-style: normal;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #fff;
}

.ct--footer__bottom .small-text a {
    color: #fff;
    transition: color 300ms ease;
}

@media (pointer: fine) {
    .ct--footer__bottom .small-text a:hover {
        color: #0056FF;
    }
}

.ct--footer__bottom .adress {
    font-style: normal;
    font-weight: 400;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #fff;
    margin-top: 5px;
}

.ct--footer__bottom__menu-container {
    position: relative;
}

.ct--footer__bottom__menu-container .menu {
    position: relative;
}

.ct--footer__bottom__menu-container .menu__item {
    position: relative;
    display: inline-block;
    padding: 0 20px;
}

.ct--footer__bottom__menu-container .menu__item:last-of-type {
    padding-right: 0;
}

.ct--footer__bottom__menu-container .menu__item__link {
    color: #fff;
    transition: color 300ms ease;
}

@media (pointer: fine) {
    .ct--footer__bottom__menu-container .menu__item__link:hover {
        color: #0056FF;
    }
}

.ct--footer__bottom__last {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: right;
}

.ct--footer__bottom__socials__title {
    color: #fff;
    margin-bottom: 10px;
}

.ct--footer__bottom__socials ul {
    display: flex;
    justify-content: flex-end;
}

.ct--footer__bottom__socials ul li {
    width: 20px;
    height: 20px;
    border: 1px solid #606060;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
    transition: border 300ms ease;
}

.ct--footer__bottom__socials ul li:hover {
    border: 1px solid #0056FF;
}

.ct--footer__bottom__socials ul li:hover .icon {
    color: #0056FF;
}

.ct--footer__bottom__socials ul li a {
    text-align: center;
}

.ct--footer__bottom__socials ul li .icon {
    color: #fff;
    max-width: 10px;
    max-height: 9px;
    transition: color 300ms ease;
}

.ct--footer__bottom__menu-footer .menu {
    display: flex;
    justify-content: flex-end;
}

.ct--footer__bottom__menu-footer .menu__item {
    margin-left: 15px;
}

.ct--footer__bottom__menu-footer .menu__item:nth-child(1) {
    margin-left: 0;
}

.ct--footer__bottom__menu-footer .menu__item__link {
    color: #fff;
    transition: color 300ms ease;
}

@media (pointer: fine) {
    .ct--footer__bottom__menu-footer .menu__item__link:hover {
        color: #0056FF;
    }
}

.ct--footer__scroll-up {
    display: none;
    position: absolute;
    bottom: 80px;
    right: -45px;
    padding-right: 85px;
    transform: rotate(-90deg);
    font-style: normal;
    font-weight: 500;
    font-size: 10.5rem;
    line-height: 114px;
    color: #fff;
    text-transform: uppercase;
}

.ct--footer__scroll-up::before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 50px;
    height: 50px;
    border-top: 9px solid #fff;
    border-right: 9px solid #fff;
    transform: translateY(-40%) rotate(45deg);
}

.ct--footer__scroll-up::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    width: 60px;
    height: 9px;
    background-color: #fff;
}

@media screen and (min-width: 1024px) {
    .ct--footer__bottom {
        display: grid;
        grid-template-columns: repeat(12, minmax(0px, 1fr));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
    }

    .ct--footer__bottom__left {
        grid-column: 2 / 4;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .ct--footer__bottom__right {
        grid-column: 7 / 12;
        display: flex;
    }

    .ct--footer__bottom__menu-container {
        width: 40%;
    }

    .ct--footer__bottom__menu-container ul .menu__item {
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width: 1024px) {
    .ct--footer__top {
        padding: 25px;
    }

    .ct--footer__top__title {
        padding-bottom: 40px;
    }

    .ct--footer__bottom {
        flex-flow: column-reverse;
        padding: 40px 25px 40px;
        width: calc(100% - 110px);
    }

    .ct--footer__bottom__last {
        display: grid;
        justify-content: unset;
        text-align: left;
        flex-direction: unset;
    }

    .ct--footer__bottom__right {
        margin-bottom: 20px;
    }

    .ct--footer__bottom__socials ul {
        justify-content: flex-start;
    }

    .ct--footer__bottom__socials ul li {
        margin-left: 0;
        margin-right: 10px;
    }

    .ct--footer__bottom__menu-container {
        width: 100%;
        margin-bottom: 15px;
        display: none;
    }

    .ct--footer__bottom__menu-container .menu__item {
        width: 100%;
        padding: 0;
    }

    .ct--footer__bottom__menu-footer .menu {
        justify-content: flex-start;
    }

    .ct--footer__scroll-up {
        display: block;
        z-index: 10;
    }
}

.ct--button {
    position: relative;
    text-align: center;
}

.ct--button.hover .ct--button__container__background__circle {
    transform: scale(1);
}

.ct--button.white .ct--button__container__background::before {
    background-color: #fff;
}

.ct--button.white .ct--button__container__background__circle {
    background-color: #d9d9d9;
}

.ct--button.white .ct--button__container__label__content {
    color: #0056FF;
}

.ct--button.white .ct--button__container__label__content::after {
    border-left-color: #0056FF;
}

.ct--button.hide .ct--button__container {
    transform: scale(0);
    transition: transform 200ms ease 320ms;
}

.ct--button.hide .ct--button__container__background {
    width: 50px;
    transition: background-color 300ms ease, width 200ms ease 190ms;
}

.ct--button.hide .ct--button__container__label {
    opacity: 0;
    transition: opacity 200ms ease;
}

.ct--button__container {
    position: relative;
    display: inline-block;
    padding: 10px 20px 8px 25px;
    transform: scale(1);
    transition: transform 300ms ease;
    transform-origin: calc( 50px / 2) calc( 50px / 2);
}

.ct--button__container__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    overflow: hidden;
    transition: width 300ms ease 290ms;
}

.ct--button__container__background::before {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border-radius: 30px;
    background-color: #0056FF;
}

.ct--button__container__background__circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 50%;
    transform-origin: 50% 50%;
    transform: scale(0);
    transition: transform 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    background-color: #003cb3;
}

.ct--button__container__label {
    position: relative;
    display: inline-block;
    overflow: hidden;
    transition: opacity 300ms ease 510ms;
}

.ct--button__container__label__content {
    position: relative;
    display: inline-block;
    padding-right: 18px;
    transition: color 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
    color: #fff;
    /* text-transform: uppercase; */
    white-space: nowrap;
}

.ct--button__container__label__content::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fff;
    transition: border-color 700ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
}

@-webkit-keyframes buttonAnimHover {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-100%);
    }

    51% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes buttonAnimHover {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-100%);
    }

    51% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0);
    }
}

.ct--menu {
    position: fixed;
    width: 100%;
    z-index: 20;
}

.ct--menu.small .ct--menu__top__logo {
    opacity: 0;
    pointer-events: none;
}

.ct--menu:not(.open).black .ct--menu__top__logo .logo {
    filter: invert(1);
}

.ct--menu__top {
    position: relative;
    z-index: 2;
}

.ct--menu__top__logo {
    position: absolute;
    top: 45px;
    left: 4%;
    display: inline-block;
    opacity: 1;
    pointer-events: auto;
    transition: opacity 300ms ease;
}

.ct--menu__top__logo .logo {
    position: relative;
    display: block;
    width: 131px;
}

.ct--menu__top__right {
    position: absolute;
    top: 35px;
    right: 4%;
    display: flex;
    align-items: center;
}

.ct--menu__top__container-button {
    position: relative;
    display: flex;
    padding-right: 35px;
    pointer-events: none;
    opacity: 0;
    transition: opacity 300ms ease, visibility 300ms ease;
}

.ct--menu__top__container-button .ct--button:first-of-type {
    margin-right: 5px;
}

.ct--menu__container {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 400ms ease, visibility 400ms ease;
}

.ct--menu__container__background-black {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.ct--menu__container__background-black .block {
    position: absolute;
    width: calc(35% + 1px);
    height: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    transform-origin: 0 0;
    transition: transform 10ms ease 450ms;
    transform: scaleY(0);
    z-index: 1;
}

.ct--menu__container__background-black .block::before,
.ct--menu__container__background-black .block::after {
    content: '';
    position: absolute;
    width: 101%;
    height: 100%;
    background-color: #000;
    top: 0;
    transform-origin: 0 0;
    transform: scaleY(0);
    transition: transform 10ms ease 450ms;
}

.ct--menu__container__background-black .block::before {
    left: 100%;
}

.ct--menu__container__background-black .block::after {
    left: 200%;
}

.ct--menu__container__background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.ct--menu__container__background .background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    filter: blur(10px);
    transform: scale(1.1);
    opacity: 0;
    transition: opacity 300ms ease,transform 700ms cubic-bezier(0.25, 0.46, 0.45, 0.94),filter 900ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1;
}

.ct--menu__container__background .background.show {
    filter: blur(0px);
    transform: scale(1);
    opacity: 1;
    z-index: 2;
}

.ct--menu__container__main-menu-container {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    padding: 0 125px;
    z-index: 2;
    opacity: 0;
}

.ct--menu__container__main-menu-container .menu {
    position: relative;
}

.ct--menu__container__main-menu-container .menu__item {
    position: relative;
    opacity: 0;
    pointer-events: none;
}

.ct--menu__container__main-menu-container .menu__item:last-of-type {
    padding-bottom: 0;
}

.ct--menu__container__main-menu-container .menu__item__link {
    color: #fff;
    transition: color 300ms ease;
}

@media (pointer: fine) {
    .ct--menu__container__main-menu-container .menu__item__link:hover {
        color: #0056FF;
    }
}

.ct--menu__container__bottom {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    left: 0;
    bottom: 0;
    padding: 0 45px 35px;
    z-index: 2;
    pointer-events: none;
    opacity: 0;
    transition: opacity 10ms ease 450ms,visibility 10ms ease 450ms;
}

.ct--menu__container__bottom__legend {
    position: relative;
}

.ct--menu__container__bottom__legend .small-text {
    position: relative;
    color: #fff;
}

.ct--menu__container__bottom__legend .small-text a {
    color: #fff;
    transition: color 300ms ease;
}

@media (pointer: fine) {
    .ct--menu__container__bottom__legend .small-text a:hover {
        color: #0056FF;
    }
}

.ct--menu__container__bottom__menu-container {
    position: relative;
}

.ct--menu__container__bottom__menu-container .menu {
    position: relative;
}

.ct--menu__container__bottom__menu-container .menu__item {
    position: relative;
    display: inline-block;
    padding: 0 20px;
}

.ct--menu__container__bottom__menu-container .menu__item:last-of-type {
    padding-right: 0;
}

.ct--menu__container__bottom__menu-container .menu__item__link {
    color: #fff;
    text-transform: uppercase;
    transition: color 300ms ease;
}

@media (pointer: fine) {
    .ct--menu__container__bottom__menu-container .menu__item__link:hover {
        color: #0056FF;
    }
}

@media screen and (min-width: 640px) {
    .ct--menu.open .ct--menu__top__container-button {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 800ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s;
    }

    .ct--menu.open .ct--menu__container {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: none;
    }

    .ct--menu.open .ct--menu__container__background-black {
        background-color: #000;
        transition: background-color 10ms ease 1600ms;
    }

    .ct--menu.open .ct--menu__container__background-black .block {
        transform: scaleY(1);
        transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 200ms;
    }

    .ct--menu.open .ct--menu__container__background-black .block::before {
        transform: scaleY(1);
        transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 350ms;
    }

    .ct--menu.open .ct--menu__container__background-black .block::after {
        transform: scaleY(1);
        transition: transform 800ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 500ms;
    }

    .ct--menu.open .ct--menu__container__main-menu-container {
        opacity: 1;
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item {
        opacity: 1;
        transition: opacity 800ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
        pointer-events: auto;
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(1) {
        transition-delay: calc(1.1s + (1 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(2) {
        transition-delay: calc(1.1s + (2 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(3) {
        transition-delay: calc(1.1s + (3 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(4) {
        transition-delay: calc(1.1s + (4 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(5) {
        transition-delay: calc(1.1s + (5 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(6) {
        transition-delay: calc(1.1s + (6 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(7) {
        transition-delay: calc(1.1s + (7 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(8) {
        transition-delay: calc(1.1s + (8 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(9) {
        transition-delay: calc(1.1s + (9 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(10) {
        transition-delay: calc(1.1s + (10 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(11) {
        transition-delay: calc(1.1s + (11 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(12) {
        transition-delay: calc(1.1s + (12 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(13) {
        transition-delay: calc(1.1s + (13 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(14) {
        transition-delay: calc(1.1s + (14 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(15) {
        transition-delay: calc(1.1s + (15 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(16) {
        transition-delay: calc(1.1s + (16 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(17) {
        transition-delay: calc(1.1s + (17 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(18) {
        transition-delay: calc(1.1s + (18 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(19) {
        transition-delay: calc(1.1s + (19 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(20) {
        transition-delay: calc(1.1s + (20 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__bottom {
        opacity: 1;
        pointer-events: auto;
        transition: opacity 800ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 1s;
    }

    .ct--menu__top__burger {
        position: relative;
        display: inline-block;
        width: 75px;
        height: 75px;
        border-radius: 50%;
        border: 1px solid transparent;
        background-color: #0056FF;
        transition: background-color 300ms ease, border-color 300ms ease;
    }

    .ct--menu__top__burger .line {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .ct--menu__top__burger .line:first-of-type::before,
    .ct--menu__top__burger .line:first-of-type::after {
        content: '';
        display: block;
        position: absolute;
        width: 12px;
        height: 1px;
        left: calc( 50% - 6px);
        background-color: #fff;
        transform: scaleX(1);
        transform-origin: 0 0;
        will-change: width, transform;
    }

    .ct--menu__top__burger .line:first-of-type::before {
        top: calc( 50% - 3px);
        transition: width 300ms ease, transform 300ms ease 350ms;
    }

    .ct--menu__top__burger .line:first-of-type::after {
        top: calc( 50% + 3px);
        transition: width 300ms ease, transform 300ms ease 500ms;
    }

    .ct--menu__top__burger .line:last-of-type {
        transform: rotate(45deg);
        transition: transform 300ms ease;
    }

    .ct--menu__top__burger .line:last-of-type::before,
    .ct--menu__top__burger .line:last-of-type::after {
        content: '';
        display: block;
        position: absolute;
        background-color: #fff;
        transform-origin: 100% 100%;
    }

    .ct--menu__top__burger .line:last-of-type::before {
        width: 1px;
        height: 13px;
        top: calc( 50% - 6px);
        left: 50%;
        transform: scaleY(0);
        transition: transform 300ms ease;
    }

    .ct--menu__top__burger .line:last-of-type::after {
        width: 13px;
        height: 1px;
        top: 50%;
        left: calc( 50% - 6px);
        transform: scaleX(0);
        transition: transform 300ms ease 150ms;
    }
}

@media screen and (min-width: 640px) and (pointer: fine) {
    .ct--menu__top__burger {
        cursor: pointer;
    }

    .ct--menu__top__burger:hover {
        background-color: #003cb3;
    }

    .ct--menu__top__burger:hover .line:first-of-type::before {
        width: 16px;
    }

    .ct--menu__top__burger:hover .line:first-of-type::after {
        width: 8px;
    }

    .ct--menu__top__burger:hover.open .line:last-of-type {
        transform: rotate(45deg) scale(1.4);
    }
}

@media screen and (min-width: 640px) {
    .ct--menu__top__burger.open {
        border-color: rgba(255,255,255,0.2);
        background-color: transparent;
    }

    .ct--menu__top__burger.open .line:first-of-type::before {
        transform: scaleX(0);
        transform-origin: 100% 100%;
        transition: transform 300ms ease;
    }

    .ct--menu__top__burger.open .line:first-of-type::after {
        transform: scaleX(0);
        transition: transform 300ms ease;
    }

    .ct--menu__top__burger.open .line:last-of-type::before {
        transform: scaleY(1);
        transform-origin: 0 0;
        transition: transform 300ms ease 290ms;
    }

    .ct--menu__top__burger.open .line:last-of-type::after {
        transform: scaleX(1);
        transform-origin: 0 0;
        transition: transform 300ms ease 440ms;
    }

    .ct--menu__container__background-black {
        background-color: transparent;
        transition: background-color 10ms ease 450ms;
    }

    .ct--menu__container__bottom__container-button {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .ct--menu.open .ct--menu__container {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: none;
    }

    .ct--menu.open .ct--menu__container__background-black {
        transform: scaleY(1);
        transition: transform 700ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    .ct--menu.open .ct--menu__container__main-menu-container {
        opacity: 1;
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item {
        opacity: 1;
        transition: opacity 800ms cubic-bezier(0.55, 0.085, 0.68, 0.53);
        pointer-events: auto;
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(1) {
        transition-delay: calc(0.5s + (1 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(2) {
        transition-delay: calc(0.5s + (2 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(3) {
        transition-delay: calc(0.5s + (3 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(4) {
        transition-delay: calc(0.5s + (4 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(5) {
        transition-delay: calc(0.5s + (5 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(6) {
        transition-delay: calc(0.5s + (6 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(7) {
        transition-delay: calc(0.5s + (7 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(8) {
        transition-delay: calc(0.5s + (8 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(9) {
        transition-delay: calc(0.5s + (9 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(10) {
        transition-delay: calc(0.5s + (10 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(11) {
        transition-delay: calc(0.5s + (11 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(12) {
        transition-delay: calc(0.5s + (12 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(13) {
        transition-delay: calc(0.5s + (13 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(14) {
        transition-delay: calc(0.5s + (14 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(15) {
        transition-delay: calc(0.5s + (15 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(16) {
        transition-delay: calc(0.5s + (16 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(17) {
        transition-delay: calc(0.5s + (17 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(18) {
        transition-delay: calc(0.5s + (18 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(19) {
        transition-delay: calc(0.5s + (19 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__main-menu-container .menu__item:nth-child(20) {
        transition-delay: calc(0.5s + (20 * 0.1s));
    }

    .ct--menu.open .ct--menu__container__bottom {
        opacity: 1;
        transition: opacity 800ms cubic-bezier(0.55, 0.085, 0.68, 0.53) 800ms;
        pointer-events: auto;
    }

    .ct--menu:not(.open).black .ct--menu__top__burger .line::before,
    .ct--menu:not(.open).black .ct--menu__top__burger .line::after {
        background-color: #000;
    }

    .ct--menu__top {
        padding: 15px 20px 0;
    }

    .ct--menu__top__logo .logo {
        width: 48px;
    }

    .ct--menu__top__container-button {
        display: none;
    }

    .ct--menu__top__burger {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 40px;
    }

    .ct--menu__top__burger .line {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .ct--menu__top__burger .line:first-of-type::before,
    .ct--menu__top__burger .line:first-of-type::after {
        content: '';
        display: block;
        position: absolute;
        width: 30px;
        height: 1px;
        left: calc( 50% - 15px);
        background-color: #fff;
        transform: scaleX(1);
        transform-origin: 0 0;
        will-change: width, transform;
    }

    .ct--menu__top__burger .line:first-of-type::before {
        top: calc( 50% - 4px);
        transition: width 300ms ease, transform 300ms ease 350ms;
    }

    .ct--menu__top__burger .line:first-of-type::after {
        top: calc( 50% + 4px);
        transition: width 300ms ease, transform 300ms ease 500ms;
    }

    .ct--menu__top__burger .line:last-of-type {
        transform: rotate(45deg);
        transition: transform 300ms ease;
    }

    .ct--menu__top__burger .line:last-of-type::before,
    .ct--menu__top__burger .line:last-of-type::after {
        content: '';
        display: block;
        position: absolute;
        background-color: #fff;
        transform-origin: 100% 100%;
    }

    .ct--menu__top__burger .line:last-of-type::before {
        width: 1px;
        height: 21px;
        top: calc( 50% - 10px);
        left: 50%;
        transform: scaleY(0);
        transition: transform 300ms ease;
    }

    .ct--menu__top__burger .line:last-of-type::after {
        width: 21px;
        height: 1px;
        top: 50%;
        left: calc( 50% - 10px);
        transform: scaleX(0);
        transition: transform 300ms ease 150ms;
    }

    .ct--menu__top__burger.open {
        border-color: rgba(255,255,255,0.2);
        background-color: transparent;
    }

    .ct--menu__top__burger.open .line:first-of-type::before {
        transform: scaleX(0);
        transform-origin: 100% 100%;
        transition: transform 300ms ease;
    }

    .ct--menu__top__burger.open .line:first-of-type::after {
        transform: scaleX(0);
        transition: transform 300ms ease;
    }

    .ct--menu__top__burger.open .line:last-of-type::before {
        transform: scaleY(1);
        transform-origin: 0 0;
        transition: transform 300ms ease 290ms;
    }

    .ct--menu__top__burger.open .line:last-of-type::after {
        transform: scaleX(1);
        transform-origin: 0 0;
        transition: transform 300ms ease 440ms;
    }

    .ct--menu__container__background-black {
        background-color: black;
        transform: scaleY(0);
        transform-origin: 0 0;
        transition: transform 10ms ease 450ms;
    }

    .ct--menu__container__background-black .block {
        display: none;
    }

    .ct--menu__container__background {
        display: none;
    }

    .ct--menu__container__main-menu-container {
        padding: 0 50px;
    }

    .ct--menu__container__main-menu-container .menu__item__link {
        font-size: 2.5rem;
        line-height: 4.5rem;
    }

    .ct--menu__container__bottom {
        flex-wrap: wrap;
        opacity: 0;
        transition: opacity 10ms ease 450ms;
    }

    .ct--menu__container__bottom__container-button {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 1;
        width: 100%;
        padding-bottom: 20px;
    }

    .ct--menu__container__bottom__container-button .ct--button:first-of-type {
        margin-right: 5px;
    }

    .ct--menu__container__bottom__legend {
        width: 100%;
        order: 3;
        padding-top: 20px;
        text-align: center;
    }

    .ct--menu__container__bottom__menu-container {
        width: 100%;
        order: 2;
    }

    .ct--menu__container__bottom__menu-container .menu {
        text-align: center;
    }

    .ct--menu__container__bottom__menu-container .menu__item:first-of-type {
        padding-left: 0;
    }
}

.ct--slider-count {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding-top: 105px;
}

@media screen and (max-width: 640px) {
    .ct--slider-count {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--slider-count__subtitle {
    position: relative;
    grid-column: 2 / 14;
    width: 50%;
    margin-bottom: 50px;
    color: #000;
}

.ct--slider-count .top {
    display: flex;
    justify-content: space-between;
    grid-column: 2 / 14;
    margin-top: 30px;
    margin-bottom: 80px;
    align-items: center;
}

.ct--slider-count .top__title {
    color: #000;
}

.ct--slider-count .top__controls {
    margin-left: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ct--slider-count .top__controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #0056FF;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ct--slider-count .top__controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--slider-count .top__controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--slider-count .top__controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #0056FF;
}

.ct--slider-count__container-slider {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    overflow: hidden;
}

@media screen and (max-width: 640px) {
    .ct--slider-count__container-slider {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--slider-count__slider {
    position: relative;
    z-index: 5;
    grid-column: 4 / 15;
    margin-left: calc(0px - var(--grid-gap));
}

.ct--slider-count__slider .swiper {
    overflow: visible;
}

.ct--slider-count__slider .swiper .swiper-wrapper {
    align-items: stretch;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item {
    position: relative;
    width: 30%;
    height: auto;
    margin: 0 50px;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item:nth-child(1) {
    margin-left: 0;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item__index {
    position: absolute;
    width: 67px;
    height: 67px;
    bottom: 0;
    left: 0;
    background: #0056FF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    font-size: 5rem;
    color: #fff;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item__title {
    position: relative;
    margin-bottom: 20px;
    color: #000;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item__image {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 59.64912%;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item__image .ct--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ct--slider-count__slider .swiper .swiper-wrapper .item__content {
    margin-bottom: 45px;
}

.ct--slider-count__slider .swiper .swiper-wrapper .bar {
    position: absolute;
    width: 1px;
    height: calc(100% + 40px);
    background: rgba(229,229,229,0.4);
    top: -20px;
    z-index: 1;
}

.ct--slider-count__slider .swiper .swiper-wrapper .bar .icon {
    position: absolute;
    stroke: #fff;
    width: 6px;
    height: 6px;
    z-index: 1;
}

.ct--slider-count__slider .swiper .swiper-wrapper .bar .icon:nth-child(1) {
    top: 16px;
    left: -3px;
}

.ct--slider-count__slider .swiper .swiper-wrapper .bar .icon:nth-last-child(1) {
    bottom: 16px;
    left: -3px;
}

.ct--slider-count__slider .swiper .swiper-wrapper .bar.one {
    left: 0;
}

.ct--slider-count__slider .swiper .swiper-wrapper .bar.second {
    left: calc(40% + var(--grid-gap) * 2);
}

.ct--slider-count__slider .swiper .swiper-wrapper .bar.third {
    left: calc(80% + var(--grid-gap) * 4);
}

.ct--slider-count__slider .swiper .swiper-pagination {
    position: relative;
    width: 100%;
    bottom: 0;
    left: 0;
    margin-top: 30px;
    display: none;
}

.ct--slider-count__slider .swiper .swiper-pagination .swiper-pagination-bullet {
    background-color: #B3CCFF;
    opacity: 1;
    transition: 250ms ease width, 250ms ease background-color, 250ms ease border;
}

.ct--slider-count__slider .swiper .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0056FF;
    width: 18px;
    border-radius: 5px;
}

.ct--slider-count .bar {
    position: relative;
    grid-column: -1 / 1;
    width: 100%;
    height: 1px;
    margin-top: 55px;
    background-color: #E5E5E5;
}

.ct--slider-count .bar .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    top: -3px;
    left: 95%;
    display: none;
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .ct--slider-count .top {
        grid-column: 2 / -2;
    }

    .ct--slider-count .top__controls {
        display: none;
    }

    .ct--slider-count__slider {
        grid-column: 2 / 15;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .item {
        width: 70%;
        margin: 0 25px;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .item__content {
        margin-bottom: 0;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .item.swiper-slide-active .item__title {
        opacity: 1;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .item.swiper-slide-active .item__content {
        opacity: 1;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .item__title {
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .item__content {
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .bar {
        display: none;
    }

    .ct--slider-count .bar .icon {
        display: block;
    }
}

@media screen and (max-width: 640px) {
    .ct--slider-count {
        padding-top: 75px;
    }

    .ct--slider-count__subtitle {
        grid-column: 2 / 8;
    }

    .ct--slider-count__title {
        grid-column: 2 / 8;
    }

    .ct--slider-count__slider {
        grid-column: 2 / 9;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .item {
        width: 70%;
        margin: 0 25px;
    }

    .ct--slider-count__slider .swiper .swiper-wrapper .bar {
        display: none;
    }
}

.ct--word-line {
    --word-line-text-color: #000;
    position: relative;
    padding: 100px 0;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    width: 100%;
}

.ct--word-line__wrapper {
    display: flex;
    align-items: center;
    color: var(--word-line-text-color);
}

.ct--word-line__title {
    white-space: nowrap;
    padding: 0;
    margin: 0 200px 0 0;
}

.ct--slider-small-image {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    overflow: hidden;
    margin-bottom: 85px;
}

@media screen and (max-width: 640px) {
    .ct--slider-small-image {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--slider-small-image__slider {
    position: relative;
    z-index: 5;
    grid-column: 4 / 15;
}

.ct--slider-small-image__slider .swiper {
    overflow: visible;
}

.ct--slider-small-image__slider .swiper .swiper-wrapper {
    align-items: stretch;
}

.ct--slider-small-image__slider .swiper .swiper-wrapper .item {
    position: relative;
    width: 30%;
    height: auto;
    margin: 0 50px;
}

.ct--slider-small-image__slider .swiper .swiper-wrapper .item__date {
    margin-bottom: 15px;
    font-weight: 700;
    color: #0056FF;
}

.ct--slider-small-image__slider .swiper .swiper-wrapper .item__image {
    position: relative;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.ct--slider-small-image__slider .swiper .swiper-wrapper .item__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 59.64912%;
}

.ct--slider-small-image__slider .swiper .swiper-wrapper .item__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--slider-small-image__slider .swiper .swiper-wrapper .item__image .ct--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--slider-small-image__slider .swiper .swiper-wrapper .item__title {
    color: #0056FF;
}

.ct--slider-small-image__slider__pagination {
    position: relative;
    width: 100%;
    margin-top: 40px;
    display: none;
    text-align: center;
}

.ct--slider-small-image__slider__pagination .swiper-pagination-bullet {
    background-color: #B3CCFF;
    transition: 250ms ease width, 250ms ease background-color, 250ms ease border;
}

.ct--slider-small-image__slider__pagination .swiper-pagination-bullet-active {
    background-color: #0056FF;
    width: 18px;
    border-radius: 5px;
}

.ct--slider-small-image__slider-controls {
    position: relative;
    margin-top: 30px;
    grid-column: -2 / 2;
    text-align: right;
}

.ct--slider-small-image__slider-controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #0056FF;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ct--slider-small-image__slider-controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--slider-small-image__slider-controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--slider-small-image__slider-controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #0056FF;
}

@media (pointer: fine) {
    .ct--slider-small-image__slider-controls .arrow-slider {
        cursor: pointer;
    }
}

@media screen and (min-width: 1024px) {
    .ct--slider-small-image__slider .swiper .swiper-wrapper .item {
        max-width: 300px;
    }

    .ct--slider-small-image__slider .swiper .swiper-wrapper .item:nth-child(1) {
        margin-left: 0;
    }

    .ct--slider-small-image__slider__pagination {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .ct--slider-small-image {
        margin-bottom: 55px;
    }

    .ct--slider-small-image__slider .swiper .swiper-wrapper .item {
        width: 70%;
        margin: 0 5%;
    }

    .ct--slider-small-image__slider-controls {
        display: none;
    }
}

.ct--slider-push {
    position: relative;
    display: grid;
    grid-template-columns: repeat(8, minmax(0px, 1fr));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    overflow: hidden;
}

.ct--slider-push .top {
    display: flex;
    justify-content: space-between;
    grid-column: 1 / -1;
    margin-bottom: 30px;
    align-items: center;
}

.ct--slider-push .top__controls {
    margin-left: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ct--slider-push .top__controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #0056FF;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ct--slider-push .top__controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--slider-push .top__controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--slider-push .top__controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #0056FF;
}

.ct--slider-push .inner-wrapper {
    position: relative;
    z-index: 5;
    grid-column: 1 / -1;
    margin: 0;
    overflow: visible;
}

.ct--slider-push .inner-wrapper .swiper-wrapper {
    align-items: stretch;
}

.ct--slider-push .inner-wrapper .swiper-wrapper .item {
    position: relative;
    width: calc( ( 100% - ( var(--grid-gap) * 2 ) ) / 3);
    height: auto;
    margin: 0 var(--grid-gap) 0 0;
}

.ct--slider-push .inner-wrapper .swiper-wrapper .item:last-of-type {
    margin-right: 0;
}

.ct--slider-push .swiper-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
    margin-top: 30px;
    display: none;
}

.ct--slider-push .swiper-pagination .swiper-pagination-bullet {
    transition: 250ms ease width, 250ms ease border;
}

.ct--slider-push .swiper-pagination .swiper-pagination-bullet-active {
    width: 18px;
    border-radius: 5px;
}

@media screen and (max-width: 1024px) {
    .ct--slider-push {
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--slider-push {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--slider-push .top {
        grid-column: 2 / -2;
    }

    .ct--slider-push .top__controls {
        display: none;
    }

    .ct--slider-push .inner-wrapper {
        grid-column: 2 / -1;
    }

    .ct--slider-push .swiper .swiper-wrapper {
        height: auto;
    }

    .ct--slider-push .swiper .swiper-wrapper .item {
        width: 70%;
        margin: 0 5% 0 0;
    }

    .ct--slider-push .swiper .swiper-wrapper .item .anim-opacity-slider {
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--slider-push .swiper .swiper-wrapper .item.swiper-slide-active .anim-opacity-slider {
        opacity: 1;
    }

    .ct--slider-push .swiper .swiper-wrapper .bar {
        display: none;
    }
}

.ct--grid-logo {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding-bottom: 140px;
}

@media screen and (max-width: 640px) {
    .ct--grid-logo {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--grid-logo__title {
    position: relative;
    grid-column: -2 / 2;
    padding-bottom: 60px;
    color: #000;
    text-align: center;
}

.ct--grid-logo__slider {
    position: relative;
    grid-column: -2 / 2;
    text-align: center;
}

.ct--grid-logo__list-logo {
    width: 100%;
    background: #fff;
}

.ct--grid-logo__list-logo__item {
    position: relative;
    display: inline-block;
    width: 15%;
}

.ct--grid-logo__list-logo__item .item-link {
    display: inline-block;
    width: 100px;
    height: 80px;
}

.ct--grid-logo__list-logo__item picture {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.ct--grid-logo__list-logo__item img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: contain;
    object-fit: contain;
}

@media screen and (min-width: 1024px) {
    .ct--grid-logo__list-logo {
        display: flex;
        justify-content: space-evenly;
    }
}

@media screen and (max-width: 1024px) {
    .ct--grid-logo__title {
        padding-bottom: 40px;
    }

    .ct--grid-logo__list-logo {
        display: flex;
        flex-wrap: wrap;
    }

    .ct--grid-logo__list-logo__item {
        width: 50%;
        margin: 0 0 20px;
    }

    .ct--grid-logo__list-logo__item .item-link {
        width: 100px;
        height: 80px;
    }
}

.ct--slider-case-study {
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    position: relative;
    padding: 0 0 160px;
    background: #0056FF;
}

@media screen and (max-width: 640px) {
    .ct--slider-case-study {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--slider-case-study.block-blue-top::before {
    content: '';
    display: block;
    position: relative;
    height: 150px;
    grid-column: 1 / 5;
    margin-top: -150px;
    background-color: #0056FF;
    z-index: 2;
}

.ct--slider-case-study:not(.block-blue-top) {
    padding-bottom: 120px;
}

.ct--slider-case-study:not(.block-blue-top) .ct--word-line {
    padding-top: 80px;
}

.ct--slider-case-study .ct--word-line {
    --word-line-text-color: #fff;
    grid-column: -1 / 1;
}

.ct--slider-case-study__controls {
    position: relative;
    grid-column: 12 / 14;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 30px;
    display: none;
}

.ct--slider-case-study__controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ct--slider-case-study__controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--slider-case-study__controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--slider-case-study__controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #fff;
}

@media (pointer: fine) {
    .ct--slider-case-study__controls .arrow-slider {
        cursor: pointer;
    }
}

.ct--slider-case-study__list-case {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    overflow: hidden;
}

@media screen and (max-width: 640px) {
    .ct--slider-case-study__list-case {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--slider-case-study__list-case__item {
    position: relative;
    width: 70%;
    height: auto;
    margin: 0 calc(var(--grid-gap) / 2);
}

.ct--slider-case-study__list-case__item:nth-child(1) {
    margin-left: 0;
}

.ct--slider-case-study__list-case .inner-wrapper {
    position: relative;
    z-index: 5;
    grid-column: 5 / 14;
    margin: 0;
    overflow: visible;
}

.ct--slider-case-study__list-case .inner-wrapper .swiper-wrapper {
    align-items: stretch;
}

@media screen and (min-width: 1024px) {
    .ct--slider-case-study__controls {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .ct--slider-case-study.block-blue-top::before {
        content: none;
    }

    .ct--slider-case-study__list-case__item {
        width: 70%;
        margin: 0 25px;
    }

    .ct--slider-case-study__list-case__item .anim-opacity-slider {
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--slider-case-study__list-case__item.swiper-slide-active .anim-opacity-slider {
        opacity: 1;
    }

    .ct--slider-case-study__list-case .inner-wrapper {
        grid-column: 2 / 15;
    }
}

@media screen and (max-width: 640px) {
    .ct--slider-case-study__list-case .inner-wrapper {
        grid-column: 2 / 9;
    }
}

.ct--flexible-content {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--flexible-content {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--list-team {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--list-team {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--list-team::before {
    content: '';
    position: absolute;
    grid-column: -1 / 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #0056FF;
}

.ct--list-team .wrapper-word-line {
    position: relative;
    grid-column: -1 / 1;
    z-index: 10;
}

.ct--list-team .wrapper-word-line .ct--word-line {
    --word-line-text-color: #fff;
    padding: 40px 0;
}

.ct--list-team__content {
    position: relative;
    grid-column: -1 / 1;
    padding-top: 50px;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--list-team__content {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--list-team__content .wrapper-slider {
    position: relative;
    z-index: 5;
    height: 100%;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    grid-column: -1 / 1;
}

@media screen and (max-width: 640px) {
    .ct--list-team__content .wrapper-slider {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--list-team__introduction {
    position: relative;
    grid-column: 2 / 5;
    z-index: 5;
    height: 100%;
    font-weight: 600;
    color: #fff;
}

.ct--list-team__list-potrait {
    position: relative;
    grid-column: 6 / 14;
    z-index: 5;
}

.ct--list-team__list-potrait__pagination {
    position: relative;
    width: 100%;
    margin-top: 40px;
    display: none;
    text-align: center;
}

.ct--list-team__list-potrait__pagination .swiper-pagination-bullet {
    background-color: #5A91FF;
    opacity: 1;
    transition: 250ms ease width, 250ms ease background-color, 250ms ease border;
}

.ct--list-team__list-potrait__pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 18px;
    border-radius: 5px;
}

.ct--list-team .item-content {
    width: calc( 50% - ( var(--grid-gap) / 2 ));
    margin-left: var(--grid-gap);
}

.ct--list-team .item-content .item-name {
    color: #fff;
}

.ct--list-team .item-content .item-name span {
    text-transform: uppercase;
}

.ct--list-team .item-content .item-description {
    position: relative;
    color: #fff;
}

.ct--list-team .item-image {
    position: relative;
    width: calc( 50% - ( var(--grid-gap) / 2 ));
    position: relative;
}

.ct--list-team .item-image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 136.70886%;
}

.ct--list-team .item-image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--list-team .item-image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (min-width: 1024px) {
    .ct--list-team {
        padding-bottom: 130px;
    }

    .ct--list-team__introduction {
        max-height: 500px;
    }

    .ct--list-team__list-pictures {
        position: relative;
        grid-column: 6 / 10;
        z-index: 1;
    }

    .ct--list-team__list-pictures .item-image {
        width: 100%;
        margin-bottom: 100px;
        position: relative;
    }

    .ct--list-team__list-pictures .item-image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 136.70886%;
    }

    .ct--list-team__list-pictures .item-image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--list-team__list-pictures .item-image:nth-last-child(1) {
        margin-bottom: 0px;
    }

    .ct--list-team__list-contents {
        position: relative;
        grid-column: 10 / 14;
        z-index: 20;
        max-height: 500px;
    }

    .ct--list-team__list-contents .item-content {
        position: absolute;
        width: 100%;
        margin-left: 0;
    }

    .ct--list-team__list-contents .item-content .item-name {
        position: relative;
        padding-bottom: 10px;
    }

    .ct--list-team__list-contents .item-content {
        opacity: 0;
    }

    .ct--list-team__list-contents .item-content:nth-child(1) {
        opacity: 1;
    }
}

@media screen and (max-width: 1024px) {
    .ct--list-team {
        padding: 55px 0 0;
    }

    .ct--list-team::after {
        grid-column: 8 / 15;
        margin-left: 0;
        height: 40px;
        top: 40px;
    }

    .ct--list-team__content {
        padding-top: 50px;
        padding-bottom: 60px;
    }

    .ct--list-team__introduction {
        grid-column: -2 / 2;
        padding-bottom: 65px;
        font-weight: 500;
    }

    .ct--list-team__list-potrait {
        grid-column: -1 / 1;
    }

    .ct--list-team__list-potrait__item {
        width: 70%;
        margin: 0 5%;
    }

    .ct--list-team__list-potrait__item.swiper-slide-active .item-content {
        opacity: 1;
    }

    .ct--list-team__list-potrait__item .item-image {
        width: 100%;
        position: relative;
    }

    .ct--list-team__list-potrait__item .item-image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 138.46154%;
    }

    .ct--list-team__list-potrait__item .item-image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--list-team__list-potrait__item .item-content {
        width: 100%;
        margin-left: 0;
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--list-team__list-potrait__item .item-content .item-name {
        padding-top: 30px;
        padding-bottom: 20px;
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 2rem;
    }

    .ct--list-team__list-potrait__item .item-content .item-description {
        font-size: 2.2rem;
        line-height: 2.8rem;
    }
}

@media screen and (max-width: 640px) {
    .ct--list-team::after {
        grid-column: 6 / 9;
    }
}

.ct--related-post {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding: 75px 0 85px;
    background: #fff;
}

@media screen and (max-width: 640px) {
    .ct--related-post {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--related-post__title {
    position: relative;
    grid-column: 2 / 8;
    padding-bottom: 50px;
    color: #000;
}

.ct--related-post__controls {
    position: relative;
    grid-column: 12 / 14;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    display: none;
}

.ct--related-post__controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #0056FF;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ct--related-post__controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--related-post__controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--related-post__controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #0056FF;
}

@media (pointer: fine) {
    .ct--related-post__controls .arrow-slider {
        cursor: pointer;
    }
}

.ct--related-post__list-post {
    position: relative;
    grid-column: -2 / 2;
}

.ct--related-post__list-post__item {
    position: relative;
    width: calc( ( 100% - ( var(--grid-gap) * 3 ) ) / 4);
    margin: 0 var(--grid-gap) 0 0;
}

.ct--related-post__list-post__item:last-of-type {
    margin-right: 0;
}

.ct--related-post__pagination {
    position: relative;
    grid-column: -2 / 2;
    width: 100%;
    margin-top: 40px;
    display: none;
    text-align: center;
}

.ct--related-post__pagination .swiper-pagination-bullet {
    background-color: #B3CCFF;
    transition: 250ms ease width, 250ms ease background-color, 250ms ease border;
}

.ct--related-post__pagination .swiper-pagination-bullet-active {
    background-color: #0056FF;
    width: 18px;
    border-radius: 5px;
}

.ct--related-post__link {
    position: relative;
    grid-column: -2 / 2;
    padding-top: 60px;
}

@media screen and (max-width: 1024px) {
    .ct--related-post__title {
        padding-bottom: 40px;
    }

    .ct--related-post__list-post__item {
        width: 70%;
        margin: 0 5% 0 0;
    }

    .ct--related-post__list-post__item .anim-opacity-slider {
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--related-post__list-post__item.swiper-slide-active .anim-opacity-slider {
        opacity: 1;
    }

    .ct--related-post__link {
        padding-top: 30px;
    }
}

.ct--card-news {
    position: relative;
    width: 100%;
}

.ct--card-news__link {
    position: relative;
    display: block;
    width: 100%;
}

@media (pointer: fine) {
    .ct--card-news__link:hover .ct--card-news__image picture {
        transform: scale(1.1);
    }

    .ct--card-news__link:hover .ct--card-news__title {
        color: #0056FF;
    }
}

.ct--card-news__image {
    position: relative;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ct--card-news__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 136.84211%;
}

.ct--card-news__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--card-news__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct--card-news__title {
    position: relative;
    padding-top: 20px;
    transition: color 500ms ease;
    color: #000;
}

.ct--card-news__date {
    position: relative;
    padding-top: 10px;
    color: #727272;
}

@media screen and (max-width: 1024px) {
    .ct--card-news__image {
        position: relative;
    }

    .ct--card-news__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 133.33333%;
    }

    .ct--card-news__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.ct--card-press {
    position: relative;
    width: 100%;
}

.ct--card-press__link {
    position: relative;
    display: block;
    width: 100%;
}

@media (pointer: fine) {
    .ct--card-press__link:hover .ct--card-press__image picture {
        transform: scale(1.1);
    }

    .ct--card-press__link:hover .ct--card-press__title {
        color: #0056FF;
    }
}

.ct--card-press__image {
    position: relative;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ct--card-press__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 136.84211%;
}

.ct--card-press__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--card-press__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct--card-press__title {
    position: relative;
    padding-top: 20px;
    transition: color 500ms ease;
    color: #000;
}

.ct--card-press__date {
    position: relative;
    padding-top: 10px;
    color: #727272;
}

@media screen and (max-width: 1024px) {
    .ct--card-press__image {
        position: relative;
    }

    .ct--card-press__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 133.33333%;
    }

    .ct--card-press__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.ct--card-case-study {
    position: relative;
    width: 100%;
}

.ct--card-case-study__link {
    position: relative;
    display: block;
    width: 100%;
}

@media (pointer: fine) {
    .ct--card-case-study__link:hover .ct--card-case-study__image picture {
        transform: scale(1.1);
    }
}

.ct--card-case-study__image {
    position: relative;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.ct--card-case-study__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 63.93443%;
}

.ct--card-case-study__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--card-case-study__image .ct--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ct--card-case-study__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct--card-case-study__title {
    position: absolute;
    width: calc(100% - 170px);
    bottom: 40px;
    left: 85px;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .ct--card-case-study__title {
        position: relative;
        width: 100%;
        bottom: auto;
        left: auto;
        font-size: 3rem;
        line-height: 3.5rem;
    }

    .ct--card-case-study__image {
        position: relative;
    }

    .ct--card-case-study__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 67.30769%;
    }

    .ct--card-case-study__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.ct--card-video {
    position: relative;
    width: 100%;
}

@media (pointer: fine) {
    .ct--card-video {
        cursor: pointer;
    }

    .ct--card-video:hover .ct--card-video__image picture {
        transform: scale(1.1);
    }

    .ct--card-video:hover .ct--card-video__title {
        color: #0056FF;
    }
}

.ct--card-video__image {
    position: relative;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ct--card-video__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 54.38596%;
}

.ct--card-video__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--card-video__image::after {
    content: '';
    position: absolute;
    display: block;
    left: calc( 50% - 10px);
    top: calc( 50% - 11px);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 19px solid #fff;
}

.ct--card-video__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct--card-video__title {
    position: relative;
    padding-top: 20px;
    transition: color 500ms ease;
    color: #000;
}

.ct--card-video__date {
    position: relative;
    padding-top: 10px;
    color: #727272;
}

@media screen and (max-width: 1024px) {
    .ct--card-video__image {
        position: relative;
    }

    .ct--card-video__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 53.84615%;
    }

    .ct--card-video__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }
}

.ct--slider-push-news {
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    position: relative;
    overflow: hidden;
}

@media screen and (max-width: 640px) {
    .ct--slider-push-news {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--slider-push-news .top {
    display: flex;
    justify-content: space-between;
    grid-column: 2 / -2;
    margin-bottom: 30px;
    align-items: center;
}

.ct--slider-push-news .top__controls {
    margin-left: 50px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ct--slider-push-news .top__controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #0056FF;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ct--slider-push-news .top__controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--slider-push-news .top__controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--slider-push-news .top__controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #0056FF;
}

.ct--slider-push-news .inner-wrapper {
    position: relative;
    z-index: 5;
    grid-column: 2 / -2;
    margin: 0;
    overflow: visible;
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper {
    align-items: stretch;
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper .item {
    position: relative;
    width: 25%;
    height: auto;
    margin: 0 calc(var(--grid-gap) / 2);
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper .item:nth-child(1) {
    margin-left: 0;
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper .item a {
    color: #000;
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__image {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__image:before {
    content: '';
    display: block;
    width: 100%;
    padding-bottom: 135%;
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__image .ct--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__title {
    margin-bottom: 15px;
}

.ct--slider-push-news .inner-wrapper .swiper-wrapper .item__date {
    color: #727272;
}

.ct--slider-push-news .swiper-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
    margin-top: 30px;
    display: none;
}

.ct--slider-push-news .swiper-pagination .swiper-pagination-bullet {
    transition: 250ms ease width, 250ms ease border;
}

.ct--slider-push-news .swiper-pagination .swiper-pagination-bullet-active {
    width: 18px;
    border-radius: 5px;
}

@media screen and (max-width: 1024px) {
    .ct--slider-push-news .top {
        grid-column: 2 / -2;
    }

    .ct--slider-push-news .top__controls {
        display: none;
    }

    .ct--slider-push-news .inner-wrapper {
        grid-column: 2 / -1;
    }

    .ct--slider-push-news .swiper .swiper-wrapper {
        height: auto;
    }

    .ct--slider-push-news .swiper .swiper-wrapper .item {
        width: 70%;
        margin: 0 25px;
    }

    .ct--slider-push-news .swiper .swiper-wrapper .bar {
        display: none;
    }
}

.ct--homepage-introduction {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--homepage-introduction {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--homepage-introduction .left-content {
    grid-column: 2 / 8;
    padding-top: 120px;
}

.ct--homepage-introduction .left-content__subtitle {
    margin-bottom: 45px;
}

.ct--homepage-introduction .left-content__list {
    position: relative;
    padding-top: 50px;
}

.ct--homepage-introduction .left-content__list__item {
    position: relative;
    display: block;
    transition: color 300ms ease;
    padding: 11px 0px;
}

.ct--homepage-introduction .left-content__list__item.active span,
.ct--homepage-introduction .left-content__list__item.active a {
    color: #0056FF;
}

.ct--homepage-introduction .left-content__list__item.active span::after,
.ct--homepage-introduction .left-content__list__item.active a::after {
    border-left-color: #0056FF;
}

.ct--homepage-introduction .left-content__list__item__label {
    position: relative;
    display: inline-block;
    padding-right: 16px;
    color: #000;
    text-transform: uppercase;
    line-height: 2rem;
}

.ct--homepage-introduction .left-content__list__item__label a {
    color: #000;
}

.ct--homepage-introduction .left-content__list__item__label::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #000;
    vertical-align: middle;
    transition: border-color 300ms ease;
}

@media (pointer: fine) {
    .ct--homepage-introduction .left-content__list__item__label {
        cursor: pointer;
    }

    .ct--homepage-introduction .left-content__list__item__label:hover {
        color: #0056FF;
    }

    .ct--homepage-introduction .left-content__list__item__label:hover a {
        color: #0056FF;
    }

    .ct--homepage-introduction .left-content__list__item__label:hover::after {
        border-left-color: #0056FF;
    }
}

.ct--homepage-introduction .right-content {
    position: relative;
    grid-column: 9 / 14;
}

.ct--homepage-introduction .right-content .bar {
    position: absolute;
    background-color: #E5E5E5;
}

.ct--homepage-introduction .right-content .bar .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    z-index: 1;
}

.ct--homepage-introduction .right-content__list {
    position: relative;
    overflow: hidden;
}

.ct--homepage-introduction .right-content__list__item {
    position: relative;
}

.ct--homepage-introduction .right-content__list__item:not(:first-of-type) .right-content__list__item__container {
    height: 0;
}

.ct--homepage-introduction .right-content__list__item__label {
    position: relative;
    padding: 5px 0px;
    display: none;
}

.ct--homepage-introduction .right-content__list__item__label span {
    position: relative;
    display: inline-block;
    color: #000;
    text-transform: uppercase;
}

.ct--homepage-introduction .right-content__list__item__label span::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -16px;
    top: calc(50% - 2px);
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #000;
    vertical-align: middle;
    transition: border-color 300ms ease;
}

.ct--homepage-introduction .right-content__list__item__container {
    position: relative;
    overflow: hidden;
}

.ct--homepage-introduction .right-content__list__item__content {
    position: relative;
}

.ct--homepage-introduction .right-content__image {
    position: relative;
    margin-bottom: 60px;
    position: relative;
}

.ct--homepage-introduction .right-content__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 62.38532%;
}

.ct--homepage-introduction .right-content__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--homepage-introduction .right-content__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--homepage-introduction .right-content__title {
    position: relative;
    margin-bottom: 30px;
}

.ct--homepage-introduction .right-content__text {
    position: relative;
    margin-bottom: 0;
}

.ct--homepage-introduction .right-content__image-inside {
    margin-bottom: 30px;
}

.ct--homepage-introduction .right-content__label {
    position: relative;
    padding-top: 70px;
}

.ct--homepage-introduction .right-content__link {
    position: relative;
    padding-top: 30px;
}

.ct--homepage-introduction .right-content__link .ct--button {
    text-align: left;
}

.ct--homepage-introduction .right-content__download {
    position: relative;
    margin-top: 90px;
    color: #000;
}

.ct--homepage-introduction .right-content__download a {
    font-weight: 600;
    color: #000;
    text-decoration: underline;
}

.ct--homepage-introduction .right-content__container-cross {
    display: none;
}

.ct--homepage-introduction .right-content__container-cross .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    bottom: -3px;
    left: 95%;
    z-index: 1;
}

@media screen and (min-width: 1024px) {
    .ct--homepage-introduction {
        margin-bottom: 80px;
    }

    .ct--homepage-introduction:before {
        content: '';
        width: 100%;
        height: 1px;
        background: #E5E5E5;
        position: absolute;
        bottom: 0px;
        left: 0;
        z-index: 2;
    }

    .ct--homepage-introduction:after {
        content: '';
        width: 100%;
        height: 4px;
        background: white;
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 1;
    }

    .ct--homepage-introduction .left-content__list {
        padding-right: var(--grid-gap);
    }

    .ct--homepage-introduction .right-content {
        padding-bottom: 40px;
        margin-top: -130px;
        z-index: 2;
        margin-left: calc(0px - var(--grid-gap));
    }

    .ct--homepage-introduction .right-content__list {
        width: 100%;
    }

    .ct--homepage-introduction .right-content__list__item {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .ct--homepage-introduction .right-content__title {
        padding-left: calc(0px + var(--grid-gap));
        padding-right: var(--grid-gap);
    }

    .ct--homepage-introduction .right-content__text {
        padding-left: calc(0px + var(--grid-gap));
        padding-right: var(--grid-gap);
    }

    .ct--homepage-introduction .right-content__label {
        padding-left: calc(0px + var(--grid-gap));
        padding-right: var(--grid-gap);
    }

    .ct--homepage-introduction .right-content__image-inside {
        padding-left: calc(0px + var(--grid-gap));
        padding-right: var(--grid-gap);
    }

    .ct--homepage-introduction .right-content__link {
        padding-left: calc(0px + var(--grid-gap));
    }

    .ct--homepage-introduction .right-content__download {
        padding-left: calc(0px + var(--grid-gap));
    }

    .ct--homepage-introduction .right-content .bar {
        width: 1px;
        height: calc(100% + 30px - 130px);
        top: 130px;
    }

    .ct--homepage-introduction .right-content .bar .icon {
        left: -3px;
        bottom: 27px;
    }

    .ct--homepage-introduction .right-content .bar:nth-child(2) {
        right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .ct--homepage-introduction {
        padding-top: 0px;
        margin-top: 50px;
        padding-bottom: 40px;
    }

    /* .ct--homepage-introduction::before { */
        /* content: ''; */
        /* display: block; */
        /* position: absolute; */
        /* height: 50px; */
        /* width: 60%; */
        /* top: -100px; */
        /* left: 0; */
        /* background-color: #fff; */
        /* z-index: 2; */
    /* } */

    .ct--homepage-introduction .left-content {
        grid-column: 2 / 10;
        padding-top: 0;
    }

    .ct--homepage-introduction .left-content__subtitle {
        margin-bottom: 35px;
    }

    .ct--homepage-introduction .left-content__list {
        display: none;
    }

    .ct--homepage-introduction .right-content {
        grid-column: 1 / -1;
        padding: 0 0 50px;
        margin-top: 40px;
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--homepage-introduction .right-content {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--homepage-introduction .right-content__list {
        grid-column: 1 / -1;
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        margin-left: 0;
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--homepage-introduction .right-content__list {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--homepage-introduction .right-content__list__item {
        grid-column: -1 / 1;
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        border-bottom: 1px solid #E5E5E5;
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--homepage-introduction .right-content__list__item {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--homepage-introduction .right-content__list__item__content {
        padding-bottom: 25px;
    }

    .ct--homepage-introduction .right-content__list__item__label {
        grid-column: -2 / 2;
        display: block;
    }

    .ct--homepage-introduction .right-content__list__item__container {
        grid-column: -2 / 2;
    }

    .ct--homepage-introduction .right-content__image {
        grid-column: 2 / -2;
        margin-bottom: 35px;
    }

    .ct--homepage-introduction .right-content__label {
        padding-top: 45px;
        text-align: center;
    }

    .ct--homepage-introduction .right-content__link {
        position: relative;
    }

    .ct--homepage-introduction .right-content__link .ct--button {
        text-align: center;
    }

    .ct--homepage-introduction .right-content__download {
        margin-top: 30px;
        text-align: center;
    }

    .ct--homepage-introduction .right-content__container-cross {
        display: block;
    }

    .ct--homepage-introduction .right-content .bar {
        width: 100%;
        height: 1px;
        left: 0;
    }

    .ct--homepage-introduction .right-content .bar:nth-child(1) {
        top: 0;
    }

    .ct--homepage-introduction .right-content .bar:nth-child(2) {
        display: none;
    }

    .ct--homepage-introduction .right-content .bar .icon {
        top: -3px;
        left: 95%;
    }
}

@media screen and (max-width: 640px) {
    .ct--homepage-introduction {
        margin-bottom: 0;
    }

    .ct--homepage-introduction:before {
        content: none;
    }

    .ct--homepage-introduction .left-content {
        grid-column: -2 / 2;
    }

    .ct--homepage-introduction .right-content__image {
        margin-bottom: 13px;
    }

    .ct--homepage-introduction .right-content__title {
        margin-bottom: 5px;
    }
}

.ct--advanced-content {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--advanced-content {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--advanced-content ul {
    margin-bottom: 30px;
}

.ct--advanced-content ul:nth-last-child(1) {
    margin-bottom: 0;
}

.ct--advanced-content ul li {
    position: relative;
    padding-left: 20px;
}

.ct--advanced-content ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 18px;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #000;
}

.ct--advanced-content.next-list-picto {
    margin-bottom: 0;
}

.ct--advanced-content.next-list-picto .end-line {
    display: none;
}

.ct--advanced-content.next-block-blue-text {
    margin-bottom: 0;
}

.ct--advanced-content.next-block-blue-text .end-line {
    display: none;
}

.ct--advanced-content__container {
    position: relative;
    grid-column: 4 / 12;
    padding: 80px 0 30px;
}

.ct--advanced-content__title {
    position: relative;
    padding-bottom: 40px;
    color: #000;
}

.ct--advanced-content__content {
    position: relative;
    padding-bottom: 40px;
    color: #000;
}

.ct--advanced-content__content .button-base-wrapper-blue,
.ct--advanced-content__content .button-base-wrapper-white {
    position: relative;
    display: block;
    margin: 30px 0;
}

.ct--advanced-content__content .button-base-wrapper-blue a,
.ct--advanced-content__content .button-base-wrapper-white a {
    position: relative;
    display: inline-block;
    padding: 13px 34px 13px 24px;
    border-radius: 30px;
    transition: background-color 300ms ease;
    text-transform: uppercase;
}

.ct--advanced-content__content .button-base-wrapper-blue a::after,
.ct--advanced-content__content .button-base-wrapper-white a::after {
    content: '';
    display: inline-block;
    position: relative;
    right: -16px;
    top: calc(50% - 2px);
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fff;
    transform: translateY(-1px);
}

.ct--advanced-content__content .button-base-wrapper-blue a {
    background-color: #0056FF;
    color: #fff;
}

.ct--advanced-content__content .button-base-wrapper-blue a::after {
    border-left-color: #fff;
}

@media (pointer: fine) {
    .ct--advanced-content__content .button-base-wrapper-blue a:hover {
        background-color: #003cb3;
    }
}

.ct--advanced-content__content .button-base-wrapper-white a {
    background-color: #fff;
    color: #0056FF;
}

.ct--advanced-content__content .button-base-wrapper-white a::after {
    border-left-color: #0056FF;
}

@media (pointer: fine) {
    .ct--advanced-content__content .button-base-wrapper-white a:hover {
        background-color: #d9d9d9;
    }
}

.ct--advanced-content__image {
    position: relative;
    margin-bottom: 40px;
}

.ct--advanced-content__image picture {
    position: relative;
    width: 100%;
    transition: transform 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct--advanced-content .end-line {
    position: relative;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    top: -30px;
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    z-index: 1;
    transition: transform 800ms ease;
    transform-origin: 0 100%;
}

@media screen and (max-width: 640px) {
    .ct--advanced-content .end-line {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--advanced-content .end-line .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    z-index: 1;
    top: -3px;
}

.ct--advanced-content .end-line .icon:nth-child(1) {
    left: -3px;
    margin-left: calc(0px - var(--grid-gap));
}

.ct--advanced-content .end-line .icon:nth-last-child(1) {
    left: -4px;
}

@media screen and (min-width: 1024px) {
    .ct--advanced-content__container:before,
    .ct--advanced-content__container:after {
        position: absolute;
        content: '';
        top: 0;
        width: 1px;
        height: 100%;
        background: #E5E5E5;
    }

    .ct--advanced-content__container:before {
        left: calc(0px - var(--grid-gap));
    }

    .ct--advanced-content__container:after {
        right: calc(0px - var(--grid-gap));
    }

    .ct--advanced-content .end-line .icon:nth-child(1) {
        grid-column: 4 / 4;
    }

    .ct--advanced-content .end-line .icon:nth-last-child(1) {
        grid-column: 12 / 12;
    }
}

@media screen and (max-width: 1024px) {
    .ct--advanced-content {
        margin-bottom: 40px;
    }

    .ct--advanced-content.next-block-blue-text {
        margin-bottom: 40px;
    }

    .ct--advanced-content__container {
        padding: 40px 0 0;
        grid-column: 2 / -2;
    }

    .ct--advanced-content__title {
        padding-bottom: 20px;
    }

    .ct--advanced-content__content {
        padding-bottom: 20px;
    }

    .ct--advanced-content__image {
        padding-bottom: 20px;
    }

    .ct--advanced-content .end-line {
        top: 0;
    }

    .ct--advanced-content .end-line .icon:nth-child(1) {
        display: none;
    }

    .ct--advanced-content .end-line .icon:nth-last-child(1) {
        left: 95%;
    }
}

.ct--block-blue-text {
    position: relative;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding: 0 0 150px;
    background: #0056FF;
}

@media screen and (max-width: 640px) {
    .ct--block-blue-text {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--block-blue-text.image-exist {
    margin-top: 105px;
}

.ct--block-blue-text__image {
    grid-column: 4 / 12;
    position: relative;
    overflow: hidden;
    margin-left: calc(0px - var(--grid-gap));
    margin-right: calc(0px - var(--grid-gap));
    margin-bottom: 70px;
    margin-top: -105px;
}

.ct--block-blue-text__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.57459%;
}

.ct--block-blue-text__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--block-blue-text__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct--block-blue-text__title {
    position: relative;
    grid-column: 4 / 12;
    padding-bottom: 25px;
    color: #fff;
}

.ct--block-blue-text__title:first-child {
    padding-top: 70px;
}

.ct--block-blue-text__content-primary {
    position: relative;
    grid-column: 4 / 12;
    padding-bottom: 90px;
    color: #fff;
}

.ct--block-blue-text__content-primary ul {
    margin-bottom: 30px;
}

.ct--block-blue-text__content-primary ul:nth-last-child(1) {
    margin-bottom: 0;
}

.ct--block-blue-text__content-primary ul li {
    position: relative;
    padding-left: 20px;
}

.ct--block-blue-text__content-primary ul li::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 22%;
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fff;
}

.ct--block-blue-text__content-primary .button-base-wrapper-blue,
.ct--block-blue-text__content-primary .button-base-wrapper-white {
    position: relative;
    display: block;
    margin: 30px 0;
}

.ct--block-blue-text__content-primary .button-base-wrapper-blue a,
.ct--block-blue-text__content-primary .button-base-wrapper-white a {
    position: relative;
    display: inline-block;
    padding: 13px 34px 13px 24px;
    border-radius: 30px;
    transition: background-color 300ms ease;
    text-transform: uppercase;
}

.ct--block-blue-text__content-primary .button-base-wrapper-blue a::after,
.ct--block-blue-text__content-primary .button-base-wrapper-white a::after {
    content: '';
    display: inline-block;
    position: relative;
    right: -16px;
    top: calc(50% - 2px);
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fff;
    transform: translateY(-1px);
}

.ct--block-blue-text__content-primary .button-base-wrapper-blue a {
    background-color: #0056FF;
    color: #fff;
}

.ct--block-blue-text__content-primary .button-base-wrapper-blue a::after {
    border-left-color: #fff;
}

@media (pointer: fine) {
    .ct--block-blue-text__content-primary .button-base-wrapper-blue a:hover {
        background-color: #003cb3;
    }
}

.ct--block-blue-text__content-primary .button-base-wrapper-white a {
    background-color: #fff;
    color: #0056FF;
}

.ct--block-blue-text__content-primary .button-base-wrapper-white a::after {
    border-left-color: #0056FF;
}

@media (pointer: fine) {
    .ct--block-blue-text__content-primary .button-base-wrapper-white a:hover {
        background-color: #d9d9d9;
    }
}

.ct--block-blue-text__content-primary.no-space-bottom {
    padding-bottom: 0px;
}

.ct--block-blue-text__content-video {
    grid-column: 4 / 12;
    display: flex;
    justify-content: space-between;
    padding-bottom: 70px;
}

.ct--block-blue-text__content-video .video {
    width: 45%;
}

.ct--block-blue-text__content-video .video__image {
    position: relative;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.ct--block-blue-text__content-video .video__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 56.57459%;
}

.ct--block-blue-text__content-video .video__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--block-blue-text__content-video .video__image::after {
    content: '';
    position: absolute;
    display: block;
    left: calc( 50% - 10px);
    top: calc( 50% - 11px);
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-bottom: 11px solid transparent;
    border-left: 19px solid #fff;
}

.ct--block-blue-text__content-video .video__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--block-blue-text__content-video .video__about {
    width: 45%;
}

.ct--block-blue-text__content-video .video__about__description {
    position: relative;
    padding-bottom: 15px;
    color: #fff;
}

.ct--block-blue-text__content-video .video__about__date {
    position: relative;
    color: #fff;
}

.ct--block-blue-text__content-secondary {
    position: relative;
    grid-column: 4 / 12;
    padding-bottom: 110px;
    color: #fff;
}

.ct--block-blue-text__content-secondary .button-base-wrapper-blue,
.ct--block-blue-text__content-secondary .button-base-wrapper-white {
    position: relative;
    display: block;
    margin: 30px 0;
}

.ct--block-blue-text__content-secondary .button-base-wrapper-blue a,
.ct--block-blue-text__content-secondary .button-base-wrapper-white a {
    position: relative;
    display: inline-block;
    padding: 13px 34px 13px 24px;
    border-radius: 30px;
    transition: background-color 300ms ease;
    text-transform: uppercase;
}

.ct--block-blue-text__content-secondary .button-base-wrapper-blue a::after,
.ct--block-blue-text__content-secondary .button-base-wrapper-white a::after {
    content: '';
    display: inline-block;
    position: relative;
    right: -16px;
    top: calc(50% - 2px);
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #fff;
    transform: translateY(-1px);
}

.ct--block-blue-text__content-secondary .button-base-wrapper-blue a {
    background-color: #0056FF;
    color: #fff;
}

@media (pointer: fine) {
    .ct--block-blue-text__content-secondary .button-base-wrapper-blue a:hover {
        background-color: #003cb3;
    }
}

.ct--block-blue-text__content-secondary .button-base-wrapper-white a {
    background-color: #fff;
    color: #0056FF;
}

@media (pointer: fine) {
    .ct--block-blue-text__content-secondary .button-base-wrapper-white a:hover {
        background-color: #d9d9d9;
    }
}

.ct--block-blue-text__key {
    position: relative;
    grid-column: 4 / 12;
    text-align: center;
}

.ct--block-blue-text__key .content {
    position: relative;
}

.ct--block-blue-text__key .content__number {
    position: relative;
    padding-bottom: 15px;
    color: #fff;
}

.ct--block-blue-text__key .content__text {
    position: relative;
    width: 50%;
    margin: 0 auto;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .ct--block-blue-text:before,
    .ct--block-blue-text:after {
        position: absolute;
        content: '';
        top: 0;
        width: 1px;
        height: 100%;
        background: #E5E5E5;
        opacity: 0.4;
    }

    .ct--block-blue-text:before {
        left: 0;
        grid-column: 4 / 4;
        margin-left: calc(0px - var(--grid-gap));
    }

    .ct--block-blue-text:after {
        left: 0;
        grid-column: 12 / 12;
    }
}

@media screen and (max-width: 1024px) {
    .ct--block-blue-text {
        padding: 0 0 60px;
    }

    .ct--block-blue-text.image-exist {
        margin-top: 30px;
    }

    .ct--block-blue-text__image {
        grid-column: -2 / 2;
        position: relative;
        margin-top: -30px;
    }

    .ct--block-blue-text__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 57.14286%;
    }

    .ct--block-blue-text__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--block-blue-text__title {
        grid-column: 2 / -2;
        padding-bottom: 20px;
    }

    .ct--block-blue-text__content-primary {
        grid-column: 2 / -2;
        padding-bottom: 40px;
    }

    .ct--block-blue-text__content-video {
        grid-column: 2 / -2;
        display: block;
        padding-bottom: 40px;
    }

    .ct--block-blue-text__content-video .video {
        width: 100%;
    }

    .ct--block-blue-text__content-video .video__image {
        position: relative;
    }

    .ct--block-blue-text__content-video .video__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 53.96825%;
    }

    .ct--block-blue-text__content-video .video__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--block-blue-text__content-video .video__about {
        width: 100%;
    }

    .ct--block-blue-text__content-video .video {
        padding-bottom: 10px;
    }

    .ct--block-blue-text__content-secondary {
        grid-column: 2 / -2;
        padding-bottom: 85px;
    }

    .ct--block-blue-text__key {
        grid-column: 2 / -2;
    }
}

.ct--list-picto {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--list-picto {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--list-picto.next-advanced-content .end-line {
    display: none;
}

.ct--list-picto__container {
    position: relative;
    grid-column: 4 / 12;
    padding: 80px 0 30px;
}

.ct--list-picto__subtitle {
    position: relative;
    margin-bottom: 40px;
    color: #000;
}

.ct--list-picto__title {
    position: relative;
    margin-bottom: 60px;
    grid-column: 4 / 12;
    color: #000;
}

.ct--list-picto .swiper {
    padding-bottom: 80px;
}

.ct--list-picto .inner {
    display: flex;
    justify-content: center;
}

.ct--list-picto .inner .item {
    text-align: center;
    padding: 45px 25px;
    background: #f8f8f8;
    height: auto;
}

.ct--list-picto .inner .item:nth-child(1) {
    border-radius: 10px 0 0 0px;
}

.ct--list-picto .inner .item:nth-last-child(1) {
    border-radius: 0 0 10px 0;
}

.ct--list-picto .inner .item__picto {
    margin-bottom: 20px;
    height: 78px;
}

.ct--list-picto .inner .item__title {
    margin-bottom: 20px;
}

.ct--list-picto .swiper-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
    margin-top: 30px;
    display: none;
}

.ct--list-picto .swiper-pagination .swiper-pagination-bullet {
    transition: 250ms ease width, 250ms ease border;
}

.ct--list-picto .swiper-pagination .swiper-pagination-bullet-active {
    width: 18px;
    border-radius: 5px;
}

.ct--list-picto .end-line {
    position: relative;
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    top: -30px;
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    z-index: 1;
    transition: transform 800ms ease;
    transform-origin: 0 100%;
}

@media screen and (max-width: 640px) {
    .ct--list-picto .end-line {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--list-picto .end-line .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    z-index: 1;
    top: -3px;
}

.ct--list-picto .end-line .icon:nth-child(1) {
    left: -3px;
    margin-left: calc(0px - var(--grid-gap));
}

.ct--list-picto .end-line .icon:nth-last-child(1) {
    left: -4px;
}

@media screen and (min-width: 1024px) {
    .ct--list-picto__container:before,
    .ct--list-picto__container:after {
        position: absolute;
        content: '';
        top: 0;
        width: 1px;
        height: 100%;
        background: #E5E5E5;
    }

    .ct--list-picto__container:before {
        left: calc(0px - var(--grid-gap));
    }

    .ct--list-picto__container:after {
        right: calc(0px - var(--grid-gap));
    }

    .ct--list-picto .inner {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .ct--list-picto .inner.nb-2 .item {
        width: calc(50% - 25px / 2);
    }

    .ct--list-picto .inner .item {
        width: calc( ( 100% - ( 25px * 2 ) ) / 3);
        margin-bottom: 25px;
    }

    .ct--list-picto .inner .item:not(:nth-child(3n+1)) {
        margin-left: 25px;
    }

    .ct--list-picto.next-advanced-content .swiper {
        padding-bottom: 0;
    }

    .ct--list-picto .end-line .icon:nth-child(1) {
        grid-column: 4 / 4;
    }

    .ct--list-picto .end-line .icon:nth-last-child(1) {
        grid-column: 12 / 12;
    }
}

@media screen and (max-width: 1024px) {
    .ct--list-picto {
        background: #f8f8f8;
        padding: 0 var(--grid-gap);
    }

    .ct--list-picto__container {
        grid-column: -2 / 2;
        padding: 0 0 30px;
    }

    .ct--list-picto__title {
        padding-top: 30px;
    }

    .ct--list-picto .swiper {
        padding: 45px 0;
        margin: 0;
    }

    .ct--list-picto .inner {
        justify-content: unset;
    }

    .ct--list-picto .inner .item {
        padding: 0;
        width: 100%;
        height: 100%;
        border-radius: 0;
        background: none;
    }

    .ct--list-picto .end-line {
        display: none;
    }
}

.ct--slider-image {
    position: relative;
    grid-column: 4 / 15;
    display: grid;
    grid-template-columns: repeat(11, minmax(0px, 1fr));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    overflow: hidden;
    margin-bottom: 105px;
}

.ct--slider-image .top {
    position: relative;
    grid-column: 1 / -2;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 30px;
}

.ct--slider-image .top__controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #0056FF;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.ct--slider-image .top__controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--slider-image .top__controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--slider-image .top__controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #0056FF;
}

.ct--slider-image .inner-wrapper {
    position: relative;
    grid-column: 1 / -1;
    z-index: 5;
    margin: 0;
    overflow: visible;
}

.ct--slider-image .inner-wrapper .swiper-wrapper {
    align-items: stretch;
}

.ct--slider-image .inner-wrapper .swiper-wrapper .item {
    position: relative;
    max-width: 40%;
    height: auto;
    position: relative;
    overflow: hidden;
    margin: 0 calc(var(--grid-gap) / 2);
}

.ct--slider-image .inner-wrapper .swiper-wrapper .item:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 80%;
}

.ct--slider-image .inner-wrapper .swiper-wrapper .item>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--slider-image .inner-wrapper .swiper-wrapper .item picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct--slider-image .inner-wrapper .swiper-wrapper .item:nth-child(1) {
    margin-left: 0;
}

.ct--slider-image .swiper-pagination {
    bottom: 0;
    left: 0;
    width: 100%;
    position: relative;
    margin-top: 30px;
    display: none;
}

.ct--slider-image .swiper-pagination .swiper-pagination-bullet {
    background-color: #B3CCFF;
    opacity: 1;
    transition: 250ms ease width, 250ms ease background-color, 250ms ease border;
}

.ct--slider-image .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #0056FF;
    width: 18px;
    border-radius: 5px;
}

@media screen and (max-width: 1024px) {
    .ct--slider-image {
        grid-column: 2 / -1;
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--slider-image {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--slider-image .top {
        grid-column: 2 / -2;
        display: none;
    }

    .ct--slider-image .inner-wrapper {
        grid-column: 2 / -1;
    }

    .ct--slider-image .swiper .swiper-wrapper {
        height: auto;
    }

    .ct--slider-image .swiper .swiper-wrapper .item {
        width: 70%;
        max-width: initial;
        margin: 0 25px;
        position: relative;
    }

    .ct--slider-image .swiper .swiper-wrapper .item:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 80.76923%;
    }

    .ct--slider-image .swiper .swiper-wrapper .item>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--slider-image .swiper .swiper-wrapper .bar {
        display: none;
    }
}

.ct--key-figures {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    background: #0056FF;
}

@media screen and (max-width: 640px) {
    .ct--key-figures {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--key-figures .ct--word-line {
    grid-column: 1 / 15;
    --word-line-text-color: #fff;
}

.ct--key-figures .intro {
    position: relative;
    grid-column: 6 / 13;
    display: grid;
    grid-template-columns: repeat(7, minmax(0px, 1fr));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

.ct--key-figures .intro__image {
    grid-column: 1 / 4;
    position: relative;
}

.ct--key-figures .intro__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 138.59649%;
}

.ct--key-figures .intro__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--key-figures .intro__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--key-figures .intro__content {
    position: relative;
    grid-column: 4 / 7;
    color: #fff;
}

.ct--key-figures .intro__content__download {
    position: relative;
    margin-top: 90px;
    color: #fff;
}

.ct--key-figures .intro__content__download a {
    font-weight: 600;
    color: #fff;
    text-decoration: underline;
}

.ct--key-figures .strat-items {
    position: relative;
    grid-column: 1 / 15;
}

.ct--key-figures .strat-items .items {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
}

@media screen and (max-width: 640px) {
    .ct--key-figures .strat-items .items {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--key-figures .strat-items .items .item {
    position: relative;
    text-align: center;
    margin-bottom: 145px;
}

.ct--key-figures .strat-items .items .item__0 {
    grid-column: 2 / 5;
    grid-row: 1;
}

.ct--key-figures .strat-items .items .item__1 {
    grid-column: 11 / 14;
    grid-row: 1;
    margin-top: 145px;
}

.ct--key-figures .strat-items .items .item__2 {
    grid-column: 6 / 9;
    grid-row: 2;
}

.ct--key-figures .strat-items .items .item__3 {
    grid-column: 11 / 14;
    grid-row: 2;
}

.ct--key-figures .strat-items .items .item__4 {
    grid-column: 4 / 7;
    grid-row: 3;
    margin-top: -260px;
    margin-bottom: 100px;
}

.ct--key-figures .strat-items .items .item__image {
    margin-bottom: 35px;
    position: relative;
}

.ct--key-figures .strat-items .items .item__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 68.42105%;
}

.ct--key-figures .strat-items .items .item__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--key-figures .strat-items .items .item__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--key-figures .strat-items .items .item__content {
    padding: 0 10px;
}

.ct--key-figures .strat-items .items .item__number {
    color: #fff;
}

.ct--key-figures .strat-items .items .item__number__f1 {
    font-size: 15rem;
}

.ct--key-figures .strat-items .items .item__number__f2 {
    font-size: 20rem;
}

.ct--key-figures .strat-items .items .item__number__f3 {
    font-size: 6rem;
}

.ct--key-figures .strat-items .items .item__bar {
    position: relative;
    height: 1px;
    background: rgba(255,255,255,0.4);
    margin: 15px 0;
}

.ct--key-figures .strat-items .items .item__bar .icon {
    position: absolute;
    stroke: #fff;
    width: 6px;
    height: 6px;
    z-index: 1;
    top: -3px;
}

.ct--key-figures .strat-items .items .item__bar.one {
    left: 0;
}

.ct--key-figures .strat-items .items .item__bar.second {
    left: calc(40% + var(--grid-gap) * 2);
}

.ct--key-figures .strat-items .items .item__bar.third {
    left: calc(80% + var(--grid-gap) * 4);
}

.ct--key-figures .strat-items .items .item__label {
    color: #fff;
}

.ct--key-figures .strat-items .items .item__0 .item__content,
.ct--key-figures .strat-items .items .item__2 .item__content,
.ct--key-figures .strat-items .items .item__4 .item__content {
    border-right: 1px solid rgba(255,255,255,0.4);
}

.ct--key-figures .strat-items .items .item__0 .item__bar,
.ct--key-figures .strat-items .items .item__2 .item__bar,
.ct--key-figures .strat-items .items .item__4 .item__bar {
    width: calc(100% + 25px);
}

.ct--key-figures .strat-items .items .item__0 .item__bar .icon,
.ct--key-figures .strat-items .items .item__2 .item__bar .icon,
.ct--key-figures .strat-items .items .item__4 .item__bar .icon {
    right: 12px;
}

.ct--key-figures .strat-items .items .item__1 .item__content,
.ct--key-figures .strat-items .items .item__3 .item__content,
.ct--key-figures .strat-items .items .item__5 .item__content {
    border-left: 1px solid rgba(255,255,255,0.4);
}

.ct--key-figures .strat-items .items .item__1 .item__bar,
.ct--key-figures .strat-items .items .item__3 .item__bar,
.ct--key-figures .strat-items .items .item__5 .item__bar {
    width: calc(100% + 25px);
    transform: translateX(-26px);
}

.ct--key-figures .strat-items .items .item__1 .item__bar .icon,
.ct--key-figures .strat-items .items .item__3 .item__bar .icon,
.ct--key-figures .strat-items .items .item__5 .item__bar .icon {
    left: 12px;
}

@media screen and (min-width: 1024px) {
    .ct--key-figures {
        padding-bottom: 300px;
    }
}

@media screen and (max-width: 1024px) {
    .ct--key-figures::after {
        height: 80px;
        bottom: -80px;
        grid-column: 9 / 15;
        width: 100%;
        margin-left: 0;
    }

    .ct--key-figures .intro__image {
        position: relative;
        margin-bottom: 20px;
    }

    .ct--key-figures .intro__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 138.09524%;
    }

    .ct--key-figures .intro__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--key-figures .intro__content__download {
        margin-top: 20px;
    }
}

@media screen and (max-width: 640px) {
    .ct--key-figures::after {
        height: 45px;
        bottom: -45px;
        grid-column: 6 / 9;
    }

    .ct--key-figures .ct--word-line {
        grid-column: 1 / 9;
    }

    .ct--key-figures .intro {
        display: block;
        grid-column: 2 / 8;
    }

    .ct--key-figures .strat-items {
        grid-column: 2 / 8;
    }

    .ct--key-figures .strat-items .items {
        display: block;
    }

    .ct--key-figures .strat-items .items .item {
        display: block;
        margin: 0 0 70px !important;
    }

    .ct--key-figures .strat-items .items .item__content {
        border: 0 !important;
    }

    .ct--key-figures .strat-items .items .item__bar {
        width: 100% !important;
        transform: translateX(0) !important;
    }

    .ct--key-figures .strat-items .items .item__bar .icon {
        left: auto !important;
        right: 0 !important;
    }
}

.ct--small-block-blue-text {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    z-index: 5;
    margin-top: 120px;
    background: #0056FF;
}

@media screen and (max-width: 640px) {
    .ct--small-block-blue-text {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--small-block-blue-text::before {
    content: '';
    position: absolute;
    height: 120px;
    top: -120px;
    grid-column: 1 / 9;
    width: 100%;
    background-color: #0056FF;
}

.ct--small-block-blue-text__left-content {
    position: relative;
    grid-column: 2 / 8;
    padding-bottom: 180px;
}

.ct--small-block-blue-text__left-content__subtitle {
    position: relative;
    width: 50%;
    margin-bottom: 35px;
    color: #fff;
}

.ct--small-block-blue-text__left-content__subtitle:before {
    background: #fff;
}

.ct--small-block-blue-text__left-content__title {
    position: relative;
    width: 50%;
    color: #fff;
}

.ct--small-block-blue-text .bar {
    position: relative;
    grid-column: -1 / 1;
    width: 100%;
    height: 1px;
    background-color: #5A91FF;
    display: none;
}

.ct--small-block-blue-text .bar .icon {
    position: absolute;
    stroke: #fff;
    width: 6px;
    height: 6px;
    top: -3px;
    left: 95%;
}

.ct--small-block-blue-text__right-content {
    position: relative;
    grid-column: 9 / 14;
    padding-top: 60px;
    padding-bottom: 180px;
}

.ct--small-block-blue-text__right-content__text {
    position: relative;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .ct--small-block-blue-text__right-content {
        padding-right: 30px;
    }

    .ct--small-block-blue-text__right-content:before,
    .ct--small-block-blue-text__right-content:after {
        content: '';
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        top: 0;
    }

    .ct--small-block-blue-text__right-content:before {
        left: calc(0px - var(--grid-gap));
        background: #5A91FF;
    }

    .ct--small-block-blue-text__right-content:after {
        right: 0;
        background: #5A91FF;
    }
}

@media screen and (max-width: 1024px) {
    .ct--small-block-blue-text::before {
        height: 80px;
        top: -80px;
        grid-column: 1 / 8;
    }

    .ct--small-block-blue-text__left-content {
        grid-column: 2 / 14;
        padding-bottom: 45px;
    }

    .ct--small-block-blue-text .bar {
        display: block;
    }

    .ct--small-block-blue-text__right-content {
        grid-column: 2 / 14;
        padding-top: 40px;
        padding-bottom: 140px;
    }
}

@media screen and (max-width: 640px) {
    .ct--small-block-blue-text {
        margin-top: 0;
        padding-top: 50px;
    }

    .ct--small-block-blue-text::before {
        content: none;
        grid-column: 1 / 6;
    }

    .ct--small-block-blue-text__left-content {
        grid-column: 2 / 8;
    }

    .ct--small-block-blue-text__left-content__title {
        width: 90%;
    }

    .ct--small-block-blue-text__right-content {
        grid-column: 2 / 8;
    }
}

.ct--small-block-white-text {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    z-index: 6;
}

@media screen and (max-width: 640px) {
    .ct--small-block-white-text {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--small-block-white-text.image-exist .ct--small-block-white-text__right-content {
    margin-top: -130px;
}

.ct--small-block-white-text__left-content {
    position: relative;
    grid-column: 2 / 8;
    padding: 115px 0 180px;
}

.ct--small-block-white-text__left-content__subtitle {
    position: relative;
    margin-bottom: 35px;
    color: #000;
}

.ct--small-block-white-text__left-content__title {
    position: relative;
    color: #000;
}

.ct--small-block-white-text__left-content__text {
    position: relative;
    padding-top: 20px;
    color: #000;
}

.ct--small-block-white-text__right-content {
    position: relative;
    grid-column: 9 / 14;
    padding: 0 0 180px;
}

.ct--small-block-white-text__right-content__picture {
    position: relative;
    display: block;
    margin-left: calc(0px - var(--grid-gap));
    position: relative;
    z-index: 1;
}

.ct--small-block-white-text__right-content__picture:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 83.33333%;
}

.ct--small-block-white-text__right-content__picture>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--small-block-white-text__right-content__picture picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform 1100ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.ct--small-block-white-text__right-content__text {
    position: relative;
    padding-right: 25px;
    padding-top: 60px;
    color: #000;
}

@media screen and (min-width: 1024px) {
    .ct--small-block-white-text__right-content:before,
    .ct--small-block-white-text__right-content:after {
        position: absolute;
        content: '';
        display: block;
        width: 1px;
        height: 100%;
        background: #E5E5E5;
        top: 0;
    }

    .ct--small-block-white-text__right-content:before {
        left: calc(0px - var(--grid-gap));
    }

    .ct--small-block-white-text__right-content:after {
        right: 0;
    }
}

@media screen and (max-width: 1024px) {
    .ct--small-block-white-text.image-exist .ct--small-block-white-text__right-content {
        margin-top: -110px;
    }

    .ct--small-block-white-text__left-content {
        grid-column: 2 / 14;
        padding-top: 40px;
    }

    .ct--small-block-white-text__right-content {
        grid-column: 2 / 14;
        grid-row: 1;
        padding: 0;
    }

    .ct--small-block-white-text__right-content__picture {
        margin-left: 0;
    }
}

@media screen and (max-width: 640px) {
    .ct--small-block-white-text__left-content {
        grid-column: 2 / 8;
    }

    .ct--small-block-white-text__right-content {
        grid-column: 2 / 8;
    }
}

.ct--homepage-strate-1 {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    width: 100%;
    padding: 0px 0 240px;
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-1 {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--homepage-strate-1__container-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ct--homepage-strate-1__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    display: none;
}

.ct--homepage-strate-1__left {
    position: relative;
    /*grid-column: 2 / 7;**/
    grid-column:-2/2;
}

.ct--homepage-strate-1__left__on-title {
    position: relative;
    padding-bottom: 30px;
    color: #fff;
}

.ct--homepage-strate-1__left__title {
    position: relative;
    color: #fff;
}

.qlqwa {
    position: relative;
    color: #000 !important;
}

.ct--homepage-strate-1__right {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding-top: 45px;
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-1__right {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--homepage-strate-1__right__wrapper {
    position: relative;
    grid-column: 7/ 10;
    place-items: center;

    /* justify-items:center; */
    /* justify-items: center; */
}

.ct--homepage-strate-1__right__title {
    position: relative;
    padding-bottom: 25px;
    color: #fff;
}

.ct--homepage-strate-1__right__content {
    position: relative;
    padding-bottom: 40px;
    color: #fff;
}

.ct--homepage-strate-1__right__link .ct--button {
    text-align: center;
}

.ct--homepage-strate-1 .ct--word-line {
    --word-line-text-color: #fff;
    grid-column: -1 / 1;
}

@media screen and (max-width: 1024px) {
    .ct--homepage-strate-1 {
        padding: 117px 0 90px;
        text-align: center;
        width: 100%;
    }

    .ct--homepage-strate-1__left {
        grid-column: -2 / 2;
    }

    .ct--homepage-strate-1__left__on-title {
        padding-bottom: 20px;
    }

    .ct--homepage-strate-1__right {
        padding-top: 225px;
    }

    .ct--homepage-strate-1__right__wrapper {
        grid-column: -2 / 2;
    }
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-1 {
        padding: 80px 0 20px;
    }

    .ct--homepage-strate-1 .ct--word-line:last-child {
        padding-bottom: 50px;
    }
}

.ct--homepage-strate-3 {
    position: relative;
    display: grid;

    /* grid-template-columns:calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap)); */
    /* -moz-column-gap:var(--grid-gap); */
    column-gap: var(--grid-gap);
    width: 100%;
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-3 {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--homepage-strate-3 .ct--word-line {
    --word-line-text-color: #0056FF;
    grid-column: -1 / 1;
    padding: 0 0 130px;
}

.ct--homepage-strate-3__block-blue {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    margin-top: 175px;
    padding-bottom: 150px;
    background-color: #0056FF;
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-3__block-blue {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--homepage-strate-3__block-blue::before,
.ct--homepage-strate-3__block-blue::after {
    content: '';
    display: block;
    position: absolute;
    height: 175px;
    /* grid-column: 1 / 9; */
    top: 0;
    left: 0;
    right: 0;
    margin-top: -173px;
    background-color: #0056FF;
    z-index: -1;
}

.ct--homepage-strate-3__block-blue::after {
    /* grid-column: 8 / 15; */
}

.ct--homepage-strate-3__block-blue__left {
    position: relative;
    grid-column: 2 / 8;
   
}

.ct--homepage-strate-3__block-blue__left__image {
    position: relative;
    width: 85%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.ct--homepage-strate-3__block-blue__left__image:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 62.13592%;
}

.ct--homepage-strate-3__block-blue__left__image>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--homepage-strate-3__block-blue__left__image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--homepage-strate-3__block-blue__left__download {
    position: relative;
    padding-top: 150px;
    color: #fff;
}

.ct--homepage-strate-3__block-blue__left__download a {
    font-weight: 600;
    color: #fff;
    text-decoration: underline;
}

.ct--homepage-strate-3__block-blue__right {
    position: relative;
    grid-column: 9 / 13;
}

.ct--homepage-strate-3__block-blue__right__title {
    position: relative;
    padding-bottom: 20px;
    color: #fff;
    
}


.ct--homepage-strate-3__block-blue__right__content {
    position: relative;
    padding-bottom: 30px;
    color: #fff;
}

.ct--homepage-strate-3__block-blue__right__link .ct--button {
    text-align: left;
}


@media screen and (min-width:1200px){
    .ct--homepage-strate-3__block-blue__right__title {
       font-size:35px;
       line-height:1em;       
    }
    
    .ct--homepage-strate-3__block-blue__right__content {
        font-size:1.8rem;
    }
}

@media screen and (min-width:1400px){
    .ct--homepage-strate-3__block-blue__right__title {
       font-size:40px;
       line-height:1em;       
    }
    
    .ct--homepage-strate-3__block-blue__right__content {
         font-size:2.0rem;
    }
}


@media only screen and (min-width: 1500px){
    .ct--homepage-strate-3__block-blue__right__title {
    position: relative;
    padding-bottom: 20px;
    color: #fff;
   font-size:45px;
}

.ct--homepage-strate-3__block-blue__right__content {
    position: relative;
    padding-bottom: 30px;
    color: #fff;
   font-size:2.2rem;
}
}

@media screen and (max-width: 1024px) {
    .ct--homepage-strate-3 .ct--word-line {
        padding: 0 0 20px;
    }

    .ct--homepage-strate-3__block-blue {
        margin-top: 150px;
        padding-bottom: 80px;
    }

    .ct--homepage-strate-3__block-blue::before {
        height: 80px;
        grid-column: 1 / 8;
        margin-top: -80px;
    }

    .ct--homepage-strate-3__block-blue:after {
        margin-left: calc(-1 * var(--grid-gap));
    }

    .ct--homepage-strate-3__block-blue__left {
        grid-column: -2 / 2;
        margin-top: -30px;
    }

    .ct--homepage-strate-3__block-blue__left__image {
        width: 85%;
        margin: 0 auto;
        position: relative;
    }

    .ct--homepage-strate-3__block-blue__left__image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 62%;
    }

    .ct--homepage-strate-3__block-blue__left__image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--homepage-strate-3__block-blue__left__download {
        padding-top: 30px;
    }

    .ct--homepage-strate-3__block-blue__right {
        grid-column: -2 / 2;
        padding-top: 30px;
        text-align:center;
    }
    
.ct--homepage-strate-3__block-blue__right__link .ct--button {
    text-align: center;
}  

    .ct--homepage-strate-3__block-blue__right__title {
        padding-bottom: 10px;
        text-align:center;
    }
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-3__block-blue:before {
        grid-column: 1 / 5;
        margin-top:-173px;
        height: 175px;
    }

    .ct--homepage-strate-3__block-blue:after {
        grid-column: 5 / -1;
        margin-left: calc(-1 * var(--grid-gap));
    }
}

.ct--homepage-strate-4 {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    width: 100%;
    padding: 140px 0 240px;
    background-color: #000;
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-4 {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--homepage-strate-4__container-canvas {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    overflow: hidden;
}

.ct--homepage-strate-4__container-canvas canvas {
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
    pointer-events: none;
}

.ct--homepage-strate-4__container-video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ct--homepage-strate-4__video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
}

.ct--homepage-strate-4__left {
    position: relative;
    grid-column: 2 / 7;
}

.ct--homepage-strate-4__left__on-title {
    position: relative;
    padding-bottom: 30px;
    color: #fff;
}

.ct--homepage-strate-4__left__title {
    position: relative;
    color: #fff;
}

.ct--homepage-strate-4__right {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    padding-top: 150px;
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-4__right {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.ct--homepage-strate-4__right__wrapper {
    position: relative;
    grid-column: 9 / 13;
}

.ct--homepage-strate-4__right__title {
    position: relative;
    padding-bottom: 25px;
    color: #fff;
}

.ct--homepage-strate-4__right__content {
    position: relative;
    color: #fff;
}

.ct--homepage-strate-4 .ct--word-line {
    --word-line-text-color: #fff;
    grid-column: -1 / 1;
}

@media screen and (max-width: 1024px) {
    .ct--homepage-strate-4 {
        padding: 80px 0 75px;
    }

    .ct--homepage-strate-4__left {
        grid-column: -2 / 2;
    }

    .ct--homepage-strate-4__left__on-title {
        padding-bottom: 20px;
    }

    .ct--homepage-strate-4__right {
        padding-top: 225px;
    }

    .ct--homepage-strate-4__right__wrapper {
        grid-column: -2 / 2;
    }
}

.ct--homepage-strate-5 {
    position: relative;
    background-color: #fff;
}

.ct--homepage-strate-5 .left-content {
    margin-bottom: 70px;
}

.ct--homepage-strate-5 .left-content .left-content__title {
    margin-bottom: 25px;
}

.ct--homepage-strate-5 .left-content .ct--homepage-introduction__left__link {
    margin-bottom: 30px;
}

.ct--homepage-strate-5 .left-content .ct--homepage-introduction__left__link .ct--button {
    text-align: left;
}

@media screen and (min-width: 1024px) {
    .ct--homepage-strate-5 .left-content__list {
        padding-left: calc(0px + var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--homepage-strate-5::before {
        /* top:-48px */
    }

    .ct--homepage-strate-5 .bar {
        display: none;
    }

    .ct--homepage-strate-5 .right-content__title,
    .ct--homepage-strate-5 .right-content__text,
    .ct--homepage-strate-5 .right-content__list,
    .ct--homepage-strate-5 .right-content__download {
        grid-column: 2 / -2;
    }

    .ct--homepage-strate-5 .left-content__list {
        grid-column: 2 / -2;
    }
}

@media screen and (max-width: 640px) {
    .ct--homepage-strate-5 {
        margin-top: 0;
        padding-bottom: 10px;
    }

    .ct--homepage-strate-5::before {
        content: none;
    }

    .ct--homepage-strate-5 .right-content {
        grid-row: 1;
        margin-top: 0;
        margin-bottom: 20px;
        margin-top: -50px;
    }

    .ct--homepage-strate-5 .left-content {
        margin-bottom: 0;
    }
}

.ct--slider-how {
    position: relative;
    width: 100%;
    height: 100vh;
}

.ct--slider-how.is-pinned .head,
.ct--slider-how.is-pinned .full-slider.only-desktop .item__title,
.ct--slider-how.is-pinned .full-slider.only-desktop .item__content {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

.ct--slider-how.is-clean .head,
.ct--slider-how.is-clean .full-slider.only-desktop .item__title,
.ct--slider-how.is-clean .full-slider.only-desktop .item__content {
    -webkit-clip-path: none;
    clip-path: none;
}

.ct--slider-how .full-slider.only-desktop .item__title,
.ct--slider-how .full-slider.only-desktop .item__content {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    transition: -webkit-clip-path 500ms ease 250ms;
    transition: clip-path 500ms ease 250ms;
    transition: clip-path 500ms ease 250ms, -webkit-clip-path 500ms ease 250ms;
}

.ct--slider-how .line {
    position: absolute;
    z-index: 50;
    top: 50px;
    left: 50px;
    width: 100%;
    max-width: 800px;
    height: 8px;
    margin: 0 0 10px 0;
    position: relative;
    display: inline-block;
    background-color: #fff;
}

.ct--slider-how .head {
    position: absolute;
    top: 125px;
    left: 10%;
    width: 80%;
    z-index: 20;
    display: flex;
    align-items: center;
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    transition: -webkit-clip-path 500ms ease;
    transition: clip-path 500ms ease;
    transition: clip-path 500ms ease, -webkit-clip-path 500ms ease;
}

.ct--slider-how .progress {
    position: relative;
    width: 100%;
    height: 1px;
    background: rgba(255,255,255,0.4);
    margin: 0 20px;
}

.ct--slider-how .progress .inner {
    width: 0%;
    height: 100%;
    background: #fff;
    transition: width 250ms linear;
}

.ct--slider-how .categories {
    position: relative;
    width: 400px;
    right: 0;
    cursor: pointer;
}

.ct--slider-how .categories:hover .categories__container-list {
    opacity: 1;
    pointer-events: auto;
}

.ct--slider-how .categories__label {
    position: relative;
    display: flex;
    align-items: center;
    color: #fff;
}

.ct--slider-how .categories__cross {
    position: relative;
    display: inline-block;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 5px;
    background-color: #fff;
    flex: 0 0 37px;
}

.ct--slider-how .categories__cross::before,
.ct--slider-how .categories__cross::after {
    content: '';
    display: block;
    position: absolute;
    background-color: #0056FF;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ct--slider-how .categories__cross::before {
    width: 1px;
    height: 14px;
}

.ct--slider-how .categories__cross::after {
    width: 14px;
    height: 1px;
}

.ct--slider-how .categories__container-list {
    position: absolute;
    left: 0;
    width: 100%;
    padding-top: 10px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 300ms ease;
}

.ct--slider-how .categories__list {
    position: relative;
    padding: 5px 15px;
    background-color: #fff;
}

.ct--slider-how .categories__list__item {
    position: relative;
    padding: 10px 0;
    border-bottom: 1px solid #E5E5E5;
    color: #000;
    transition: color 200ms ease;
}

.ct--slider-how .categories__list__item:nth-last-child(1) {
    border-bottom: 0;
}

.ct--slider-how .categories__list__item:hover {
    color: #0056FF;
}

.ct--slider-how .controls {
    position: relative;
    z-index: 20;
    left: 0;
    width: 100px;
    flex: 0 0 auto;
    display: none;
}

.ct--slider-how .controls .arrow-slider {
    position: relative;
    width: 37px;
    height: 37px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border 300ms ease;
}

.ct--slider-how .controls .arrow-slider.prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.ct--slider-how .controls .arrow-slider.swiper-button-disabled {
    opacity: 0.4;
    cursor: initial;
}

.ct--slider-how .controls .arrow-slider:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.5px 0 3.5px 7px;
    border-color: transparent transparent transparent #fff;
    transition: border-color 300ms ease;
}

.ct--slider-how .controls .arrow-slider:hover,
.ct--slider-how .controls .arrow-slider.fake-click {
    border: 1px solid #0056FF;
}

.ct--slider-how .controls .arrow-slider:hover:before,
.ct--slider-how .controls .arrow-slider.fake-click:before {
    border-color: transparent transparent transparent #0056FF;
}

.ct--slider-how .full-slider {
    position: relative;
    z-index: 10;
}

.ct--slider-how .full-slider .item {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 1;
}

.ct--slider-how .full-slider .item.hidden {
    display: none;
}

.ct--slider-how .full-slider .item.not-category {
    display: none;
}

.ct--slider-how .full-slider .item__title {
    position: absolute;
    top: 25%;
    left: 7%;
    width: 30%;
    z-index: 10;
    color: #fff;
}

.ct--slider-how .full-slider .item__content {
    position: absolute;
    z-index: 10;
    top: 40%;
    right: 7%;
    width: 40%;
}

.ct--slider-how .full-slider .item__subtitle {
    position: relative;
    margin-bottom: 20px;
    color: #fff;
}

.ct--slider-how .full-slider .item__text {
    position: relative;
    margin-bottom: 20px;
    color: #fff;
}

.ct--slider-how .full-slider .item__links {
    display: flex;
}

.ct--slider-how .full-slider .item__container-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.ct--slider-how .full-slider .item .ct--image {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
}

.ct--slider-how .full-slider .swiper-wrapper .item {
    position: relative;
    top: inherit;
    left: inherit;
}

@media screen and (min-width: 1024px) {
    .ct--slider-how .full-slider {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    .ct--slider-how .full-slider .item {
        height: 100vh;
        overflow: hidden;
    }

    .ct--slider-how .full-slider .item:nth-child(1) {
        z-index: 5;
    }

    .ct--slider-how .full-slider .item:nth-child(1) .item__content {
        opacity: 1;
    }

    .ct--slider-how .full-slider .item:nth-child(1) .item__title .lineChild {
        transform: translateY(0%);
    }

    .ct--slider-how .full-slider .item__title {
        width: 30%;
    }

    .ct--slider-how .full-slider .item__title .lineParent {
        overflow: hidden;
        line-height: initial;
    }

    .ct--slider-how .full-slider .item__title .lineChild {
        transform: translateY(100%);
    }

    .ct--slider-how .full-slider .item__content {
        opacity: 0;
        width: 25%;
    }

    .ct--slider-how .full-slider .item__container-image {
        height: 100vh;
        transform: scale(1.1);
    }

    .ct--slider-how .full-slider .item__container-image .ct--image {
        height: 100vh;
    }

    .ct--slider-how .full-slider .item__links .ct--button:first-of-type .ct--button__container__label__content span:first-of-type {
        display: block;
    }

    .ct--slider-how .full-slider .item__links .ct--button:first-of-type .ct--button__container__label__content span:last-of-type {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .ct--slider-how {
        display: grid;
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
        -moz-column-gap: var(--grid-gap);
        column-gap: var(--grid-gap);
        background: #0056FF;
        width: auto;
        height: auto;
        padding: 30px 0;
    }
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .ct--slider-how {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

@media screen and (max-width: 1024px) {
    .ct--slider-how .head {
        position: relative;
        grid-column: 2 / -2;
        top: auto;
        left: auto;
        width: auto;
        margin-bottom: 30px;
    }

    .ct--slider-how .controls {
        display: none;
    }

    .ct--slider-how .full-slider {
        position: relative;
        grid-column: 2 / -1;
        margin: 0;
    }

    .ct--slider-how .full-slider .item {
        height: auto;
        width: 80%;
        margin-right: 5%;
    }

    .ct--slider-how .full-slider .item.swiper-slide-active .item__title {
        opacity: 1;
    }

    .ct--slider-how .full-slider .item.swiper-slide-active .item__content {
        opacity: 1;
    }

    .ct--slider-how .full-slider .item.swiper-slide-active .item__links {
        opacity: 1;
    }

    .ct--slider-how .full-slider .item .ct--image {
        position: relative;
        height: auto;
        margin-bottom: 20px;
        display: block;
        position: relative;
    }

    .ct--slider-how .full-slider .item .ct--image:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 84.48276%;
    }

    .ct--slider-how .full-slider .item .ct--image>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .ct--slider-how .full-slider .item .ct--image img {
        position: absolute;
        top: 0;
        left: 0;
    }

    .ct--slider-how .full-slider .item__title {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 65%;
        margin-bottom: 30px;
        opacity: 0;
        transition: opacity 300ms ease;
        font-weight: 500;
        font-size: 3rem;
        line-height: 3rem;
    }

    .ct--slider-how .full-slider .item__content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        width: 100%;
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--slider-how .full-slider .item__subtitle {
        display: none;
    }

    .ct--slider-how .full-slider .item__links {
        flex-direction: row-reverse;
        justify-content: flex-end;
        opacity: 0;
        transition: opacity 300ms ease;
    }

    .ct--slider-how .full-slider .item__links .ct--button__container span {
        color: #0056FF;
    }

    .ct--slider-how .full-slider .item__links .ct--button__container__background:before {
        background: #fff;
    }

    .ct--slider-how .full-slider .item__links .ct--button:first-of-type {
        margin-left: 10px;
    }

    .ct--slider-how .full-slider .item__links .ct--button:first-of-type .ct--button__container {
        padding-right: 0;
        padding-left: 18px;
    }

    .ct--slider-how .full-slider .item__links .ct--button:first-of-type .ct--button__container__label__content span:first-of-type {
        display: none;
    }

    .ct--slider-how .full-slider .item__links .ct--button:first-of-type .ct--button__container__label__content span:last-of-type {
        display: block;
    }
}

.ct--popin-video {
    position: fixed;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 22;
    display: none;
}

.ct--popin-video.open {
    display: flex;
}

.ct--popin-video__background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    cursor: pointer;
}

.ct--popin-video__container-video {
    position: relative;
    width: 70%;
    position: relative;
}

.ct--popin-video__container-video:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 54.38596%;
}

.ct--popin-video__container-video>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ct--popin-video__container-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.hover-link {
    position: relative;
    display: inline-block;
    overflow: hidden;
}

.hover-link__label {
    position: relative;
}

.homepage-index {
    position: relative;
    width: 100%;
}

.contact-index {
    position: relative;
    width: 100%;
}

.contact-index__wrapper {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    width: 100%;
    margin-bottom: 45px;
    z-index: 2;
    background: white;
}

@media screen and (max-width: 640px) {
    .contact-index__wrapper {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.contact-index__wrapper__container-form {
    position: relative;
    grid-column: 2 / 9;
    padding: 100px 0 100px;
    z-index: 2;
}

.contact-index__wrapper__container-form__introduction {
    padding-bottom: 60px;
    color: #000;
}

.contact-index__wrapper__container-form__introduction strong {
    color: #0056FF;
    font-weight: 500;
}

.contact-index__wrapper__container-form__form {
    position: relative;
}

.contact-index__wrapper__container-form__form .container-input {
    position: relative;
    width: 100%;
}

.contact-index__wrapper__container-form__form .container-input:not(:last-of-type) {
    padding-bottom: 35px;
}

.contact-index__wrapper__container-form__form .container-input.error .container-input__label {
    transform: translateX(5px) translateY(-8px);
    font-size: 1.4rem;
    color: #e9511c;
}

.contact-index__wrapper__container-form__form .container-input.error .container-input__input {
    border-bottom-color: rgba(233,81,28,0.2);
    color: #e9511c;
}

.contact-index__wrapper__container-form__form .container-input.error .container-input__textarea {
    border-bottom-color: rgba(233,81,28,0.2);
}

.contact-index__wrapper__container-form__form .container-input.success .container-input__label {
    transform: translateX(5px) translateY(-8px);
    font-size: 1.4rem;
}

.contact-index__wrapper__container-form__form .container-input.success .container-input__input {
    border-bottom-color: rgba(15,176,157,0.2);
}

.contact-index__wrapper__container-form__form .container-input.success .container-input__textarea {
    border-bottom-color: rgba(15,176,157,0.2);
}

.contact-index__wrapper__container-form__form .container-input.message {
    display: grid;
}

.contact-index__wrapper__container-form__form .container-input.message::after {
    content: attr(data-replicated-value) " ";
    white-space: pre-wrap;
    visibility: hidden;
    border-bottom: 1px dashed #E5E5E5;
}

.contact-index__wrapper__container-form__form .container-input.message .container-input__textarea,
.contact-index__wrapper__container-form__form .container-input.message::after {
    grid-area: 1 / 1 / 2 / 2;
}

.contact-index__wrapper__container-form__form .container-input__input {
    position: relative;
    width: 100%;
    border: none;
    border-bottom: 1px dashed #E5E5E5;
    color: #000;
}

.contact-index__wrapper__container-form__form .container-input__input:focus+.container-input__label {
    transform: translateX(5px) translateY(-8px);
    font-size: 1.4rem;
}

.contact-index__wrapper__container-form__form .container-input__input:-webkit-autofill,
.contact-index__wrapper__container-form__form .container-input__input:-webkit-autofill:hover,
.contact-index__wrapper__container-form__form .container-input__input:-webkit-autofill:focus,
.contact-index__wrapper__container-form__form .container-input__input:-webkit-autofill:active {
    background: transparent;
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0 30px #fff inset !important;
}

.contact-index__wrapper__container-form__form .container-input__textarea {
    position: relative;
    width: 100%;
    border: none;
    border-bottom: 1px dashed #E5E5E5;
    resize: none;
    overflow: hidden;
    color: #000;
}

.contact-index__wrapper__container-form__form .container-input__textarea:focus+.container-input__label {
    transform: translateX(5px) translateY(-8px);
    font-size: 1.4rem;
}

.contact-index__wrapper__container-form__form .container-input__label {
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    transform: translateX(3px) translateY(9px);
    transition: font-size 400ms cubic-bezier(0.19, 1, 0.22, 1),transform 400ms cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 2;
    pointer-events: none;
    color: #000;
    line-height: normal;
}

.contact-index__information {
    position: relative;
    grid-column: 10 / 14;
}

.contact-index__information .bar {
    position: absolute;
    width: 1px;
    height: calc(100% + 30px);
    top: 0;
    background-color: #E5E5E5;
}

.contact-index__information .bar:nth-child(1) {
    left: 0;
}

.contact-index__information .bar:nth-child(2) {
    right: 0;
}

.contact-index__information .bar .icon {
    position: absolute;
    stroke: #979797;
    width: 6px;
    height: 6px;
    bottom: 27px;
    left: -3px;
    z-index: 1;
}

.contact-index__information .image-container {
    position: relative;
    width: 100%;
    position: relative;
}

.contact-index__information .image-container:before {
    display: block;
    content: '';
    width: 100%;
    padding-top: 116.27907%;
}

.contact-index__information .image-container>.inner {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.contact-index__information .image-container .ct--image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contact-index__information .text-container {
    position: relative;
    padding: 40px var(--grid-gap) 60px;
}

.contact-index__information .text-container .text-title {
    font-weight: 600;
    color: #000;
}

.contact-index__information .text-container .text-content {
    padding-bottom: 20px;
    color: #000;
}

.contact-index__wrapper-bottom {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    width: 100%;
    z-index: 2;
}

@media screen and (max-width: 640px) {
    .contact-index__wrapper-bottom {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.contact-index__wrapper-bottom__content {
    position: relative;
    grid-column: 2 / 9;
    padding: 0 0 80px;
}

.contact-index__wrapper-bottom__content .button-send {
    position: relative;
    display: inline-block;
    background-color: transparent;
    border: none;
    padding: 0 85px 0 0;
}

.contact-index__wrapper-bottom__content .button-send.loading {
    pointer-events: none;
}

.contact-index__wrapper-bottom__content .button-send.loading .label {
    opacity: 0;
}

.contact-index__wrapper-bottom__content .button-send.loading::before,
.contact-index__wrapper-bottom__content .button-send.loading::after {
    opacity: 0;
}

.contact-index__wrapper-bottom__content .button-send.loading .dot {
    opacity: 1;
}

.contact-index__wrapper-bottom__content .button-send.success {
    display: none;
}

@media (pointer: fine) {
    .contact-index__wrapper-bottom__content .button-send {
        cursor: pointer;
    }

    .contact-index__wrapper-bottom__content .button-send .label input {
        cursor: pointer;
    }

    .contact-index__wrapper-bottom__content .button-send:hover {
        color: #0056FF;
    }
}

.contact-index__wrapper-bottom__content .button-send::before {
    content: '';
    display: block;
    position: absolute;
    width: 58px;
    height: 58px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-top: 9px solid #0056FF;
    border-right: 9px solid #0056FF;
    transition: opacity 300ms ease;
}

.contact-index__wrapper-bottom__content .button-send::after {
    content: '';
    display: block;
    position: absolute;
    width: 9px;
    height: 80px;
    top: calc( 50% + 4px);
    right: 28px;
    transform: translateY(-50%) rotate(45deg);
    background-color: #0056FF;
    transition: opacity 300ms ease;
}

.contact-index__wrapper-bottom__content .button-send .label {
    color: #000;
    transition: opacity 300ms ease;
}

.contact-index__wrapper-bottom__content .button-send .label input {
    border: none;
    background-color: transparent;
    color: #000;
}

.contact-index__wrapper-bottom__content .button-send .label input:disabled {
    color: rgba(0,0,0,0.6);
}

.contact-index__wrapper-bottom__content .button-send .dot {
    position: absolute;
    display: inline-block;
    top: 50px;
    left: -9999px;
    width: 20px;
    height: 20px;
    margin-left: 15px;
    border-radius: 50%;
    background-color: #0056FF;
    color: #0056FF;
    box-shadow: 9999px 0 0 0 #0056FF;
    -webkit-animation: dotFallingBefore 1s infinite linear;
    animation: dotFallingBefore 1s infinite linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    opacity: 0;
    transition: opacity 300ms ease;
}

.contact-index__wrapper-bottom__content .button-send .dot::before,
.contact-index__wrapper-bottom__content .button-send .dot::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    border-radius: 50%;
    background-color: #0056FF;
    color: #0056FF;
}

.contact-index__wrapper-bottom__content .button-send .dot::before {
    left: 20px;
    -webkit-animation: dotFalling 1s infinite linear;
    animation: dotFalling 1s infinite linear;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.contact-index__wrapper-bottom__content .button-send .dot::after {
    left: 40px;
    -webkit-animation: dotFallingAfter 1s infinite linear;
    animation: dotFallingAfter 1s infinite linear;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}

.contact-index__wrapper-bottom__content .message-error {
    position: relative;
    display: none;
    color: #e9511c;
}

.contact-index__wrapper-bottom__content .message-error.show {
    display: block;
    padding: 15px 0;
}

.contact-index__wrapper-bottom__content .message-error.email-invalid .email {
    display: block;
}

.contact-index__wrapper-bottom__content .message-error .email {
    display: none;
}

.contact-index__wrapper-bottom__content .message-result {
    position: relative;
    opacity: 0;
    visibility: hidden;
    transition: opacity 300ms ease, visibility 300ms ease;
    color: #000;
}

.contact-index__wrapper-bottom__content .message-result.error {
    color: #e9511c;
}

.contact-index__wrapper-bottom__content .message-result.show {
    opacity: 1;
    visibility: visible;
    padding-top: 30px;
}

@media screen and (min-width: 640px) {
    .contact-index__wrapper {
        border-bottom: 1px solid #E5E5E5;
    }

    .contact-index__wrapper__container-form {
        padding: 60px 0 40px;
    }

    .contact-index__wrapper__container-form__form {
        display: flex;
        flex-wrap: wrap;
    }

    .contact-index__wrapper__container-form__form .container-input:not(.message) {
        width: calc( ( 100% - 70px ) / 2);
    }

    .contact-index__wrapper__container-form__form .container-input:not(.message):nth-child(odd) {
        margin-right: 70px;
    }

    .contact-index__wrapper-bottom .bar {
        display: none;
    }

    .contact-index__information {
        width: calc( 100% + var(--grid-gap));
        min-height: 90%;
        margin-top: -160px;
        margin-left: calc(0px - var(--grid-gap));
    }
}

@media screen and (max-width: 640px) {
    .contact-index__wrapper {
        margin-bottom: 15px;
    }

    .contact-index__wrapper__container-form {
        grid-column: -2 / 2;
        padding: 60px 0 40px;
    }

    .contact-index__wrapper__container-form__introduction {
        padding-left: 20px;
        padding-right: 20px;
    }

    .contact-index__wrapper-bottom__content {
        grid-column: -2 / 2;
    }

    .contact-index__wrapper-bottom .bar {
        position: absolute;
        width: 100%;
        height: 1px;
        bottom: 40px;
        left: 0;
        background-color: #E5E5E5;
    }

    .contact-index__wrapper-bottom .bar .icon {
        position: absolute;
        stroke: #979797;
        width: 6px;
        height: 6px;
        top: -3px;
        right: 4%;
        z-index: 1;
    }

    .contact-index__information {
        grid-column: -2 / 2;
        width: 100%;
    }

    .contact-index__information .bar {
        display: none;
    }

    .contact-index__information .image-container {
        position: relative;
    }

    .contact-index__information .image-container:before {
        display: block;
        content: '';
        width: 100%;
        padding-top: 115.87302%;
    }

    .contact-index__information .image-container>.inner {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .contact-index__information .text-container {
        padding: 30px var(--grid-gap) 60px;
    }
}

@-webkit-keyframes dotFalling {
    0% {
        box-shadow: 9999px -15px 0 0 rgba(152,128,255,0);
    }

    25%,
    50%,
    75% {
        box-shadow: 9999px 0 0 0 #0056FF;
    }

    100% {
        box-shadow: 9999px 15px 0 0 rgba(152,128,255,0);
    }
}

@keyframes dotFalling {
    0% {
        box-shadow: 9999px -15px 0 0 rgba(152,128,255,0);
    }

    25%,
    50%,
    75% {
        box-shadow: 9999px 0 0 0 #0056FF;
    }

    100% {
        box-shadow: 9999px 15px 0 0 rgba(152,128,255,0);
    }
}

@-webkit-keyframes dotFallingBefore {
    0% {
        box-shadow: 9984px -15px 0 0 rgba(152,128,255,0);
    }

    25%,
    50%,
    75% {
        box-shadow: 9984px 0 0 0 #0056FF;
    }

    100% {
        box-shadow: 9984px 15px 0 0 rgba(152,128,255,0);
    }
}

@keyframes dotFallingBefore {
    0% {
        box-shadow: 9984px -15px 0 0 rgba(152,128,255,0);
    }

    25%,
    50%,
    75% {
        box-shadow: 9984px 0 0 0 #0056FF;
    }

    100% {
        box-shadow: 9984px 15px 0 0 rgba(152,128,255,0);
    }
}

@-webkit-keyframes dotFallingAfter {
    0% {
        box-shadow: 10014px -15px 0 0 rgba(152,128,255,0);
    }

    25%,
    50%,
    75% {
        box-shadow: 10014px 0 0 0 #0056FF;
    }

    100% {
        box-shadow: 10014px 15px 0 0 rgba(152,128,255,0);
    }
}

@keyframes dotFallingAfter {
    0% {
        box-shadow: 10014px -15px 0 0 rgba(152,128,255,0);
    }

    25%,
    50%,
    75% {
        box-shadow: 10014px 0 0 0 #0056FF;
    }

    100% {
        box-shadow: 10014px 15px 0 0 rgba(152,128,255,0);
    }
}

.how-we-work-index {
    position: relative;
}

.how-we-work-index .ct--introduction {
    margin-bottom: 0;
}

.how-we-work-index .ct--word-line {
    --word-line-text-color: #0056FF;
}

@media screen and (max-width: 1024px) {
    .how-we-work-index .ct--introduction .right-content {
        padding-bottom: 0;
    }
}

.invest-together-index {
    position: relative;
}

.invest-together-index .ct--introduction {
    margin-bottom: 0;
    border-bottom: none;
}

@media screen and (min-width: 1024px) {
    .invest-together-index .ct--introduction {
        --height-bar-bottom: 20px;
    }

    .invest-together-index .ct--introduction .right-content .bar .icon {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .invest-together-index .ct--content-double-col {
        margin-bottom: 0;
    }

    .invest-together-index .ct--content-double-col .right-content .bar:nth-child(1) {
        top: inherit;
        bottom: 0;
    }
}

.news-list {
    position: relative;
}

.news-list .ct--hero-3 {
    padding: 110px 0 130px;
}

.news-list .ct--hero-3 .ct--hero-3__title {
    font-size: 170px;
}

.news-list .container-wrapper {
    position: relative;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    align-items: start;
    z-index: 10;
    background-color: #fff;
}

@media screen and (max-width: 640px) {
    .news-list .container-wrapper {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.news-list .anchors {
    position: absolute;
    grid-column: 2 / 5;
    z-index: 2;
}

.news-list .anchors.change-color ul li {
    color: #000;
}

.news-list .anchors ul {
    padding-top: 75px;
}

.news-list .anchors ul li {
    position: relative;
    padding: 3px 35px 3px 15px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 20px;
    margin-bottom: 10px;
    color: #fff;
    transition: color 300ms ease;
    will-change: color;
    line-height: initial;
}

.news-list .anchors ul li:before {
    position: absolute;
    content: '';
    background: #000;
    border-radius: 25px;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 2px);
    z-index: -1;
    opacity: 0;
    will-change: opacity;
}

.news-list .anchors ul li:after {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -2px;
    right: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 2.5px 0 2.5px 5px;
    border-color: transparent transparent transparent #fff;
    opacity: 0;
    will-change: opacity;
}

.news-list .anchors ul li.active {
    color: #fff;
}

.news-list .anchors ul li.active:before,
.news-list .anchors ul li.active:after {
    opacity: 1;
}

.news-list .wrapper-strats {
    position: relative;
    grid-column: -1 / 1;
    display: grid;
    grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(12, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    z-index: 1;
}

@media screen and (max-width: 640px) {
    .news-list .wrapper-strats {
        grid-template-columns: calc(var(--page-padding) - var(--grid-gap)) repeat(6, minmax(0px, 1fr)) calc(var(--page-padding) - var(--grid-gap));
    }
}

.news-list .wrapper-strats .wrapper-right {
    position: relative;
    z-index: 5;
    grid-column: 5 / 14;
    display: grid;
    grid-template-columns: repeat(9, minmax(0px, 1fr));
    -moz-column-gap: var(--grid-gap);
    column-gap: var(--grid-gap);
    background: #fff;
    padding: 95px 0 130px;
}

.news-list .wrapper-strats .wrapper-right:before {
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;
    left: calc(0px - var(--grid-gap));
    width: calc(100% + var(--grid-gap) + (var(--page-padding)));
    height: 100%;
    background: #fff;
}

.news-list .wrapper-strats .wrapper-right:after {
    position: absolute;
    content: '';
    z-index: -1;
    top: 0;
    left: calc(0px - var(--grid-gap));
    width: 1px;
    height: 100%;
    background: #E5E5E5;
}

.news-list .wrapper-strats .wrapper-right.first {
    padding: 60px 0;
}

.news-list .wrapper-strats .wrapper-right .line-push {
    position: relative;
    grid-column: 1 / 10;
    margin-bottom: 60px;
}

.news-list .wrapper-strats .wrapper-right .line-push:nth-last-child(1):before {
    display: none;
}

.news-list .wrapper-strats .wrapper-right .line-push:before {
    position: absolute;
    content: '';
    z-index: -1;
    bottom: -35px;
    left: calc(0px - var(--grid-gap));
    width: calc(100% + var(--grid-gap) + (var(--page-padding)));
    height: 1px;
    background: #E5E5E5;
}

.news-list .wrapper-strats .wrapper-right .line-push .cross {
    position: absolute;
    stroke: #979797;
    width: 10px;
    height: 10px;
    bottom: -40px;
    left: calc(-3px - var(--grid-gap));
    z-index: 1;
}

.news-list .wrapper-strats .strat-our-cases {
    position: relative;
    grid-column: -1 / 1;
    z-index: 2;
}

@media screen and (min-width: 1024px) {
    .news-list .wrapper-strats .strat-our-cases .ct--slider-case-study::after {
        content: '';
        position: absolute;
        grid-column: 5 / 5;
        top: 0;
        left: calc(0px - var(--grid-gap));
        width: 1px;
        height: 100%;
        background: rgba(229,229,229,0.4);
    }
}

@media screen and (max-width: 1024px) {
    .news-list .container-wrapper {
        display: block;
    }

    .news-list .wrapper-strats {
        display: block;
    }

    .news-list .wrapper-strats .anchors {
        display: none;
    }

    .news-list .wrapper-strats .wrapper-right {
        display: block;
    }

    .news-list .wrapper-strats .wrapper-right:before {
        display: none;
    }

    .news-list .wrapper-strats .strat-our-cases {
        margin-top: 0;
    }
}

@media screen and (max-width: 640px) {
    .news-list .ct--hero-3 .ct--hero-3__title {
        font-size: 100px;
    }
}

.page.press-entry {
    padding-top: 140px;
}

.page.how-can-we-help-index {
    position: relative;
    background: #000;
}

.webgl-index {
    position: relative;
    width: 100%;
    height: 100vh;
}

.webgl-index .container-canvas {
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    pointer-events: none;
}

.webgl-index .container-canvas canvas {
    position: absolute;
    top: 0;
    left: 0;
    outline: none;
    pointer-events: none;
}

.page.not-found {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: #000 url("./../medias/images/404-background.jpg");
    background-size: cover;
    background-position: center center;
    text-align: center;
}

.page.not-found .not-found-container {
    position: relative;
}

.page.not-found .not-found-title {
    position: relative;
    padding-bottom: 20px;
    color: #fff;
}

.page.not-found .not-found-text {
    color: #fff;
}

.page.not-found .not-found-container-link {
    position: relative;
    margin-top: 50px;
}

.ct--button.hover .ct--button__container__background__circle {
    transform: scale(1);
}

/* Swiper */
.swiper-slide img {
    display: block;
    width: 100%;
    height: 40rem;
    object-fit: cover;
}
.swiper-slide figure {
    position: relative;
    margin: 0;
    overflow: hidden;
}

.swiper-slide figcaption {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 17px;
    font-family: var(--secondary-ff);
    line-height: 29px;
    background-color: var(--black);
    display: flex;
    justify-content: center;
    gap: .5rem;
    border-radius: .5rem .5rem 0 0;
    padding: 1rem 2rem;
    left: 50%;
    transform: translate3d(-50%, 100%, 0);
    opacity: 0;
    transition: all .3s ease-in-out;
}

.swiper-slide-active figcaption {
    transform: translate3d(-50%, 0, 0);
    opacity: 1;
}

.swiper-slide figcaption img {
    width: auto;
    height: auto;
    object-fit: contain;
}

#swiper-1 .swiper-pagination {
    bottom: 2rem;
}

#swiper-1 .swiper-pagination-bullet {
    margin: 0 .5rem;
    opacity: 1;
    background-color: #000;
    width: .75rem;
    height: .75rem;
}

#swiper-1 .swiper-pagination-bullet-active {
    background-color: #fff;
}

.swiper-custom-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 10;
    padding: 0 2rem;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.swiper-custom-nav svg {
    cursor: pointer;
    opacity: .6;
    transition: all .3s ease-in-out;
}

.swiper-custom-nav svg:hover {
    opacity: 1;
}

.swiper-custom-pagination {
    display: flex;
    width: 100%;
    padding-top: 2rem;
    justify-content: center;
    gap: 1rem;
   background:#fff;
    font-size: 17px;
    line-height: 29px;
    font-weight: 500;
    color: #000;
}

.swiper-custom-pagination .swiper-pagination-bullet {
    width: auto;
    height: auto;
    border-radius: 0;
    background-color: #fff;
    opacity: 1;
    text-align: center;
}

.swiper-custom-pagination .number {
    opacity: 0;
    transition: all .3s ease-in-out;
}

.swiper-custom-pagination .line {
    opacity: .3;
    height: .25rem;
    width: .75rem;
    background-color: var(--black);
    display: block;
    border-radius: 4px;
    transition: all .3s ease-in-out;
}

.swiper-custom-pagination .swiper-pagination-bullet-active .number,
.swiper-custom-pagination .swiper-pagination-bullet-active .line {
    opacity: 1;
}

.swiper-custom-pagination .swiper-pagination-bullet-active .line {
    width: 2rem;
}

@media screen and (max-width: 800px) {
    body .loader .inner, body .screen-transition .inner {
    max-width: 95%;
    text-align: center;
}
    
    
    .swiper-slide img {
       
    }

    .swiper-slide figcaption {
        left: 0;
        transform: none;
        width: 100%;
        border-radius: 0;
        background-color: var(--black-90);
    }

    .swiper-custom-nav {
        display: none;
    }
    
   .content{
       font-size:25px;
        width:100%;
       .title{
          width:100%;
          font-size:25px;
       }
   }

   .caption{
       width:100%;
       font-size:25px;
   }
}

  .content{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
      height: 100%;
      padding: 20px;
    color:#fff;
      background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    .title{
      font-size:3.1em;
      font-weight:bold;
      margin-bottom:30px;
    }
    .caption{
      display:block;
      font-size:19px;
      line-height:1.4;
    }
  }
  
.m_title {
    padding-top:30px;
    font-size: 4.0rem;
    line-height: 4.5rem;

    font-style: normal;
    font-weight: 900;
    line-height: 7rem;
}

.m_stitle{
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media screen and (max-width: 1024px){
   .m_title {
       text-align:center;
        padding-left:0;
   } 
   .m_stitle{
        text-align:center;
         padding-left:0;
   }
}
    .paragr{
        color:#fff;
        padding:14px 0 14px;
}

.dropdown {
  position: relative;
  display: inline-block;
  text-align: left;
  width: 50%;
}

.dropdown-text {
  cursor: pointer;
}

.dropdown-text:after {
  position: absolute;
  right: 6px;
  top: 15px;
  content: '';
  width: 0px;
  height: 0px;
}

.dropdown-text,
.dropdown-content a {
  color: #fff;
}

.dropdown-toggle {
  font-size: 0;
  z-index: 1;
  cursor: pointer;
  position: absolute;
  top: 0;
  border: none;
  padding: 0;
  margin: 0 0 0 1px;
  background: transparent;
  text-indent: -10px;
  height: 100%;
  width: 100%;
}

.dropdown-toggle:focus {
  outline: 0;
}

.dropdown-content {
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  z-index: 9999 !important;
  list-style-type: none;
  font-style: normal;
  font-weight: 400;
  font-size: 4.5rem;
  line-height: 6.5rem;
  position: absolute;
  top: -70% !important;
  left: 100%;
  padding: 0;
  margin: 0;
  opacity: 0;
  visibility:hidden;
  background-color: transparent;
  width: 60%;
}

.dropdown-content a {
  display: block;
}

.dropdown-toggle:focus ~ .dropdown-text {
  box-shadow: 0 1px 3px rgba(0,0,0, .2) inset, 0 1px 0 rgba(255,255,255, 0.8);
  z-index: 2;
}

.dropdown-toggle:focus ~ .dropdown-text:after {
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #555 transparent;
}

.dropdown-toggle:focus ~ .dropdown-content {
  opacity: 1;
  visibility:visible;
  top: 42px;
}

@media screen and (max-width: 1024px) and (max-width: 640px) {
    .dropdown-content {
        font-size: 2.5rem;
        line-height: 4.5rem;
        width: 100%;
    }
}