@import url("https://use.typekit.net/xzh7yjf.css");/* START hero */.hero {    height: 80vh;}.hero .uniformSpacing {    z-index: 3;    display: flex;    align-items: center;    height: 100%;    gap: 2em;}.hero .uniformSpacing > div {    width: 50%;}.hero .uniformSpacing .containerImg svg {    position: absolute;    top: 0;    right: 0;    width: auto;    height: 100%;    max-width: 45%;    object-fit: contain;    object-position: top left;}.hero .uniformSpacing .containerImg svg .bgImageSvg {    width: 100%;    height: 100%;    background-size: cover;    background-position: center;    background-repeat: no-repeat;}.hero .uniformSpacing .containerImg svg .editor-bg-btn{    left: initial;    right: 0;}@media screen and (max-width: 1500px) {    .hero, .hero .introText {        position: relative;        z-index: 10;    }    .hero:after {        content: "";        position: absolute;        top: 0;        left: 0;        width: 100%;        height: 100%;        z-index: 0;        background-color: #ffffff;        opacity: .8;    }    .hero .uniformSpacing {        flex-direction: column;        justify-content: center;    }    .hero .uniformSpacing > div {        width: 100%;    }    .hero .uniformSpacing .containerImg svg {        max-height: initial;        height: 100%;        width: auto;        max-width: initial;        object-fit: cover;        object-position: center;    }}/* END headerVideo *//* END headerVideo */.realisations {    display: flex;    flex-direction: column;    gap: 2.5em;}.realisations .filters {    display: flex;    justify-content: center;    gap: 1em;    flex-wrap: wrap;}.realisations .filters p {    padding: .5em 1em;    opacity: .6;    transition: ease all .3s;    cursor: pointer;}.realisations .filters p.actif,.realisations .filters p:hover {    opacity: 1;}.realisations .realisationContainer {    display: flex;    flex-wrap: wrap;}.realisations .realisationContainer div {    display: flex;    flex-direction: column;    gap: 1.5em;    padding: 5em;    position: relative;    width: calc(100% / 3);    height: auto;    aspect-ratio: 5/4;    transition: ease all .3s;    overflow: hidden;}.realisations .realisationContainer div:after {    content: " ";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: black;    opacity: .2;    transition: ease all .3s;}.realisations .realisationContainer div:hover:after {    opacity: .5;}.realisations .realisationContainer div p,.realisations .realisationContainer div h3 {    position: relative;    z-index: 1;}.realisations .realisationContainer div p {    opacity: 0;    transition: ease all .3s;}.realisations .realisationContainer div:hover p {    opacity: 1;}@media screen and (max-width: 1600px) {    .realisations .realisationContainer div {        padding: 3em;    }    .realisations .realisationContainer div p {        height: 100%;        overflow-y: auto;    }}@media screen and (max-width: 1300px) {    .realisations .realisationContainer div {        padding: 2em;        width: calc(100% / 2);    }}@media screen and (max-width: 900px) {    .realisations .realisationContainer div {        padding: 2em;        width: 100%;    }}/* END realisations *//* START doubleImgText */.doubleImgText .uniformSpacing {    display: flex;    gap: 2.5em;    align-items: center;}.doubleImgText.reverse .uniformSpacing {    display: flex;    flex-direction: row-reverse;    gap: 2.5em;    align-items: center;}.doubleImgText .uniformSpacing > div {    width: 50%;}.doubleImgText .uniformSpacing .check_list {    display: flex;    gap: 1em;    width: 80%;    flex-wrap: wrap;}.doubleImgText .uniformSpacing .check_list .element {    display: flex;    gap: .5em;    width: calc((100% - 1em) / 2);    align-items: center;}.doubleImgText .uniformSpacing .check_list .element .svgContainer {    padding: .1em;    border-radius: 100%;}.doubleImgText .uniformSpacing .check_list .element .svgContainer span {    display: flex;}.doubleImgText .uniformSpacing .check_list .element .svgContainer svg {    width: 1em;    height: 1em;}.doubleImgText .uniformSpacing .textContainer {    position: relative;    height: auto;    aspect-ratio: 4/3;}.doubleImgText .uniformSpacing .introText .signature {    font-family: "hello-my-love-pro", sans-serif;    font-weight: 400;    font-style: normal;}.doubleImgText .uniformSpacing .textContainer img,.doubleImgText .uniformSpacing .textContainer span {    position: absolute;    width: 55%;    height: 80%;    object-fit: cover;}.doubleImgText .uniformSpacing .textContainer img:first-child,.doubleImgText .uniformSpacing .textContainer span:first-child {    top: 0;    left: 0;    z-index: 1;}.doubleImgText .uniformSpacing .textContainer img:last-child,.doubleImgText .uniformSpacing .textContainer span:last-child {    bottom: 0;    right: 0;}@media screen and (max-width: 1000px) {    .doubleImgText .uniformSpacing, .doubleImgText.reverse .uniformSpacing {        flex-direction: column;    }    .doubleImgText .uniformSpacing > div {        width: 100%;    }    .doubleImgText .uniformSpacing .check_list {        width: 100%;    }}@media screen and (max-width: 500px) {    .doubleImgText .uniformSpacing .check_list .element {        width: 100%;    }}/* END doubleImgText *//* START certifications*/.certifications .sliderWrapper {    width: 100%;    justify-content: center;}.certifications .sliderWrapper div {    width: 200px;    display: flex;    align-items: center;    aspect-ratio: 1/1;}.certifications .sliderWrapper div img {    width: 100%;    height: 100%;    object-fit: contain;}@media screen and (max-width: 1200px) {    .certifications .sliderWrapper {        justify-content: initial;    }}/* END certifications*/