:root {
    --nRed: #e95039;
    --nDarkBlue: #81b3cc;
    --nDarkGreen: #40929a;
    --nWhite: #f7fcff;
    --nWhiteLow: #ebf8ff;

    --nBlue: #9ddbfa;

    --nBlue75: #afe2fb;
    --nBlue60: #c1e8fc;
    --nBlue50: #d3effd;
    --nBlue35: #e5f5fe;

    --nTextDark: #0d0a42;

    --vr: 3rem;
}

.bg-nRed {
    background-color: var(--nRed);
}

.tx-nRed {
    color: var(--nRed);
}



@keyframes lds-roller {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes enter-popin-overlay {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes leave-popin-overlay {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes leave-popin-up {
    0% {
        opacity: 1;
        transform: translate(0)
    }

    to {
        opacity: 0;
        transform: translateY(3rem)
    }
}

@keyframes enter-popin-up {
    0% {
        opacity: 0;
        transform: translateY(3rem)
    }

    to {
        opacity: 1;
        transform: translate(0)
    }
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(2.1rem)
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes enterheader {
    0% {
        transform: translate(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes leaveheader {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translate(0)
    }
}

[aria-controls] {
    cursor: pointer
}

[aria-disabled] {
    cursor: default
}

.is-invisible {
    opacity: 0 !important;
    visibility: hidden !important
}

.a-labelText {
    position: relative;
    display: block
}

.a-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding: 1.4rem 2rem;
    border-radius: .5rem
}

.a-button__leftDot,
.a-button__rightDot {
    position: absolute;
    top: 50%;
    width: .6rem;
    height: .6rem;
    border-radius: 50%
}

.a-button__leftDot {
    left: 2rem;
    background-color: #0d0a42;
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
    transform: translateY(-50%) translate(0)
}

.a-button__leftDot+.a-labelText {
    padding-left: 1.6rem;
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s
}

.a-button__rightDot {
    right: 2rem;
    transform: translateY(-50%) translate(-50%)
}

.a-button__rightDot:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0d0a42;
    transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) 0s;
    transform: translate(-50%) scale(0)
}

.a-button__rightDot:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    width: 40rem;
    height: 40rem;
    border-radius: 50%;
    background-color: #0f1039;
    opacity: .6;
    transform: translate(-50%, -50%) scale(0);
    animation: animateOut 2.4s cubic-bezier(.19, 1, .22, 1)
}

.a-button:disabled,
.a-button[aria-disabled=true] {
    opacity: .6;
    cursor: not-allowed
}

.a-button.-primary {
    background-color: var(--nBlue)
}

.a-button.-primary.-light {
    background-color: var(--nBlue35)
}

.a-button.-secondary {
    background-color: var(--nBlue50)
}

.a-button.-n-red {
    background-color: var(--nRed) !important;
    color: var(--nWhite) !important;
}

.a-button.-n-red .a-button__leftDot,
.a-button.-n-red .a-button__rightDot:before,
.a-button.-n-red .a-button__rightDot::after {
    background-color: var(--nWhite)
}

.a-button.-contact,
.a-button.-language {
    transition: background-color 1.2s cubic-bezier(.19, 1, .22, 1)
}

.a-button.-small {
    padding: 1rem
}

.a-button.-small .a-button__leftDot {
    left: 1rem
}

.a-button.-small .a-button__rightDot {
    right: 1rem
}

.a-button.-small .a-labelText {
    padding-left: 1.3rem
}

.a-button.-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    padding: 0;
    background-color: var(--nBlue50);
    transition: background-color 1.2s cubic-bezier(.19, 1, .22, 1)
}

.a-button.-icon .a-svg {
    width: 2rem;
    height: 2rem
}

@keyframes animateIn {
    0% {
        opacity: .6;
        transform: translate(-50%, -50%) scale(0)
    }

    to {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes animateOut {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1)
    }

    98% {
        opacity: 0
    }

    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(0)
    }
}

.a-image {
    position: relative;
    overflow: hidden
}

.a-image[class*=-r] img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.a-image.-r6x4 {
    aspect-ratio: 6/4
}

.a-image.-r1x1 {
    aspect-ratio: 1/1
}

.a-image.-r3x4 {
    aspect-ratio: 3/4
}

.a-image.-r4x3 {
    aspect-ratio: 4/3
}

.a-image.-r9x7 {
    aspect-ratio: 9/7
}

.a-image .-fitCover {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.a-inputField .a-labelText {
    margin-bottom: 1rem;
    padding-left: 0;
    cursor: pointer
}

.a-inputField__buttons {
    display: grid;
    gap: 1rem
}

.a-inputText__input,
.a-inputEmail__input,
.a-inputTextarea__input,
.a-inputTel__input,
.a-inputNumber__input,
.a-inputSelect__input,
.a-inputDate__input,
.a-inputFile__input {
    width: 100%;
    padding: 1.5rem 1.7rem;
    border: 0;
    border-radius: .5rem;
    background-color: #e5f5fe99;
    color: #0d0a42;
    font-family: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.a-inputText__input::-moz-placeholder,
.a-inputEmail__input::-moz-placeholder,
.a-inputTextarea__input::-moz-placeholder,
.a-inputTel__input::-moz-placeholder,
.a-inputNumber__input::-moz-placeholder,
.a-inputSelect__input::-moz-placeholder,
.a-inputDate__input::-moz-placeholder,
.a-inputFile__input::-moz-placeholder {
    color: #99a2b9
}

.a-inputText__input::placeholder,
.a-inputEmail__input::placeholder,
.a-inputTextarea__input::placeholder,
.a-inputTel__input::placeholder,
.a-inputNumber__input::placeholder,
.a-inputSelect__input::placeholder,
.a-inputDate__input::placeholder,
.a-inputFile__input::placeholder {
    color: #99a2b9
}

.a-inputText__input:focus,
.a-inputText__input:focus-visible,
.a-inputEmail__input:focus,
.a-inputEmail__input:focus-visible,
.a-inputTextarea__input:focus,
.a-inputTextarea__input:focus-visible,
.a-inputTel__input:focus,
.a-inputTel__input:focus-visible,
.a-inputNumber__input:focus,
.a-inputNumber__input:focus-visible,
.a-inputSelect__input:focus,
.a-inputSelect__input:focus-visible,
.a-inputDate__input:focus,
.a-inputDate__input:focus-visible,
.a-inputFile__input:focus,
.a-inputFile__input:focus-visible {
    outline: 2px solid #0d0a42
}

.a-inputCheckbox__input,
.a-inputRadio__input {
    position: absolute;
    width: 3rem;
    height: 3rem;
    opacity: 0
}

.a-inputCheckbox__input+label,
.a-inputRadio__input+label {
    position: relative;
    display: inline-block;
    margin-top: .7rem;
    margin-bottom: .6rem;
    padding-left: 4.5rem;
    cursor: pointer
}

.a-inputCheckbox__input+label:before,
.a-inputCheckbox__input+label:after,
.a-inputRadio__input+label:before,
.a-inputRadio__input+label:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin-top: -1.5rem;
    padding: 0
}

.a-inputCheckbox__input+label:before,
.a-inputRadio__input+label:before {
    top: 50%;
    left: 0;
    background-color: #c3e8fa;
    transition: background-color .4s cubic-bezier(.23, 1, .32, 1)
}

.a-inputCheckbox__input+label:after,
.a-inputRadio__input+label:after {
    content: "";
    opacity: 0;
    transition: opacity .4s cubic-bezier(.23, 1, .32, 1), transform .4s cubic-bezier(.23, 1, .32, 1);
    transform: rotate(25deg) scale(.75)
}

.a-inputCheckbox__input+label:hover:before,
.a-inputRadio__input+label:hover:before {
    background-color: #c3e8fa99
}

.a-inputCheckbox__input:checked+label:after,
.a-inputRadio__input:checked+label:after {
    opacity: 1;
    transform: rotate(45deg) scale(1)
}

.a-inputCheckbox__input+label:before {
    top: 0;
    border-radius: .5rem;
    transform: translateY(1rem)
}

.a-inputCheckbox__input+label:after {
    top: 1.6rem;
    left: 1.6rem;
    width: .8rem;
    height: 1.4rem;
    border-right: 2px solid #0d0a42;
    border-bottom: 2px solid #0d0a42;
    transform-origin: top left
}

.a-inputCheckbox__input+label a {
    text-decoration: underline
}

.a-inputRadio__input+label:before {
    border-radius: 50%
}

.a-inputRadio__input+label:after {
    top: 1.9rem;
    left: .9rem;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    background-color: #0d0a42;
    transform-origin: center
}

.a-link {
    position: relative;
    display: inline-flex
}

.a-link:disabled,
.a-link[aria-disabled=true] {
    opacity: .6;
    cursor: not-allowed
}

.a-link .a-button__leftDot {
    left: 0
}

.a-link .a-button__rightDot {
    right: 0
}

.a-link .a-button__rightDot:after {
    display: none
}

.a-logo {
    display: flex;
    align-items: stretch;
    justify-content: center;
    width: 14rem;
    height: 12rem;
    margin-right: 1.5rem;
    padding: 1.5rem;
    border-radius: .5rem
}

.o-homeLogos .a-logo {
    width: 15rem;
    height: 7rem;
}

.o-footer__supports .a-logo {
    width: 11rem;
    height: 9rem;
}

.a-logo__link,
.a-logo .a-image {
    width: 100%;
    height: 100%
}

.a-logo img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    max-width: none;
    height: 100%
}

.a-logo.-md {
    width: 7rem;
    height: 5rem
}

.a-panel:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 50vw;
    height: 100%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    background-color: var(--color);
    pointer-events: none
}

.a-panel.-right:before {
    right: 0;
    left: auto
}

.a-separator {
    width: 100%;
    height: 3rem;
    border: 0
}

.a-tag {
    padding: .5rem;
    border-radius: .5rem;
    background-color: #0d0a42;
    color: #f5fbfa;
    text-transform: uppercase
}

.m-accordeon {
    width: 100%
}

.m-accordeon__entete {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 4rem 0;
    border-bottom: 2px solid var(--cprimary)
}

.m-accordeon__button {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    border: 0
}

.m-accordeon__scroll {
    --heightscroll: 0;
    --atransition: .3s;
    overflow: hidden;
    height: var(--heightscroll);
    transition: height var(--atransition) ease-in-out
}

.m-accordeon__content {
    padding: 0 0 var(--vr) 0
}

.m-blogCard {
    position: relative;
    display: flex;
    flex-flow: column;
    padding-bottom: 3rem
}

.m-blogCard__cover {
    overflow: hidden;
    width: 100%;
    margin-bottom: 1.5rem
}

.m-blogCard__content {
    display: flex;
    flex-flow: row wrap;
    gap: 1.5rem
}

.m-blogCard .a-logo {
    margin-right: 0
}

.m-blogCard .tx-xs {
    width: 100%
}

.m-blogCard .tx-xs a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%
}

.m-blogCard.-sm footer,
.m-blogCard.-md footer {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    order: 1;
    width: 100%
}

.m-blogCard.-sm footer .a-link,
.m-blogCard.-md footer .a-link {
    position: absolute;
    bottom: 0;
    left: 0
}

.m-blogCard.-sm .tx-xs,
.m-blogCard.-md .tx-xs {
    order: 2
}

.m-blogCard.-sm .tx-p,
.m-blogCard.-md .tx-p {
    order: 3
}

.m-blogCard.-xl footer {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem;
    align-items: center;
    width: 100%
}

.m-breadcrumb {
    overflow: scroll;
    max-width: calc(100vw - 4.1666666667%);
    scrollbar-width: none
}

.m-breadcrumb ul {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 3rem
}

.m-breadcrumb li {
    flex-shrink: 0
}

.m-breadcrumb li:not(:last-child) {
    opacity: .35
}

.m-breadcrumb li:not(:last-child):after {
    content: "";
    position: relative;
    top: -.2rem;
    display: inline-block;
    vertical-align: middle;
    width: .7rem;
    height: .7rem;
    margin: 0 1rem;
    border-radius: 50%;
    background-color: #0d0a42
}

.m-canvas {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    transition: opacity 2s cubic-bezier(.86, 0, .07, 1)
}

.-ready .m-canvas {
    opacity: 1
}

.m-carbon {
    line-height: 1
}

.m-carbon span {
    display: inline-block;
    padding: .5rem
}

.m-carbon__website {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
    background-color: #d8f1ee99
}

.m-carbon__result {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
    background-color: #97ffc6
}

.m-form {
    display: grid;
    gap: 1.5rem
}

.m-form__loading {
    position: relative;
    display: none
}

.m-form__loading:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -2px;
    margin-left: 1rem;
    border: 2px solid #0d0a42;
    border-bottom-color: transparent;
    border-radius: 50%;
    animation: rotation 1s linear infinite
}

.m-form.-loading .m-form__submit {
    opacity: .5;
    cursor: progress
}

.m-form.-loading .m-form__btnText {
    display: none
}

.m-form.-loading .m-form__loading {
    display: inline
}

.m-formCallback {
    z-index: 99;
    display: flex;
    flex-flow: row nowrap;
    grid-column: span 4;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    border-radius: .4rem;
    color: #f5fbfa;
    font-size: 1.4rem;
    cursor: pointer;
    animation: enter-y .7s cubic-bezier(.23, 1, .32, 1) forwards
}

.m-formCallback p {
    width: 100%
}

.m-formCallback.-success {
    background-color: #3ae000
}

.m-formCallback.-error {
    background-color: #eb0045
}

.m-formCallback.-leave {
    animation: leave-y .7s cubic-bezier(.23, 1, .32, 1) forwards
}

.m-formCallback .a-cross {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: 1rem
}

.m-langs {
    position: relative;
    flex-shrink: 0
}

.m-langs>.a-button {
    position: relative;
    z-index: 2;
    padding: 1.4rem 1.5rem;
    background-color: var(--nBlue)
}

.m-langs__list {
    position: absolute;
    top: calc(100% + .5rem);
    z-index: 1;
    width: 100%;
    line-height: 1;
    opacity: 0;
    visibility: hidden
}

.m-langs .a-button {
    display: inline-block;
    width: 5rem;
    padding: 1.4rem 0;
    text-align: center
}

.m-langs.-open .m-langs__list {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.m-loaderSection {
    width: 100%;
    padding: 2rem 0;
    text-align: center
}

.m-loaderSection__loader {
    position: relative;
    width: 6rem;
    height: 6rem;
    margin: 0 auto
}

.m-loaderSection__loader div {
    position: absolute;
    top: 2.5rem;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: #f5fbfa;
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.m-loaderSection__loader div:nth-child(1) {
    left: .3rem;
    animation: lds-ellipsis1 .6s infinite
}

.m-loaderSection__loader div:nth-child(2) {
    left: .3rem;
    animation: lds-ellipsis2 .6s infinite
}

.m-loaderSection__loader div:nth-child(3) {
    left: 2.5rem;
    animation: lds-ellipsis2 .6s infinite
}

.m-loaderSection__loader div:nth-child(4) {
    left: 4.7rem;
    animation: lds-ellipsis3 .6s infinite
}

.m-marquee {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    white-space: nowrap;
    transform: translateZ(0)
}

.m-marquee__viewport {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    align-items: center;
    white-space: initial
}

@keyframes marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-100%)
    }
}

.m-navPage {
    overflow: hidden;
    padding: 3rem 0
}

.m-navPage.-summary,
.m-navPage.-resource {
    padding: 0 0 3rem
}

.m-navPage__content {
    border-radius: .6rem
}

.m-navPage nav {
    overflow: scroll;
    max-width: calc(100vw - 4.1666666667%);
    scrollbar-width: none
}

.m-navPage ul {
    display: flex;
    flex-flow: row nowrap;
    gap: 2rem;
    align-items: center;
    padding: 1.388rem
}

.m-navPage li {
    flex-shrink: 0;
    transition: opacity .4s cubic-bezier(.23, 1, .32, 1)
}

.m-navPage li:hover,
.m-navPage li.-active {
    opacity: .35
}

.m-navPage li:last-child {
    padding-right: 3rem
}

.m-newsletter {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.m-newsletter__input {
    padding-right: 12rem
}

.m-newsletter__button {
    position: absolute;
    top: 2.9rem;
    right: 0
}

.m-newsletter__button.a-button.-primary {
    padding: 1.6rem 2rem 1.5rem;
    background-color: transparent
}

.m-newsletter__rgpdCheckbox {
    margin-top: 1rem
}

.m-newsletter__rgpdCheckbox.-hidden {
    display: none
}

.m-pagination {
    position: relative;
    margin: 0 auto
}

.m-pagination__actions {
    display: flex;
    gap: 1.5rem;
    align-items: center
}

.m-pagination__prev {
    margin-right: 1rem
}

.m-pagination__next {
    margin-left: 1rem
}

.m-pagination__item {
    transition: color .4s cubic-bezier(.23, 1, .32, 1)
}

.m-pagination__item:hover,
.m-pagination__item.-current {
    color: #99a2b9
}

.m-pagination__item.-current {
    pointer-events: none
}

.m-panelActivity {
    display: flex;
    flex-grow: 1;
    flex-flow: column nowrap
}

.m-panelActivity__content {
    z-index: 1;
    display: flex;
    flex-flow: row wrap;
    gap: 3rem;
    margin-bottom: auto
}

.m-panelActivity__image {
    margin: -15% -4.5454545455% 0
}

.m-panelContent {
    display: grid;
    gap: 3rem;
    width: 100%;
    padding-bottom: 3rem
}

.m-panelContent .m-textContent:not(:last-child) {
    margin-bottom: 3rem
}

.m-panelContent__thumbnail {
    line-height: 0
}

.m-panelContent__thumbnail img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 420/280
}

.m-panelContent__image {
    line-height: 0
}

.m-panelContent__image img {
    -o-object-fit: contain;
    object-fit: contain;
    width: 8rem;
    height: 8rem
}

.m-panelProductCat {
    padding-top: 1rem;
    padding-bottom: 3rem
}

.m-panelProductCat .m-textContent,
.m-panelProductCat__title {
    margin-bottom: 3rem
}

.m-panelProductCat__link {
    width: 100%;
    height: 0;
    text-align: center
}

.m-panelProductCat__link .a-button {
    position: relative;
    z-index: 2;
    transform: translateY(-44px)
}

.m-panelProductItem.o-panels2__content,
.m-panelProductItem.o-panels3__content {
    padding-top: 1.5rem
}

.m-panelProductItem__title.o-panels2__title,
.m-panelProductItem__title.o-panels3__title {
    padding-top: 3rem
}

.m-panelProduct__container {
    display: flex;
    flex-flow: column nowrap;
    height: 100%
}

.m-panelProduct__container.o-panels2__container {
    padding-bottom: 0
}

.m-panelProduct__container .tx-sm {
    display: flex;
    gap: 1.5rem;
    align-items: center
}

.m-panelProduct__content {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 3rem
}

.m-panelProduct .m-textContent {
    margin-bottom: 3rem
}

.m-panelProduct__image {
    overflow: hidden;
    aspect-ratio: 345/244
}

.m-panelProduct__image img {
    width: 100%
}

.m-panelProduct__links {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center
}

.m-popin {
    position: absolute;
    top: 0;
    left: 0;
    display: none
}

.m-popin__overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: stretch;
    width: 100vw;
    height: 100vh;
    background-color: #0d0a42b3;
    cursor: pointer;
    animation: leave-popin-overlay .3s cubic-bezier(0, 0, .2, 1)
}

.m-popin__container {
    overflow-y: auto;
    min-height: 100vh;
    max-height: 100vh;
    padding: 3rem;
    background-color: #f5fbfa;
    text-align: center;
    cursor: initial;
    animation: leave-popin-up .3s cubic-bezier(0, 0, .2, 1) forwards
}

.m-popin.-isOpen {
    display: block
}

.m-popin.-bottom .m-popin__container {
    margin: auto auto 0
}

.m-popin[aria-hidden=false] .m-popin__overlay {
    animation: enter-popin-overlay .3s cubic-bezier(0, 0, .2, 1)
}

.m-popin[aria-hidden=false] .m-popin__container {
    animation: enter-popin-up .3s cubic-bezier(0, 0, .2, 1) forwards
}

.m-share {
    padding: 3rem 0
}

.m-share__content {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: 100%;
    padding: 1.5rem;
    border-radius: .6rem
}

.m-share__content p {
    width: 100%;
    margin-right: 1.5rem
}

.m-share__content .a-button {
    flex-shrink: 0
}

.m-share__content .a-button:not(:last-child) {
    margin-right: .5rem
}

.m-sliderCard {
    position: relative;
    display: flex;
    flex-flow: column wrap;
    gap: 1rem;
    align-items: flex-start;
    overflow: hidden;
    height: 100%;
    padding: 3rem 1.5rem 1.5rem
}

.m-sliderCard__newTag {
    position: absolute;
    top: 0;
    right: 2.25rem;
    padding: .5rem;
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.m-sliderCard__title,
.m-sliderCard__text {
    position: relative;
    z-index: 1
}

.m-sliderCard__cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.m-sliderCard__cover img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    -o-object-position: bottom center;
    object-position: bottom center
}

.m-sliderCard .a-button {
    margin-top: auto
}

.m-slider {
    --item-size: 1.2;
    --item-spacing: 1.5rem;
    width: 100%
}

.m-slider:not(.-keepOverflow) {
    overflow: hidden
}

.m-slider__container {
    display: flex;
    height: auto;
    margin-right: calc(var(--item-spacing) * -1);
    backface-visibility: hidden;
    touch-action: pan-y
}

.m-slider__slide {
    flex: 0 0 calc(100% / var(--item-size) - 1.5rem);
    padding-right: 1.5rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    aspect-ratio: 330/420
}

.m-slider__slide a {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.m-slider__dots {
    display: flex;
    gap: .3rem;
    align-items: center;
    justify-content: center;
    margin-top: 3rem
}

.m-slider__dot {
    display: inline-block;
    width: 6rem;
    height: .3rem;
    border-radius: 2rem;
    background-color: #0d0a42
}

.m-slider__dot.-active {
    background-color: #99dbd5
}

.m-slider__progress {
    position: relative;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    margin-bottom: auto;
    border-radius: .5rem;
    background-color: var(--nBlue50);
    aspect-ratio: 1/1
}

.m-slider__progress span {
    color: #99a2b9
}

.m-slider__bar {
    position: relative;
    left: -100%;
    width: 100%;
    height: 100%;
    border-radius: 2rem;
    background-color: #99dbd5
}

.m-slider__controls {
    position: relative;
    z-index: 2;
    display: flex;
    flex-shrink: 0;
    flex-direction: row;
    gap: 1rem;
    justify-content: space-between;
    margin-top: 3rem
}

.m-slider__viewport {
    flex-grow: 1;
    width: 100%
}

.m-slider:not(.-fixed) .m-slider__slide {
    opacity: .15;
    transition: opacity .4s
}

.m-slider:not(.-fixed) .m-slider__slide.is-in-view {
    opacity: 1
}

.m-slider:not(.-fixed) .m-slider__viewport {
    cursor: grab
}

.m-slider:not(.-fixed) .m-slider__viewport.-dragging {
    cursor: grabbing
}

.m-slider.-fixed .m-slider__controls {
    display: none;
    opacity: 0;
    visibility: hidden
}

.m-socials {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%
}

.m-socials__list {
    display: flex;
    flex-direction: row;
    gap: 1rem
}

.m-socials__button.a-button {
    background-color: #c3e8fa !important
}

.m-subNavItem {
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #99a2b9
}

.m-subNavItem .a-image {
    flex-shrink: 0;
    overflow: hidden;
    width: 6rem;
    height: 5.3rem;
    margin-right: 1rem;
    border-radius: .5rem
}

.m-subNavItem .a-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.m-subNavItem a {
    margin-right: auto
}

.m-subNavItem a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 100%;
    height: 100%
}

.m-textContent {
    display: flex;
    flex-flow: column wrap;
    gap: 3rem
}

.b-accordeons {
    position: relative
}

.b-accordeons:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    z-index: 0;
    width: 50%;
    height: 26rem;
    background-color: #f5fbfa
}

.b-accordeons .row {
    z-index: 1
}

.b-accordeons.-left:after {
    left: 50%
}

.b-accordeons__title,
.b-cardsImages {
    padding: 3rem 0
}

.b-cardsImages__inner {
    display: grid;
    gap: 3rem
}

.b-cardsImages__list {
    display: grid;
    flex-basis: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem
}

.b-cardsImages__item {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: flex-start;
    justify-content: flex-end;
    overflow: hidden;
    min-height: 18rem;
    padding: 1.5rem
}

.b-cardsImages__itemLabel {
    position: relative;
    z-index: 1
}

.b-cardsImages .a-image svg {
    width: 100%;
    height: 100%;
    display: block;
}

.b-cardsImages .a-image {
    width: 3.2rem;
    height: 3.2rem
}

.b-formBuilder {
    padding-bottom: 3rem
}

.b-formBuilder.-padTop {
    padding-top: 3rem
}

.b-formBuilder__suptitle {
    margin-bottom: 3rem
}

.b-formBuilder__content,
.b-formBuilder .m-form {
    padding: 3rem
}

.b-formBuilder__title {
    margin-bottom: 3rem
}

.b-push3d {
    position: relative;
    padding: 4.5rem 0
}

.b-push3d:before,
.b-push3d:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d8f1ee
}

.b-push3d:before {
    z-index: -1
}

.b-push3d:after {
    z-index: 0;
    opacity: .5
}

.b-push3d .a-button.-primary {
    background-color: #f5fbfa99
}

.b-push3d__inner {
    z-index: 1;
    gap: 1.5rem;
    align-items: center
}

.b-push3d .m-textContent {
    text-wrap: balance
}

.b-push {
    padding-bottom: 3rem
}

.b-push.-padTop {
    padding-top: 3rem
}

.b-push__inner {
    flex-flow: row wrap;
    gap: 1rem;
    padding: 1.5rem 4.5454545455%
}

.b-push__title {
    flex-basis: 100%
}

.b-push .tx-plg {
    text-wrap: balance
}

.b-recruitment__inner {
    position: relative;
    z-index: 1;
    padding: 3rem 2.25rem
}

.b-recruitment__suptitle {
    margin-bottom: 3rem
}

.b-recruitment__intro {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: flex-start
}

.b-recruitment__title {
    margin-bottom: 3rem
}

.b-recruitment__push {
    display: flex;
    flex-wrap: wrap;
    gap: 2.25rem;
    padding: 3rem
}

.b-recruitment .m-slider {
    margin-top: 3rem
}

.b-textImage__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: flex-end;
    justify-content: space-between;
    padding: 3rem 4.347826087%
}

.b-textImage__left {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem
}

.b-textImage__right,
.b-textImage__suptitle {
    flex-basis: 100%
}

.b-text__inner {
    position: relative;
    z-index: 1;
    padding: 3rem 4.347826087%
}

.b-text__suptitle {
    margin-bottom: 1.5rem
}

.b-titleTextImage__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    align-items: flex-end;
    justify-content: space-between;
    padding: 3rem 4.347826087%
}

.b-titleTextImage__left {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem
}

.b-titleTextImage__right,
.b-titleTextImage__suptitle {
    flex-basis: 100%
}

.b-twoColumns .-left .b-twoColumns__marquee:before {
    left: 0;
    width: 15%;
    background: linear-gradient(-90deg, #f5fbfa00, #f5fbfa)
}

.b-twoColumns .-left .b-twoColumns__marquee:after {
    right: 100%;
    width: 50%;
    background-color: #f5fbfa
}

.b-twoColumns .-right .b-twoColumns__marquee:before {
    right: 0;
    width: 15%;
    background: linear-gradient(90deg, #f5fbfa00, #f5fbfa)
}

.b-twoColumns .-right .b-twoColumns__marquee:after {
    left: 100%;
    width: 50%;
    background-color: #f5fbfa
}

.b-twoColumns__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    padding: 3rem 4.347826087%
}

.b-twoColumns__suptitle {
    flex-basis: 100%
}

.b-twoColumns .m-marquee__viewport {
    animation: marquee 20s linear infinite
}

.b-twoColumns__marquee {
    position: relative
}

.b-twoColumns__marquee:before,
.b-twoColumns__marquee:after {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%
}

.o-footer__block {
    padding: 3rem 4.1666666667%
}

.o-footer a.tx-labmd,
.o-footer a.tx-labsm {
    transition: opacity .4s cubic-bezier(.23, 1, .32, 1)
}

.o-footer__supports {
    overflow: hidden;
    margin-top: -1px;
    padding: 3rem 0
}

.o-footer__supportsTitle {
    margin-bottom: 1.5rem
}

.o-footer__newsletterSocials {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    justify-content: space-between
}

.o-footer__menu {
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: row wrap;
    gap: 3rem 1.5rem
}

.o-footer__menuItem {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: calc(50% - .75rem)
}

.o-footer__submenu {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.o-footer__menuSecondary {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.o-footer__contact {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.o-footer__legals {
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding: 0 4.1666666667%
}

.o-footer__menuLegal {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

.o-footer__logoEco {
    position: relative;
    gap: 3rem
}

.o-footer__logo {
    position: relative;
    width: 100%;
    aspect-ratio: 165/52
}

.o-footer__logoEl {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.o-footer__eco {
    display: flex;
    flex-flow: row wrap;
    gap: 1rem
}

.o-footer,
.o-footer__supports {
    transition: opacity .8s cubic-bezier(.23, 1, .32, 1)
}

.is-loading .o-footer,
.is-loading .o-footer__supports {
    opacity: 0
}

.o-header {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: calc(var(--height, 0) * -1);
    padding: 2.25rem 1.5rem 1rem
}

.o-header__toggle {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-right: 1rem;
    margin-left: auto;
    padding: 0;
    border-radius: .5rem;
    background-color: #f5fbfa99;
    transition: background-color .4s cubic-bezier(.23, 1, .32, 1)
}

.o-header__toggle svg {
    width: 1.9rem;
    height: 1.8rem;
    pointer-events: none
}

.o-header__button {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    margin-right: 1rem
}

.o-header__button .a-labelText {
    display: none
}

.o-header__button svg {
    width: 2rem;
    height: 1.6rem
}

.o-header .-menuClose {
    display: none;
    width: 2.2rem;
    height: 1.6rem
}

.o-header.-open .-menuClose {
    display: block
}

.o-header.-open .-menuOpen {
    display: none
}

.o-header__logo {
    z-index: 1;
    display: inline-block;
    width: 15rem;
    height: 4rem;
    transform: translateY(-27%)
}

.o-header__logo svg {
    width: 100%;
    height: 100%
}

.o-header__logo .a-svg.-logo-shape {
    display: none;
    transition: transform 0s
}

.o-header.-sticky {
    position: fixed;
    top: 0;
    left: 0;
    margin-bottom: 0;
    padding: .75rem 1.5rem;
    background-color: #f5fbfabf
}

.o-header.-sticky .o-header__logo {
    width: 6rem;
    height: 6rem;
    transform: initial
}

.o-header.-sticky .o-header__logo .a-svg.-logo-shape {
    display: block
}

.o-header.-sticky .o-header__logo .a-svg.-logo-full {
    display: none
}

.o-heroBlogItem {
    overflow: hidden;
    padding-top: 11rem
}

.o-heroBlogItem__content {
    display: flex;
    flex-flow: row wrap
}

.o-heroBlogItem__details {
    display: flex;
    flex-flow: row wrap;
    gap: 1.5rem;
    margin-bottom: 1.5rem
}

.o-heroBlogItem .m-breadcrumb {
    width: 100%
}

.o-heroBlogItem .tx-xl,
.o-heroBlogItem .a-image {
    width: 100%;
    margin-bottom: 3rem
}

.o-heroBlogItem .m-textContent {
    width: 100%
}

.o-heroProduct {
    overflow: hidden;
    padding-top: 11rem;
    padding-bottom: 3rem
}

.o-heroProduct .m-breadcrumb {
    margin-bottom: 3rem
}

.o-heroProduct__suptitle {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem
}

.o-heroProduct .a-tag {
    margin-left: 1.5rem
}

.o-heroProduct .tx-xl:not(:last-child) {
    margin-bottom: 3rem
}

.o-heroProduct .m-textContent {
    margin-bottom: 3rem
}

.o-heroProduct__sub {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.o-heroProduct__sub ul {
    display: flex;
    flex-shrink: 0;
    flex-flow: column wrap;
    gap: .5rem
}

.o-heroProduct__placeholder {
    width: 100%;
    max-width: 27rem;
    height: 50vh
}

.o-heroProduct .a-logo {
    margin-right: 0
}

.o-heroUseCaseItem {
    padding-top: 11rem
}

.o-heroUseCaseItem .m-breadcrumb {
    width: 100%
}

.o-heroUseCaseItem__grid {
    position: relative
}

.o-heroUseCaseItem__cover {
    margin-bottom: 4.5rem
}

.o-heroUseCaseItem .tx-xl {
    width: 100%;
    margin-bottom: 3rem
}

.o-heroUseCaseItem .m-textContent {
    width: 100%
}

.o-hero {
    overflow: hidden;
    padding-top: 11rem;
    padding-bottom: 3.75rem;
    background: linear-gradient(180deg, #d3effd00, var(--nBlue50) 95%);
}

.o-hero.-filled {
    background-color: #f5fbfa
}

.o-hero .tx-xl {
    text-wrap: balance
}

.o-hero .tx-xl:not(:last-child) {
    margin-bottom: 3rem
}

.o-hero .a-image {
    width: 100%
}

.o-highlightedResource {
    padding-bottom: 3rem
}

.o-highlightedResource__inner {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 3rem;
    padding: 3rem 4.347826087% 3rem 0
}

.o-highlightedResource a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.o-highlightedResource__content {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem
}

.o-highlightedResource.-blog .o-highlightedResource__inner {
    grid-template-columns: 13fr 6fr
}

.o-highlightedResource .a-image img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.o-highlightedResource .a-link {
    pointer-events: none
}

.o-homeHero {
    position: relative;
    z-index: 1;
    padding: 14rem 0 3rem;
    text-align: center
}

.o-homeHero__titleLine {
    display: block
}

.o-homeHero__titleLine span {
    display: inline-block;
    opacity: 0;
    filter: blur(1rem);
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) 3s, filter 3s cubic-bezier(.19, 1, .22, 1) 3s, opacity 1s cubic-bezier(.19, 1, .22, 1);
    transform: scale(var(--scale));
    transform-origin: center
}

.o-homeHero__titleLine span.-line:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 18rem;
    height: .8rem;
    margin-right: 20px;
    border-radius: 15px;
    background: linear-gradient(to right, #0d0a4200, #0d0a42);
    opacity: 0;
    transition: transform 1s cubic-bezier(.23, 1, .32, 1) 1.5s, opacity 1s cubic-bezier(.23, 1, .32, 1) 1.5s;
    transform: scaleX(0);
    transform-origin: left
}

.o-homeHero .m-textContent {
    place-items: center center;
    width: 90.9090909091%;
    margin: 3rem auto 0;
    opacity: 0;
    transition: transform 0s cubic-bezier(.19, 1, .22, 1) 3s, opacity 3s cubic-bezier(.19, 1, .22, 1);
    transform: translateY(-2rem)
}

.is-loaded .o-homeHero .o-homeHero__titleLine>span {
    opacity: 1;
    filter: blur(0);
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) var(--delay), filter 3s cubic-bezier(.19, 1, .22, 1) var(--delay), opacity 3s cubic-bezier(.19, 1, .22, 1) var(--delay);
    transform: scale(1)
}

.is-loaded .o-homeHero .o-homeHero__titleLine>span.-line:before {
    opacity: 1;
    transform: scaleX(1)
}

.is-loaded .o-homeHero .m-textContent {
    opacity: 1;
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) var(--delay), opacity 3s cubic-bezier(.19, 1, .22, 1) var(--delay);
    transform: translateY(0)
}

.o-homeJobAccordions__intro {
    gap: 3rem;
    padding: 3rem 0
}

.o-homeJobAccordions__intro .m-textContent {
    gap: 1.5rem
}

.o-homeJobAccordions .o-panels__section {
    display: flex;
    flex-direction: row;
    gap: 3rem;
    align-items: flex-end;
    justify-content: space-between
}

.o-homeJobAccordions__buttonWrapper {
    background-color: #fff;
    transition: background-color .4s
}

.o-homeJobAccordions__buttonWrapper .a-button {
    transition: transform .4s, background-color 1.2s cubic-bezier(.19, 1, .22, 1)
}

.o-homeJobAccordions__buttonWrapper:before {
    background-color: #fff;
    transition: background-color .4s
}

.o-homeJobAccordions__button {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 4.347826087%
}

.o-homeKeyFigures {
    position: relative
}

.o-homeKeyFigures__wrapper {
    position: relative;
    z-index: 1;
    gap: 3rem;
    overflow: hidden;
    padding: 12rem 0
}

.o-homeKeyFigures__list {
    display: grid;
    gap: 1.5rem
}

.o-homeKeyFigures__item {
    opacity: 0;
    filter: blur(1rem);
    transition: transform 3s cubic-bezier(.19, 1, .22, 1) .3s, filter 3s cubic-bezier(.19, 1, .22, 1) .3s, opacity 3s cubic-bezier(.19, 1, .22, 1) .3s;
    transform: translateY(35%) scale(1.1);
    transform-origin: left top
}

.o-homeKeyFigures__item.is-inview {
    opacity: 1;
    filter: blur(0);
    transform: translateY(0)
}

.o-homeKeyFigures__itemNumber {
    vertical-align: top
}

.o-homeLogos {
    overflow: hidden;
    padding-top: 3rem;
    padding-bottom: 6rem;
    opacity: 0;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1)
}

.o-homeLogos.is-inview .m-marquee__viewport {
    animation: marquee 20s linear infinite
}

.o-homeLogos .m-marquee {
    -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(90deg, #0000, #000, #0000)
}

.o-homeLogos .a-logo {
    padding: 1rem
}

.is-loaded .o-homeLogos {
    opacity: 1;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1) 1s
}

.o-homePartners {
    height: 300vh
}

.o-homePartners__wrapper {
    position: sticky;
    top: 200px
}

.o-homePartners__line {
    content: "";
    position: absolute;
    top: calc(50% - 1rem);
    width: 51vw !important;
    max-width: none !important;
    height: 1rem;
    border-radius: 15px
}

.o-homePartners__line.-left {
    right: 50%;
    background: linear-gradient(to right, #e9503900, #e95039)
        /* --nRed */
}

.o-homePartners__line.-right {
    left: 50%;
    background: linear-gradient(to left, #81b3cc00, #81b3cc)
        /* --nBlueDark */
}

.o-homePartners__circle {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw !important;
    max-width: none !important;
    height: auto;
    border-radius: 50%;
    background-color: var(--nDarkGreen);
    pointer-events: none;
    transform: translateY(-50%) translate(-50%) scale(0);
    transform-origin: center;
    aspect-ratio: 1/1
}

.o-homePartners__inner {
    position: relative
}

.o-homePartners .m-textContent {
    align-items: center
}

.o-homePartners .a-button {
    background-color: #f5fbfa99
}

.o-homeProducts {
    position: relative
}

.o-homeProducts .row {
    z-index: 1
}

.o-homeProducts__intro {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 3rem;
    padding: 3rem 4.347826087%
}

.o-homeProducts__buttonWrapper {
    z-index: 1;
    background-color: var(--nBlue);
    transition: background-color .4s
}

.o-homeProducts__buttonWrapper:before {
    background-color: var(--nBlue);
    transition: background-color .4s
}

.o-homeProducts__buttonWrapper .a-button {
    transition: transform .4s, background-color 1.2s cubic-bezier(.19, 1, .22, 1)
}

.o-homeProducts .o-panels {
    z-index: 1
}

.o-homeProducts .o-panels__contentWrapper {
    display: flex;
    flex-direction: column;
    grid-gap: 1.5rem
}

.o-homeProducts__productsList {
    display: flex;
    flex-flow: row nowrap;
    gap: 1.5rem;
    overflow: auto;
    scrollbar-width: none
}

.o-homeProducts__productsList li {
    flex-shrink: 0;
    flex-basis: 40%
}

.o-homeProducts__productsItem {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 1rem;
    height: 100%;
    place-content: space-between center
}

.o-homeProducts__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 4.347826087%
}

.o-homeProducts:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 50%;
    background-color: var(--nBlue50)
}

.o-loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 100%;
    height: 100%;
    background-color: #99dbd5;
    opacity: 0
}

.o-menu__subnav li:not(.o-menu__back) {
    padding: 1rem 1.5rem
}

.o-menu__arrow {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    padding: 1.2rem;
    border-radius: .5rem;
    background-color: #c3e8fa;
    pointer-events: none
}

.o-menu__back button {
    padding: 1rem 1.5rem
}

.o-menu__footer {
    display: flex;
    flex-flow: column wrap;
    gap: 1.5rem;
    align-items: flex-start;
    margin-bottom: 3rem;
    padding: 0 4.1666666667%;
    opacity: 0;
    transition: opacity .4s ease-in-out .3s
}

.o-menu__socials {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: 0 4.1666666667%;
    opacity: 0;
    transition: opacity .4s ease-in-out .3s
}

.o-panels__item {
    transition: background-color 1s ease
}

.o-panels__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: flex;
    width: 50vw;
    height: 100%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw)
}

.o-panels__item,
.o-panels__item:before {
    background-color: var(--color)
}

.o-panels2 {
    overflow: hidden
}

.o-panels2__container,
.o-panels3__container {
    position: relative;
    z-index: 1;
    padding: 0 4.1666666667%;
    padding-bottom: 1.5rem;
    background-color: var(--color);
    opacity: var(--opacity, 1);
    transition: background-color 1s ease
}

.o-panels3__container .o-panels3__content .m-panelContent__right {
    display: flex;
    padding: 3rem 0 0;
    align-items: center;
}

.m-panelContent__right.lottie-wrapper {
    max-width: 40rem;
    padding: 0;
}
@media only screen and (min-width: 1025px) {
    .o-panels3__content.-animate {
        align-items: flex-start;
    }
}







.o-panels2 .row {
    z-index: 1
}

.o-panels2__item,
.o-panels3__item {
    --scroll-progress: 0;
    position: relative;
    z-index: var(--index, 1);
    transform-origin: center bottom
}

.o-panels2__item:before,
.o-panels3__item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: flex;
    width: 50vw;
    height: 100%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    background-color: var(--color);
    transition: background-color 1s ease
}

.o-panels2__title,
.o-panels3__title {
    position: relative;
    z-index: 1;
    padding: 1.5rem 0
}

.o-panels2__content,
.o-panels3__content {
    z-index: 1
}

.o-panels2.-activitiesIndex .o-panels2__container,
.o-panels2.-activitiesIndex .o-panels3__container {
    padding-bottom: 0
}

.o-panels2.-activitiesItem,
.o-panels3.-activitiesItem {
    position: relative
}

.o-panels2.-activitiesItem:after,
.o-panels3.-activitiesItem:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0%;
    z-index: 0;
    width: 50%;
    height: 26rem;
    max-height: 100%;
    background-color: var(--nBlue50)
}

.o-productFeatures .a-image {
    margin-bottom: 3rem
}

.o-productFeatures .a-image img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 360/260
}

.o-productFeatures .a-button {
    margin-top: 3rem
}

.o-pushBlogItems__content {
    display: flex;
    flex-flow: row wrap;
    gap: 3rem;
    padding: 3rem 0
}

.o-pushBlogItems__content.-left {
    padding-right: 4.5454545455%
}

.o-pushBlogItems__content.-right {
    padding-left: 4.5454545455%
}

.o-pushBlogItems__title {
    position: relative;
    z-index: 1
}

.o-pushBlogItems__list {
    position: relative;
    z-index: 1;
    display: flex;
    flex-flow: row wrap;
    gap: 3rem;
    width: 100%
}

.o-pushBlogItems .m-blogCard {
    width: 100%
}

.o-pushBlogItems.-home {
    position: relative;
    z-index: 1;
    background: linear-gradient(to bottom, #d3effd, #d3effd00)
}

.o-pushBlogItems.-home.-bottom {
    background: linear-gradient(0deg, #d3effd, #d3effd00)
}

.o-sliderSection {
    overflow: hidden
}

.o-sliderSection__content {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.o-sliderSection__content.-right {
    padding-left: 4.347826087%
}

.o-sliderSection__content.-left {
    padding-right: 4.347826087%
}

.o-sliderSection__title {
    position: relative;
    z-index: 1;
    margin-bottom: 3rem
}

.o-sliderSection__link {
    width: 100%;
    height: 0;
    text-align: center
}

.o-sliderSection__link .a-button {
    position: relative;
    z-index: 2;
    transform: translateY(-44px)
}

.o-sliderSection.-activity .m-slider,
.o-sliderSection.-activityHome .m-slider {
    --item-size: 1.2
}

.t-contact__formText .m-textContent,
.t-contact__contact {
    margin-bottom: 3rem
}

.t-contact__links {
    display: flex;
    flex-flow: column wrap;
    gap: 1.5rem;
    margin-bottom: 3rem
}

.t-contact__linksContact a {
    display: block
}

.t-contact__findUs {
    margin-bottom: 1rem
}

.t-contact__socials {
    display: flex;
    flex-flow: row wrap;
    gap: .5rem;
    align-items: center
}

.t-error__wrapper {
    display: grid;
    gap: 1.5rem;
    align-content: center;
    justify-items: center;
    min-height: 100vh;
    text-align: center
}

.t-error__logo {
    width: 18.5rem;
    height: 4.8rem
}

.t-home__heroWrapper {
    position: relative;
    z-index: 1;
    display: grid;
    background: linear-gradient(180deg, #d3effd00, var(--nBlue75) 95%)
}

.t-home .o-sliderSection {
    opacity: 0;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1)
}

.is-loaded .t-home .o-sliderSection {
    opacity: 1;
    transition: opacity 1s cubic-bezier(.19, 1, .22, 1) 1.5s
}

.t-home__blogKeysWrapper {
    position: relative
}

.t-home__blogKeysWrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-color: var(--nBlue50)
}

.t-home__blogKeysWrapper:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: var(--nBlue50);
    opacity: .3
}

.t-page {
    transition: opacity .8s cubic-bezier(.23, 1, .32, 1)
}

.is-loading .t-page {
    opacity: 0
}

.t-productsitem .m-breadcrumb {
    margin-bottom: 0
}

.t-productsitem__section {
    padding-top: 3rem;
    padding-bottom: 6rem
}

.t-productsitem__scroller {
    position: relative
}

.t-productsitem__detailsContainer {
    margin-top: calc(-50vh - 3rem)
}

.t-productsitem__details {
    padding: 3rem 4.1666666667% 9rem
}

.t-productsitem__placeholder {
    width: 100%;
    height: 50vh;
    margin-bottom: 3rem
}

.t-productsitem__detailsContent {
    position: relative;
    z-index: 2;
    margin-bottom: 3rem
}

.t-productsitem__link {
    position: relative;
    z-index: 2;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 4.1666666667%
}

.t-productsitem__link span {
    margin-right: 1.5rem
}

.t-productsitem__legend {
    padding: 3rem 0
}

.t-productsitem__product {
    position: relative;
    z-index: 2;
    height: calc(100vh + 6rem);
    margin-top: calc(-50vh - 3rem);
    pointer-events: none
}

.t-productsitem__product .row {
    align-items: flex-start;
    height: 100%
}

.t-productsitem__productSticky {
    position: sticky;
    top: 9rem;
    height: 50vh
}

.t-productsitem__productSticky img {
    position: absolute;
    top: 50%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    max-height: 100%;
    transition: transform .5s ease-in-out;
    transform: translate(-50%, -50%)
}

.t-productsitem__productSticky.-exploded.-noExplose img {
    transform: translate(-50%, -50%)
}

.t-productsitem__productSticky.-exploded img {
    transform: translate(calc(-50% * var(--percent, 0) - 40%), calc(15% * var(--percent, 0) - 55%))
}

.t-productsitem__useCases {
    padding-bottom: 6rem
}

.f-footer {
    position: relative;
    gap: 3rem
}
.f-footer__logos {
    display: flex;
    justify-content: space-between;
    gap: 4rem;
}
.f-netoloji-logo {
    width: 100%;
    aspect-ratio: 165 / 52;
}
.f-footer__logos .-great-place-badge {
    display: flex;
    width: auto;
    max-height: 130px;
    aspect-ratio: 92 / 130;
}

@media only screen and (min-width: 1025px) {
    .a-button.-icon {
        width: 6rem;
        height: 6rem
    }

    .a-logo.-md {
        width: 10rem;
        height: 7rem
    }

    .a-separator {
        height: 6rem
    }

    .m-blogCard.-md {
        flex-flow: row nowrap;
        align-items: center;
        padding-bottom: 0
    }

    .m-blogCard.-md .m-blogCard__cover {
        flex-shrink: 0;
        width: 36rem;
        margin-right: 6rem;
        margin-bottom: 0
    }

    .m-blogCard.-md footer {
        justify-content: flex-start;
        order: 4;
        margin-top: 1.5rem
    }

    .m-blogCard.-md footer p:first-child:after {
        content: "";
        position: relative;
        top: -.2rem;
        display: inline-block;
        vertical-align: middle;
        width: .7rem;
        height: .7rem;
        margin: 0 1rem;
        border-radius: 50%;
        background-color: #0d0a42
    }

    .m-blogCard.-md footer .a-link {
        position: relative;
        bottom: 0;
        left: 0;
        margin-left: 1.5rem
    }

    .m-blogCard.-xl {
        flex-flow: row nowrap;
        align-items: center;
        padding-bottom: 0
    }

    .m-blogCard.-xl .m-blogCard__cover {
        flex-shrink: 0;
        width: 48rem;
        margin-right: 6rem;
        margin-bottom: 0
    }

    .m-blogCard.-xl .m-blogCard__content {
        min-height: 100%
    }

    .m-blogCard.-xl .tx-xs {
        margin-top: 6rem
    }

    .m-blogCard.-xl .a-logo {
        margin-bottom: auto
    }

    .m-breadcrumb ul {
        flex-flow: row wrap
    }

    .m-carbon span {
        padding: 1.4rem 2rem
    }

    .m-form {
        grid-template-columns: repeat(4, 1fr)
    }

    .m-form>.-col2 {
        grid-column: span 2
    }

    .m-form>.-col3 {
        grid-column: span 3
    }

    .m-form>.-col4 {
        grid-column: span 4
    }

    .m-formCallback {
        max-width: 50rem
    }

    .m-navPage.-resource {
        padding: 0 0 6rem
    }

    .m-navPage li:last-child {
        padding-right: 0
    }

    .m-navPage {
        padding: 6rem 0
    }

    .m-navPage ul {
        flex-flow: row wrap
    }

    .m-newsletter__button.a-button.-primary {
        padding: 1.5rem 2rem
    }

    .m-newsletter__button {
        top: 3.3rem
    }

    .m-newsletter {
        width: 47.619047619%
    }

    .m-panelActivity.o-panels2__content,
    .m-panelActivity.o-panels3__content {
        padding-bottom: 6rem
    }

    .m-panelActivity__content {
        width: 50%;
        margin-bottom: initial;
        padding-bottom: 6rem
    }

    .m-panelActivity__content .a-button {
        margin-top: auto
    }

    .m-panelActivity__image {
        position: absolute;
        bottom: 0;
        left: calc(50% - 5vw);
        width: 55vw;
        height: 100%;
        margin: 0
    }

    .m-panelActivity__image img {
        -o-object-fit: contain;
        object-fit: contain;
        height: 100%;
        -o-object-position: right bottom;
        object-position: right bottom
    }

    .m-panelContent {
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-end;
        justify-content: space-between;
        padding-bottom: 6rem
    }

    .m-panelContent__left:not(.-large) {
        width: 50%
    }

    .m-panelContent__left.-small {
        width: 38.0952380952%
    }

    .m-panelContent__image img {
        width: 34rem;
        height: 12rem
    }

    .m-panelContent__thumbnail {
        width: 33.3333333333%
    }

    .m-panelProductCat__link {
        display: flex;
        order: 2;
        height: initial;
        margin-top: 3rem
    }

    .m-panelProductCat__link .a-button {
        transform: initial
    }

    .m-panelProductCat {
        padding-bottom: 6rem
    }

    .m-panelProductCat .m-textContent {
        width: 52.1739130435%;
        margin-bottom: 6rem
    }

    .m-panelProductItem .m-panelContent__right {
        position: relative;
        width: 28.5714285714%
    }

    .m-panelProductItem.o-panels2__content,
    .m-panelProductItem.o-panels3__content {
        padding-top: 3rem;
        padding-bottom: 4.5rem
    }

    .m-panelProductItem__title.o-panels2__title,
    .m-panelProductItem__title.o-panels3__title {
        padding-top: 6rem
    }

    .m-panelProduct {
        display: flex;
        flex-flow: row nowrap;
        align-items: stretch;
        justify-content: space-between;
        height: 100%
    }

    .m-panelProduct__content {
        flex-flow: column nowrap;
        align-items: flex-start;
        width: 57.1428571429%;
        margin-bottom: 0;
        padding-bottom: 6rem
    }

    .m-panelProduct .m-textContent {
        margin-bottom: auto
    }

    .m-panelProduct__image {
        width: 42.8571428571%
    }

    .m-share {
        padding: 6rem 0
    }

    .m-share__content {
        width: initial;
        padding: 3rem
    }

    .m-share__content p {
        width: auto;
        margin-right: 3rem
    }

    .m-share__content .a-button {
        width: 4rem;
        height: 4rem
    }

    .m-share__content .a-button:not(:last-child) {
        margin-right: 1rem
    }

    .m-sliderCard__newTag {
        right: 3rem
    }

    .m-sliderCard {
        gap: 1.5rem;
        padding: 3rem
    }

    .m-slider__slide {
        flex: 0 0 calc(100% / var(--item-size) - 3rem);
        padding-right: 3rem
    }

    .m-slider__progress {
        display: flex
    }

    .m-slider__controls {
        flex-direction: column;
        justify-content: flex-end;
        order: -1;
        margin-top: 0
    }

    .m-slider {
        --item-size: 3.25;
        --item-spacing: 3rem;
        display: flex;
        flex-flow: row nowrap;
        gap: 4.7619047619%
    }

    .m-socials {
        align-items: flex-end;
        width: 28.5714285714%
    }

    .m-subNavItem:hover {
        color: #99a2b9
    }

    .b-accordeons:after {
        height: 45rem
    }

    .b-accordeons__title {
        padding: 9rem 0
    }

    .b-cardsImages__inner {
        gap: 7.5rem;
        padding: 0 4.5454545455%
    }

    .b-cardsImages__title {
        width: 50%
    }

    .b-cardsImages__list {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem
    }

    .b-cardsImages__item {
        gap: 1.5rem;
        padding: 3rem;
        aspect-ratio: 380/240
    }

    .b-cardsImages .a-image {
        width: 6.4rem;
        height: 6.4rem
    }

    .b-cardsImages {
        padding: 9rem 0
    }

    .b-formBuilder {
        padding-bottom: 6rem
    }

    .b-formBuilder.-padTop {
        padding-top: 6rem
    }

    .b-formBuilder__content,
    .b-formBuilder .m-form {
        padding: 6rem
    }

    .b-push3d .m-textContent {
        max-width: 54.5454545455%;
        margin: 1.5rem 0
    }

    .b-push3d {
        padding: 12rem 0
    }

    .b-push__inner {
        gap: 1.5rem;
        padding: 7.5rem 4.5454545455%
    }

    .b-push .tx-plg {
        max-width: 50%
    }

    .b-push .a-button {
        margin-left: auto
    }

    .b-push {
        padding-bottom: 6rem
    }

    .b-push.-padTop {
        padding-top: 6rem
    }

    .b-recruitment__inner {
        padding: 9rem 4.5454545455%
    }

    .b-recruitment__suptitle {
        margin-bottom: 6rem
    }

    .b-recruitment__intro {
        justify-content: space-between
    }

    .b-recruitment__content {
        flex-basis: 50%
    }

    .b-recruitment__push {
        flex-basis: 40%;
        padding: 6rem
    }

    .b-recruitment .m-slider {
        margin-top: 6rem
    }

    .b-textImage__inner {
        gap: 6rem 0;
        padding: 9rem 4.5454545455%
    }

    .b-textImage__intro {
        flex-basis: 75%
    }

    .b-textImage__left {
        flex-basis: 55%;
        gap: 6rem
    }

    .b-textImage__right {
        flex-basis: 30%
    }

    .b-textImage.-revert .b-textImage__left {
        order: 2
    }

    .b-textImage.-big .b-textImage__inner {
        align-items: center
    }

    .b-textImage.-big .b-textImage__left,
    .b-textImage.-big .b-textImage__right {
        flex-basis: 45%
    }

    .b-text__inner {
        padding: 9rem 21.7391304348% 9rem 4.347826087%
    }

    .b-text__suptitle {
        margin-bottom: 6rem
    }

    .b-titleTextImage__inner {
        gap: 6rem 0;
        padding: 9rem 4.5454545455%
    }

    .b-titleTextImage__title {
        flex-basis: 75%
    }

    .b-titleTextImage__left {
        flex-basis: 55%;
        gap: 6rem
    }

    .b-titleTextImage__right {
        flex-basis: 30%
    }

    .b-titleTextImage.-revert .b-titleTextImage__left {
        order: 2
    }

    .b-titleTextImage.-big .b-titleTextImage__inner {
        align-items: center
    }

    .b-titleTextImage.-big .b-titleTextImage__left,
    .b-titleTextImage.-big .b-titleTextImage__right {
        flex-basis: 45%
    }

    .b-twoColumns .-left .b-twoColumns__inner {
        padding: 9rem 4.347826087% 9rem 8.6956521739%
    }

    .b-twoColumns .-left .b-twoColumns__left,
    .b-twoColumns .-left .b-twoColumns__right {
        flex-basis: 45%
    }

    .b-twoColumns .-left .b-twoColumns__right {
        margin-left: 10%
    }

    .b-twoColumns__inner {
        gap: 6rem 0;
        padding: 9rem 4.347826087%
    }

    .b-twoColumns__intro {
        flex-basis: 75%
    }

    .b-twoColumns__left,
    .b-twoColumns__right {
        flex-basis: 42.8571428571%
    }

    .b-twoColumns__right {
        margin-left: 9.5238095238%
    }

    .b-twoColumns.-logos .b-twoColumns__inner {
        overflow: hidden
    }

    .b-twoColumns.-logos .b-twoColumns__right {
        padding-right: 4.7619047619%
    }

    .o-footer__block {
        padding: 6rem 4.1666666667%
    }

    .o-footer__supports .-duplicated {
        display: none
    }

    .o-footer__supports {
        padding: 6rem 0
    }

    .o-footer__newsletterSocials {
        flex-direction: row
    }

    .o-footer__menu {
        gap: 3rem 0
    }

    .o-footer__menuItem {
        gap: 3rem;
        width: 19.0476190476%
    }

    .o-footer__menuSecondary {
        flex-flow: row wrap;
        gap: 6rem
    }

    .o-footer__contact li {
        width: 19.0476190476%
    }

    .o-footer__contact {
        flex-direction: row;
        gap: 0
    }

    .o-footer__legals {
        flex-flow: row-reverse wrap;
        justify-content: space-between;
        padding: 0 4.1666666667%
    }

    .o-footer__menuLegal {
        flex-flow: row wrap;
        gap: 3rem
    }

    .o-footer__eco {
        position: absolute;
        top: 6rem;
        right: 4.347826087%;
        flex-direction: row;
        gap: 1rem;
        align-items: center
    }

    .o-header {
        position: relative;
        margin-bottom: calc(var(--height, 0) * -1);
        padding: 4rem 4.1666666667%
    }

    .o-header__toggle {
        display: none
    }

    .o-header__button .a-labelText {
        display: inline-block
    }

    .o-header__button svg {
        display: none
    }

    .o-header__logo {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20rem;
        height: 5.2rem;
        transform: translate(-50%, -80%)
    }

    .o-header.-sticky {
        top: initial;
        bottom: 100%;
        margin-bottom: 0;
        padding: .75rem 4.1666666667%;
        background-color: initial;
        animation: enterheader .6s ease-in-out forwards;
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem)
    }

    .o-header.-sticky .o-header__logo {
        transform: translate(-50%, -50%)
    }

    .o-header.-sticky .o-menu__nav {
        border-radius: 0;
        border-top-left-radius: .5rem;
        border-top-right-radius: .5rem;
        background-color: initial;
        -webkit-backdrop-filter: initial;
        backdrop-filter: initial
    }

    .o-header.-sticky .o-menu__nav.-active {
        background-color: #f5fbfa
    }

    .o-header.-sticky.-leave {
        animation: leaveheader .15s ease-in-out forwards
    }

    .o-heroBlogItem {
        padding-top: 19rem
    }

    .o-heroBlogItem__content {
        width: 66.6666666667%
    }

    .o-heroBlogItem__grid {
        display: flex;
        flex-flow: row wrap;
        gap: 3rem 4.7619047619%;
        align-items: flex-end
    }

    .o-heroBlogItem .m-breadcrumb {
        margin-bottom: 0
    }

    .o-heroBlogItem .m-textContent {
        width: 85.7142857143%
    }

    .o-heroBlogItem__details {
        gap: 3rem;
        margin-bottom: 3rem
    }

    .o-heroBlogItem .a-image {
        order: 3;
        width: 28.5714285714%;
        margin-bottom: 0
    }

    .o-heroProduct {
        padding-top: 19rem
    }

    .o-heroProduct {
        padding-top: 19rem;
        padding-bottom: 9rem
    }

    .o-heroProduct__sub {
        display: block
    }

    .o-heroProduct__sub ul {
        flex-flow: row wrap;
        gap: 1.5rem
    }

    .o-heroProduct__placeholder {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        max-width: initial;
        transform: translateY(10%)
    }

    .o-heroUseCaseItem {
        padding-top: 19rem
    }

    .o-heroUseCaseItem__grid {
        position: initial;
        display: flex;
        flex-flow: row wrap;
        gap: 0 14.2857142857%;
        align-items: flex-end
    }

    .o-heroUseCaseItem .a-logo {
        margin-bottom: 3rem
    }

    .o-heroUseCaseItem .tx-xl {
        margin-bottom: 6rem
    }

    .o-heroUseCaseItem .m-textContent {
        width: 47.619047619%
    }

    .o-heroUseCaseItem__cover {
        order: 4;
        width: 38.0952380952%
    }

    .o-hero {
        padding-top: 19rem;
        padding-bottom: 9rem
    }

    .o-hero .a-image {
        position: absolute;
        bottom: -9rem;
        left: 50%;
        width: 50vw
    }

    .o-hero.-full .m-textContent {
        width: 60%
    }

    .o-hero:not(.-full) .m-textContent {
        width: 71.4285714286%
    }

    .o-highlightedResource__inner {
        grid-template-columns: 11fr 8fr;
        gap: 9.5238095238%;
        align-items: end;
        padding: 6rem 4.347826087% 6rem 0
    }

    .o-highlightedResource .a-image {
        order: 2
    }

    .o-highlightedResource {
        padding-bottom: 6rem
    }

    .o-homeHero__titleLine:first-child {
        text-align: left
    }

    .o-homeHero__titleLine:last-child {
        margin-left: auto;
        text-align: right
    }

    .o-homeHero__titleLine {
        line-height: 1.1
    }

    .o-homeHero .m-textContent {
        width: 50%
    }

    .o-homeHero {
        padding: 19rem 0 6rem
    }

    .o-homeJobAccordions__intro {
        gap: 9rem;
        padding: 9rem 0
    }

    .o-homeJobAccordions__button {
        padding: 3rem 4.347826087%
    }

    .o-homeKeyFigures__itemText {
        display: inline-block;
        max-width: 20rem;
        margin-top: 3.75rem;
        margin-left: 1.5rem
    }

    .o-homePartners__wrapper {
        padding: 12rem 0
    }

    .o-homeProducts__intro {
        padding: 6rem 4.347826087%
    }

    .o-homeProducts .o-panels2__container {
        min-height: 42rem
    }

    .o-homeProducts .o-panels__contentWrapper {
        flex-flow: row wrap;
        align-items: flex-end;
        justify-content: space-between
    }

    .o-homeProducts .o-panels__contentWrapper .-a {
        display: grid;
        flex-basis: 38.0952380952%;
        gap: 6rem;
        justify-items: start
    }

    .o-homeProducts .o-panels__contentWrapper .-b {
        display: none
    }

    .o-homeProducts .o-panels__contentWrapper .-c {
        flex-basis: 52.380952381%
    }

    .o-homeProducts__productsList li {
        flex-basis: calc(25% - 1.5rem)
    }

    .o-homeProducts__productsList {
        flex-basis: calc(25% - 1.5rem);
        overflow: auto
    }

    .o-homeProducts__button {
        padding: 3rem 4.347826087%
    }

    .o-homeProducts:after {
        height: 43rem
    }

    .o-menu__link {
        transition: color .4s ease
    }

    .o-menu__link.-current,
    .o-menu__link:hover {
        color: #99a2b9
    }

    .o-menu {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-between;
        width: 100%;
        margin-right: 1rem
    }

    .o-menu__back {
        display: none
    }

    .o-menu__subnav {
        position: absolute;
        top: calc(100% + 1px);
        right: -1px;
        left: -1px;
        display: none;
        border-right: 1px solid #99a2b9;
        border-bottom: 1px solid #99a2b9;
        border-left: 1px solid #99a2b9;
        border-bottom-right-radius: .5rem;
        border-bottom-left-radius: .5rem;
        background-color: #f5fbfa;
        opacity: 0;
        transition: opacity .6s cubic-bezier(.23, 1, .32, 1)
    }

    .o-menu__link {
        display: inline-block;
        padding: 1.5rem .75rem
    }

    .o-menu__link .o-menu__arrow {
        display: none
    }

    .o-menu__link+.o-menu__subnav li {
        opacity: 0;
        transition: opacity .4s ease-in-out calc(var(--delay, 0s) + .1s), color .2s ease-out
    }

    .o-menu__link.-active+.o-menu__subnav {
        opacity: 1
    }

    .o-menu__link.-active+.o-menu__subnav li {
        opacity: 1
    }

    .o-menu__footer,
    .o-menu__socials {
        display: none
    }

    .o-menu__nav {
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0);
        border-radius: .5rem;
        background-color: #ffffff80;
        transition: border-color .3s, background-color .3s
    }

    .o-menu__nav.-active {
        border-color: #99a2b9;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        background-color: #f5fbfa
    }

    .o-menu__list {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .o-menu__list>li:first-child .o-menu__link {
        padding-left: 3rem
    }

    .o-menu__list>li:last-child .o-menu__link {
        padding-right: 3rem
    }

    .o-panels2__container {
        min-height: 52rem
    }

    .o-panels2__item,
    .o-panels3__item {
        opacity: calc(1 - var(--scroll-progress));
        transform: translateY(calc(100% * var(--scroll-progress)))
    }

    .o-panels2.-activitiesIndex .m-panelActivity__content {
        min-height: 33rem;
        padding: 0
    }

    .o-panels2.-activitiesIndex .o-panels2__title,
    .o-panels2.-activitiesIndex .o-panels3__title {
        padding-top: 6rem
    }

    .o-panels2.-activitiesItem:after {
        height: 45rem
    }

    .o-panels2.-activitiesItem .a-button {
        margin-top: 9rem
    }

    .o-panels2__title,
    .o-panels3__title {
        padding: 3rem 0
    }

    .o-panels2__content,
    .o-panels3__content {
        padding-bottom: 3rem
    }

    .o-productFeatures .a-image {
        margin-bottom: 0
    }

    .o-productFeatures .a-image img {
        aspect-ratio: 1/1
    }

    .o-pushBlogItems__content {
        gap: 6rem;
        padding: 9rem 0
    }

    .o-pushBlogItems__content.-left {
        padding-right: 8.3333333333%
    }

    .o-pushBlogItems__content.-right {
        padding-left: 4.1666666667%
    }

    .o-pushBlogItems__list {
        gap: 6rem
    }

    .o-pushBlogItems .m-blogCard.-md .m-blogCard__cover {
        width: 30%;
        margin-right: 5%
    }

    .o-pushBlogItems.-sm .o-pushBlogItems__list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem
    }

    .o-sliderSection__content {
        display: grid;
        grid-template-columns: 59.0909090909% 40.9090909091%;
        gap: 9rem 0;
        padding-top: 9rem;
        padding-bottom: 9rem
    }

    .o-sliderSection__title {
        order: 1;
        margin-bottom: 0
    }

    .o-sliderSection__link {
        display: flex;
        justify-content: flex-end;
        order: 2;
        height: initial
    }

    .o-sliderSection__link .a-button {
        transform: initial
    }

    .o-sliderSection .m-slider {
        flex-flow: row nowrap;
        grid-column: 1/3;
        gap: 4.5454545455%;
        order: 3
    }

    .o-sliderSection.-activity .m-slider {
        --item-size: 2.4
    }

    .o-sliderSection.-activityHome .m-slider {
        --item-size: 2.55
    }

    .t-contact__formText .m-textContent {
        margin-bottom: 6rem
    }

    .t-contact__links {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 6rem
    }

    .t-error__wrapper {
        gap: 3rem
    }

    .t-error__logo {
        margin-bottom: 3rem
    }

    .t-productsindex .o-panels2__item {
        transform: none
    }

    .t-productsitem__productSticky.-exploded.-noExplose img {
        transform: translate(-45%, -50%)
    }

    .t-productsitem .o-panels2__item .o-panels2__container {
        min-height: unset
    }

    .t-productsitem__section {
        padding-top: 12rem;
        padding-bottom: 12rem
    }

    .t-productsitem__details {
        padding-top: 9rem;
        padding-bottom: 9rem
    }

    .t-productsitem__legend {
        padding: 6rem 0
    }

    .t-productsitem__link {
        padding: 4.5rem 4.1666666667%
    }

    .t-productsitem__detailsContainer {
        margin-top: initial
    }

    .t-productsitem__detailsContent {
        width: 60%;
        margin-bottom: 14rem
    }

    .t-productsitem__placeholder {
        order: 2;
        height: 80vh;
        margin-bottom: 0
    }

    .t-productsitem__product {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin-top: 0;
        padding-top: 19rem;
        padding-bottom: 9rem
    }

    .t-productsitem__productSticky {
        top: 14rem;
        height: 70vh
    }

    .t-productsitem__productSticky img {
        transform: translate(-45%, -50%)
    }

    .t-productsitem__productSticky.-exploded img {
        transform: translate(calc(-140% * var(--percent, 0) - 30%), calc(17% * var(--percent, 0) - 55%))
    }

    .t-productsitem__useCases {
        padding-bottom: 12rem
    }
}

@media only screen and (min-width: 1367px) {

    .m-panelActivity__content,
    .m-panelContent__left {
        width: 33.3333333333%
    }

    .o-homeHero__titleLine span.-line:before {
        width: 30rem;
        height: 1.1rem;
        margin-right: 40px
    }
}

@media only screen and (max-width: 1024px) {
    .m-blogCard.-xl .m-blogCard__cover {
        margin-bottom: 4.5rem
    }

    .m-blogCard.-xl .a-logo {
        position: absolute;
        top: 0;
        left: 1.5rem;
        width: 6rem;
        height: 5.3rem;
        margin-top: 77.7777777778%;
        transform: translateY(-50%)
    }

    .m-langs .a-button {
        width: 4rem;
        height: 4rem;
        padding: 1rem
    }

    .m-sliderCard.-job {
        padding: 1.5rem
    }

    .m-subNavItem .a-svg {
        opacity: 0
    }

    .b-recruitment__inner,
    .b-twoColumns__marquee {
        overflow: hidden
    }

    .o-footer__supports .m-marquee__viewport {
        animation: marquee 20s linear infinite
    }

    .o-footer__supportsTitle {
        text-align: center
    }

    .o-footer__eco p {
        flex-basis: 100%
    }

    .o-header__button {
        height: 4rem;
        padding: 1rem
    }

    .o-header.-open .o-header__toggle {
        background-color: var(--nBlue50)
    }

    .o-header.-open .o-menu {
        opacity: 1
    }

    .o-header.-open .o-menu .o-menu__link,
    .o-header.-open .o-menu .o-menu__footer,
    .o-header.-open .o-menu .o-menu__socials {
        opacity: 1;
        transition: opacity .4s ease-in-out calc(var(--delay, 0s) + .1s)
    }

    .o-header.-submenu.-open .o-menu__link,
    .o-header.-submenu.-open .o-menu__footer,
    .o-header.-submenu.-open .o-menu__socials {
        opacity: 0;
        transition-delay: 0s
    }

    .o-heroUseCaseItem .a-logo {
        position: absolute;
        top: 0;
        left: 1.5rem;
        z-index: 2;
        width: 6rem;
        height: 5.3rem;
        margin-top: 75%;
        margin-right: 0;
        transform: translateY(-50%)
    }

    .o-homeHero .a-button {
        margin-top: 1.5rem
    }

    .o-homeHero .m-textContent {
        gap: 1rem
    }

    .o-homeJobAccordions .o-panels__section {
        flex-wrap: wrap;
        padding-bottom: 3rem
    }

    .o-homeKeyFigures__wrapper {
        padding: 3rem 0;
        text-align: center
    }

    .o-homeKeyFigures__itemNumber {
        display: block;
        margin-bottom: .5rem
    }

    .o-homePartners__wrapper {
        min-height: 100svh
    }

    .o-homePartners__line.-left {
        top: -40vw;
        right: calc(50% - .5rem);
        background: linear-gradient(to bottom, #0d0a4200, #0d0a42)
    }

    .o-homePartners__line.-right {
        top: 50%;
        bottom: 0;
        left: calc(50% - .5rem);
        background: linear-gradient(to top, #0d0a4200, #0d0a42);
        transform-origin: bottom
    }

    .o-homePartners__line {
        width: 1rem !important;
        height: 51svh
    }

    .o-homePartners__inner {
        align-self: center
    }

    .o-homeProducts .o-panels2__container {
        min-height: 90svh
    }

    .o-homeProducts .o-panels2__title,
    .o-homeProducts .o-panels3__title {
        padding-bottom: 3rem
    }

    .o-homeProducts .m-panelContent {
        padding-bottom: 0
    }

    .o-homeProducts .o-panels__contentWrapper .-a .a-button {
        display: none
    }

    .o-menu {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
        display: none;
        overflow-y: auto;
        width: 100%;
        height: 100%;
        padding: 8rem 0 4rem;
        background-color: #f5fbfabf;
        opacity: 0;
        transition: opacity .6s cubic-bezier(.23, 1, .32, 1);
        -webkit-backdrop-filter: blur(1rem);
        backdrop-filter: blur(1rem)
    }

    .o-menu__subnav {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: none;
        width: 100%;
        height: 100%;
        padding-top: 8rem
    }

    .o-menu__subnav>li {
        opacity: 0;
        transition: opacity .4s ease-in-out
    }

    .o-menu__link {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 6.1rem;
        padding: 1rem 4.1666666667%;
        border-bottom: 1px solid #99a2b9;
        font-size: 1.8rem;
        text-align: left;
        opacity: 0;
        transition: opacity .4s ease-in-out .3s
    }

    .o-menu__link .o-menu__arrow {
        margin-left: auto
    }

    .o-menu__link.-active+.o-menu__subnav li {
        opacity: 1;
        transition: opacity .4s ease-in-out calc(var(--delay, 0s) + .1s)
    }

    .o-menu__back button {
        display: flex;
        align-items: center;
        width: 100%;
        border-top: 1px solid #99a2b9;
        border-bottom: 1px solid #99a2b9
    }

    .o-menu__back button .o-menu__arrow {
        margin-right: 1rem
    }

    .o-menu__nav.-left {
        border-top: 1px solid #9ab6c9
    }

    .o-menu__nav.-right {
        margin-bottom: 3rem
    }

    .o-panels2__title,
    .o-panels3__title,
    .o-panels2__content,
    .o-panels3__content {
        opacity: calc(1 - var(--scroll-progress))
    }
}

@media only screen and (min-width: 1025px) {
    .o-footer__logo {
        width: 280px;
    }
}

@media (hover: hover) and (any-pointer: fine) {

    .a-button.-icon:hover:not([aria-disabled]),
    .a-button.-icon:focus:not([aria-disabled]) {
        background-color: var(--nBlue60)
    }

    .a-button:hover:not([aria-disabled]) .a-button__leftDot,
    .a-button:focus:not([aria-disabled]) .a-button__leftDot {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) 0s;
        transform: translateY(-50%) translate(0) scale(0)
    }

    .a-button:hover:not([aria-disabled]) .a-button__leftDot+.a-labelText,
    .a-button:focus:not([aria-disabled]) .a-button__leftDot+.a-labelText {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
        transform: translate(-1.6rem)
    }

    .a-button:hover:not([aria-disabled]).-contact,
    .a-button:focus:not([aria-disabled]).-contact {
        background-color: #c3e8fa
    }

    .a-button:hover:not([aria-disabled]) .a-button__rightDot:before,
    .a-button:focus:not([aria-disabled]) .a-button__rightDot:before {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
        transform: translate(0) scale(1)
    }

    .a-button:hover:not([aria-disabled]) .a-button__rightDot:after,
    .a-button:focus:not([aria-disabled]) .a-button__rightDot:after {
        animation: animateIn 2.4s cubic-bezier(.19, 1, .22, 1) .2s forwards
    }

    .a-link:hover:not([aria-disabled]) .a-labelText,
    .a-link:focus:not([aria-disabled]) .a-labelText {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
        transform: translate(-1.6rem)
    }

    .a-link:hover:not([aria-disabled]) .a-button__leftDot,
    .a-link:focus:not([aria-disabled]) .a-button__leftDot {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) 0s;
        transform: translateY(-50%) translate(0) scale(0)
    }

    .a-link:hover:not([aria-disabled]) .a-button__rightDot:before,
    .a-link:focus:not([aria-disabled]) .a-button__rightDot:before {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
        transform: translate(-50%) scale(1)
    }

    .a-link:hover:not([aria-disabled]) .a-button__rightDot:after,
    .a-link:focus:not([aria-disabled]) .a-button__rightDot:after {
        animation: animateIn 2.4s cubic-bezier(.19, 1, .22, 1) .2s forwards
    }

    .m-blogCard:hover .a-link .a-labelText,
    .m-blogCard:focus .a-link .a-labelText {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
        transform: translate(-1.6rem)
    }

    .m-blogCard:hover .a-link .a-button__leftDot,
    .m-blogCard:focus .a-link .a-button__leftDot {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) 0s;
        transform: translateY(-50%) translate(0) scale(0)
    }

    .m-blogCard:hover .a-link .a-button__rightDot:before,
    .m-blogCard:focus .a-link .a-button__rightDot:before {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
        transform: translate(-50%) scale(1)
    }

    .m-blogCard:hover .a-link .a-button__rightDot:after,
    .m-blogCard:focus .a-link .a-button__rightDot:after {
        animation: animateIn 2.4s cubic-bezier(.19, 1, .22, 1) .2s forwards
    }

    .m-breadcrumb ul {
        flex-flow: row wrap
    }

    .m-breadcrumb {
        overflow: auto
    }

    .m-navPage nav {
        overflow: auto
    }

    .m-navPage ul {
        flex-flow: row wrap
    }

    .o-footer a.tx-labmd:hover,
    .o-footer a.tx-labsm:hover {
        opacity: .5
    }

    /* .o-header__logo .a-svg.-logo-shape:hover {} */

    .o-highlightedResource:hover .a-link .a-labelText,
    .o-highlightedResource:focus .a-link .a-labelText {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
        transform: translate(-1.6rem)
    }

    .o-highlightedResource:hover .a-link .a-button__leftDot,
    .o-highlightedResource:focus .a-link .a-button__leftDot {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) 0s;
        transform: translateY(-50%) translate(0) scale(0)
    }

    .o-highlightedResource:hover .a-link .a-button__rightDot:before,
    .o-highlightedResource:focus .a-link .a-button__rightDot:before {
        transition: transform 1.2s cubic-bezier(.19, 1, .22, 1) .2s;
        transform: translate(-50%) scale(1)
    }

    .o-highlightedResource:hover .a-link .a-button__rightDot:after,
    .o-highlightedResource:focus .a-link .a-button__rightDot:after {
        animation: animateIn 2.4s cubic-bezier(.19, 1, .22, 1) .2s forwards
    }

    .o-homeJobAccordions__buttonWrapper:hover,
    .o-homeJobAccordions__buttonWrapper:hover:before {
        background-color: var(--nBlue50)
    }

    .o-homeJobAccordions__buttonWrapper:hover .a-button {
        background-color: var(--nBlue50);
        transform: translate(1.6rem)
    }

    .o-homeProducts__buttonWrapper:hover,
    .o-homeProducts__buttonWrapper:hover:before {
        background-color: var(--nBlue50)
    }

    .o-homeProducts__buttonWrapper:hover .a-button {
        background-color: var(--nBlue50);
        transform: translate(1.6rem)
    }
}

@media print {

    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

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

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

    thead {
        display: table-header-group
    }

    tr,
    img {
        page-break-inside: avoid
    }

    img {
        max-width: 100% !important
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}


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

.justify-content-center {
    justify-content: center !important;
}

.align-items-center {
    align-items: center !important;
}

.align-item-start {
    align-items: flex-start !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pt-0 {padding-top: 0 !important;}
.pt-5 {padding-top: 5rem !important;}
.pt-10 {padding-top: 10rem !important;}

.py-5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.gp-3 {
    gap: 3rem !important;
}