@keyframes sliding-text{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}
.first-section{background:url("../themes/v1/assets/images/pixel-bg.jpg");background-size:cover;background-repeat:no-repeat}
.clients__container{margin-top:72px;background-color:#fafafa;display:flex;flex-direction:column;align-items:center;justify-content:center}
.clients__container .client__title{width:100%}
.clients__container h1{margin:0;padding-top:99px;margin-bottom:94px;width:100%;font-family:Montserrat;font-size:51px;font-weight:700;line-height:0.98;letter-spacing:2.55px;text-align:center;color:#161716}
.clients__container h1 span{color:#00a3a6}
.clients__container .clients__content{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-bottom:130px}
.clients__container .clients__content .client__card{position:relative;display:flex;align-items:center;justify-content:center;width:40%}
.clients__container .clients__content .client__card .client__card__content{position:absolute;bottom:54px;left:194px;width:506px;background-color:#ffff;display:flex;flex-direction:column;justify-content:center;align-items:start;padding:35px 50px;color:#161716}
.clients__container .clients__content .client__card .client__card__content .client__name{font-family:Montserrat;font-size:51px;font-weight:700;line-height:0.98;letter-spacing:2.55px;text-align:left;color:#161716;margin:0;margin-bottom:17px}
.clients__container .clients__content .client__card .client__card__content .client__type{margin:0;margin-bottom:30px}
.clients__container .clients__content .client__card .client__card__content .client__type em{font-family:Montserrat;font-size:23px;font-weight:300;font-style:italic;line-height:1.17;letter-spacing:1.15px;text-align:left;color:#161716}
.clients__container .clients__content .client__card .client__card__content .client__url{font-size:17px;letter-spacing:0.85px;text-align:left;color:#161716;font-weight:600;padding:13px 18px 14px 16px;border:2px solid #161716;background-color:transparent}
.clients__container .clients__content .client__card:nth-child(1n+2){margin-top:108px}
.clients__container .clients__content .client__card:nth-child(2n+1){margin-top:-108px}
@keyframes counter{from{--num:0}to{--num:360}}
body{overflow-x:hidden}
body .portfolio_home video{background:transparent url("../themes/v1/assets/images/video_loader.webp") 50% 50% no-repeat;background-size:50%}
body .portfolio_home__video{width:100%;height:calc(100vh - 160px);position:relative;z-index:5;position:fixed;top:100px;width:calc(100vw - 120px)}
@media screen and (max-width:767px){body .portfolio_home__video{position:relative;height:auto;top:0;width:100vw;padding-inline:51px}}
@media screen and (min-width:768px) and (max-width:1024px){body .portfolio_home__video{position:relative;height:auto;top:0;width:100vw;padding-inline:51px}}
@media (max-width:1230px){body .portfolio_home__video{padding-inline:51px}}
@media (max-width:600px){body .portfolio_home__video{padding-inline:21px}}
body .portfolio_home__video .video_loader__t{position:absolute;top:0px;left:0px;height:4px;background-color:#00a9a8;z-index:5}
body .portfolio_home__video .video_loader__b{position:absolute;bottom:0px;right:0px;height:4px;background-color:#00a9a8;z-index:5}
body .portfolio_home__video .video_loader__l{position:absolute;top:0px;left:0px;width:4px;background-color:#00a9a8;z-index:5}
body .portfolio_home__video .video_loader__r{position:absolute;bottom:0px;right:0px;width:4px;background-color:#00a9a8;z-index:5}
body .portfolio_home__video .layout-btn-round{cursor:pointer;position:absolute;right:70px;bottom:70px;z-index:4;display:flex;width:150px;height:150px;justify-content:center;align-items:center;border-radius:50%;perspective-origin:100% 50%;transition:letter-spacing 200ms cubic-bezier(0.455,0.03,0.427,0.964);color:#fff;font-size:15px;line-height:1em;text-align:center;letter-spacing:7px;text-decoration:none;text-transform:uppercase;cursor:none}
body .portfolio_home__video .layout-btn-round:after{content:"";width:40px;height:20px;background-image:url("/themes/v1/assets/images/icons/arrow-right.png");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all 300ms;transition:all 300ms}
@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media screen and (max-width:767px){body .portfolio_home__video .layout-btn-round{display:none}}
@media screen and (min-width:768px) and (max-width:1024px){body .portfolio_home__video .layout-btn-round{display:none}}
body .portfolio_home__video .layout-btn-round .layout-text-btn-round{position:relative;z-index:5;display:flex;width:100%;height:100%;margin-right:auto;margin-left:auto;justify-content:center;align-items:center;flex:0 0 auto;border-radius:50%;background-color:transparent;transition:all 0.3s ease;animation:rotating 15s linear infinite}
body .portfolio_home__video .layout-btn-round .layout-text-btn-round img{width:100%;height:100%}
body .portfolio_home__video .layout-btn-round.active{border:2px solid #161716;color:#161716}
body .portfolio_home__video .layout-btn-round.active .button-text{color:#161716}
body .portfolio_home__video .layout-btn-round.active .round-under:before{background-color:#161716}
body .portfolio_home__video .layout-btn-round.active:hover .button-text{color:#fff}
body .portfolio_home__video .video_control{position:absolute;bottom:20px;display:flex;justify-content:center;align-items:center;z-index:2;left:2.5%;column-gap:15px;color:#fff}
@media screen and (max-width:767px){body .portfolio_home__video .video_control{left:10%}}
@media screen and (min-width:768px) and (max-width:1024px){body .portfolio_home__video .video_control{left:10%}}
body .portfolio_home__video .video_control__reload{cursor:pointer;color:#fff;font-size:18px}
body .portfolio_home__video .video_control__reload:hover{color:#00a9a8}
body .portfolio_home__video .video_control__mute{cursor:pointer;color:#fff;font-size:18px}
body .portfolio_home__video .video_control__mute .fa-volume-mute{display:none}
body .portfolio_home__video .video_control__mute .fa-volume-up{display:block}
body .portfolio_home__video .video_control__mute:hover{color:#00a9a8}
body .portfolio_home__video .video_control__mute.muted .fa-volume-mute{display:block}
body .portfolio_home__video .video_control__mute.muted .fa-volume-up{display:none}
body .portfolio_home__video .video_control__fullscreen .fa-compress-alt{display:none}
body .portfolio_home__video .video_control__fullscreen:hover{color:#00a9a8}
body .portfolio_home__video .video_control__fullscreen.fullscreen .fa-expand-alt{display:none}
body .portfolio_home__video .video_control__fullscreen.fullscreen .fa-compress-alt{display:block}
body .portfolio_home__video video{width:100%;height:100%;object-fit:none}
@media screen and (max-width:767px){body .portfolio_home__video video{object-fit:cover}}
@media screen and (min-width:768px) and (max-width:1024px){body .portfolio_home__video video{object-fit:cover}}
.video_background{background-image:url("/themes/v1/assets/images/pixel-bg.jpg");height:100vh;align-items:center;background-repeat:repeat;background-size:contain;pointer-events:all;opacity:1;position:relative}
@media screen and (max-width:767px){.video_background{height:100vh;flex-direction:column;padding-block:35%;row-gap:32px}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background{height:100vh;flex-direction:column;padding-block:35%;row-gap:32px}}
@media screen and (max-width:767px){.video_background{height:auto;min-height:100vh}}
.video_background .video_text{position:absolute;top:34%;left:50%;translate:-50% -50%;color:#161716;width:100%;z-index:1;row-gap:32px}
@media screen and (max-width:767px){.video_background .video_text{position:static;translate:0}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text{position:static;translate:0}}
.video_background .video_text h1{width:55%;margin:0 auto;font-size:45px;text-align:center;padding:0px 40px}
@media screen and (max-width:767px){.video_background .video_text h1{text-align:center;width:100%}.video_background .video_text h1 br{display:none}.video_background .video_text h1 span::after{content:" "}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text h1{text-align:center;width:100%}.video_background .video_text h1 br{display:none}.video_background .video_text h1 span::after{content:" "}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text h1{font-size:35px}}
@media screen and (max-width:767px){.video_background .video_text h1{font-size:32px;padding:0 8px}}
.video_background .video_text .services-list{display:none}
@media screen and (max-width:767px){.video_background .video_text .services-list{display:flex;margin-block:24px;gap:16px;flex-wrap:wrap;padding:0 40px;justify-content:center}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text .services-list{display:flex;margin-block:24px;gap:16px;flex-wrap:wrap;padding:0 40px;justify-content:center}}
@media screen and (max-width:767px){.video_background .video_text .services-list{padding:0 8px}}
.video_background .video_text .services-list .planet{width:12px;aspect-ratio:1;background:#757575;border-radius:50%;position:relative;display:grid;place-content:center;pointer-events:all;pointer-events:none}
.video_background .video_text .services-list .planet img{width:18px}
.video_background .video_text .services-list .planet.clickable{background-color:#00a9a8;aspect-ratio:1;width:max-content;min-width:32px;min-height:32px;padding:12px;z-index:2;rotate:-90deg;pointer-events:all;--circle-scale:1}
.video_background .video_text .services-list .planet.clickable::after{content:"";display:block;position:absolute;inset:0;aspect-ratio:1;border-radius:50%;border:2px solid #00a9a8;scale:var(--circle-scale);transition:all 0.4s ease}
.video_background .video_text .services-list .planet.clickable:hover::after,.video_background .video_text .services-list .planet.clickable.selected::after,.video_background .video_text .services-list .planet.clickable.hover::after{--circle-scale:1.3}
.video_background .video_text .services-list .planet-wrapper,.video_background .video_text .services-list .space .orbit .double-planet-wrapper,.video_background .space .orbit .video_text .services-list .double-planet-wrapper{width:50%;top:50%;left:50%;height:4px;translate:0 -50%;position:absolute;transform-origin:left;rotate:90deg}
.video_background .video_text .service-text{margin-top:32px;text-align:center;position:relative}
@media screen and (max-width:767px){.video_background .video_text .service-text{text-align:center;padding:0 40px}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text .service-text{text-align:center;padding:0 40px}}
@media screen and (max-width:767px){.video_background .video_text .service-text{padding:0 8px;margin:0}}
.video_background .video_text .service-text .service-title{width:100%;overflow:hidden;height:40px;position:relative}
@media screen and (max-width:767px){.video_background .video_text .service-text .service-title{text-align:center}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text .service-text .service-title{text-align:center}}
@media screen and (max-width:767px){.video_background .video_text .service-text .service-title{height:48px}}
.video_background .video_text .service-text .service-title p{font-weight:600;font-size:33px;margin:0;position:absolute;top:50%;left:50%;translate:-50% -50%;width:100%}
@media screen and (max-width:767px){.video_background .video_text .service-text .service-title p{font-size:24px}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text .service-text .service-title p{font-size:24px}}
.video_background .video_text .service-text .service-title p span{color:#161716;display:inline-block;position:relative;top:4em}
.video_background .video_text .service-text .service-paragraph{width:45%;margin:0 auto 32px;position:absolute;left:50%;translate:-50% 0;display:grid}
@media screen and (max-width:767px){.video_background .video_text .service-text .service-paragraph{width:100%;text-align:center;translate:0;position:static}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text .service-text .service-paragraph{width:100%;text-align:center;translate:0;position:static}}
@media screen and (max-width:767px){.video_background .video_text .service-text .service-paragraph{padding:0}}
.video_background .video_text .service-text .service-paragraph p{font-size:14px;font-weight:400;color:#757575;grid-row:1;grid-column:1;display:none}
.video_background .video_text .service-text .service-paragraph p.current{display:block}
.video_background .video_text .service-text .btn{border:none;padding:16px 24px;position:absolute;bottom:-36vh;left:50%;translate:-50%}
@media screen and (max-width:767px){.video_background .video_text .service-text .btn{position:static;left:0;translate:0}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .video_text .service-text .btn{position:static;left:0;translate:0}}
.video_background .video_text .service-text .btn span{color:inherit}
.video_background .video_text span{color:#00a9a8}
.video_background .video_text .video_text__replay{color:#161716;font-size:13px;margin-top:20px;display:table;padding:10px 9px 6px 14px;font-weight:600;position:relative;z-index:1;cursor:pointer}
.video_background .video_text .video_text__replay:hover{background-color:transparent;box-shadow:none;color:#00a9a8}
.video_background .video_text .video_text__replay::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid black;transition:opacity 0.3s,border 0.3s}
.video_background .video_text .video_text__replay:hover::before{opacity:0}
.video_background .video_text .video_text__replay::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;border:3px solid #00a9a8;opacity:0;z-index:-1;transform:scaleX(1.1) scaleY(1.3);transition:transform 0.3s,opacity 0.3s}
.video_background .video_text .video_text__replay:hover::after{opacity:1;transform:scaleX(1) scaleY(1)}
.video_background .space{position:absolute;inset:0;overflow:hidden;z-index:5;pointer-events:none}
@media screen and (max-width:767px){.video_background .space{display:none}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .space{display:none}}
.video_background .space .orbit{display:block;position:absolute;width:60%;aspect-ratio:1;border:1px solid #757575;border-radius:50%;top:50%;left:50%;translate:-50% -50%}
.video_background .space .orbit:nth-child(1){width:calc(60% + 10% * 1)}
@media screen and (max-width:767px){.video_background .space .orbit:nth-child(1){width:calc(105% + 5% * 1 + 5% * 1 * 3)}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .space .orbit:nth-child(1){width:calc(105% + 5% * 1 + 5% * 1 * 3)}}
.video_background .space .orbit:nth-child(2){width:calc(60% + 10% * 2)}
@media screen and (max-width:767px){.video_background .space .orbit:nth-child(2){width:calc(105% + 5% * 2 + 5% * 2 * 3)}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .space .orbit:nth-child(2){width:calc(105% + 5% * 2 + 5% * 2 * 3)}}
.video_background .space .orbit:nth-child(3){width:calc(60% + 10% * 3)}
@media screen and (max-width:767px){.video_background .space .orbit:nth-child(3){width:calc(105% + 5% * 3 + 5% * 3 * 3)}}
@media screen and (min-width:768px) and (max-width:1024px){.video_background .space .orbit:nth-child(3){width:calc(105% + 5% * 3 + 5% * 3 * 3)}}
.video_background .space .orbit .planet{width:12px;aspect-ratio:1;background:#757575;border-radius:50%;position:absolute;right:0;translate:50% -50%;top:50%;display:grid;place-content:center;pointer-events:all;pointer-events:none}
.video_background .space .orbit .planet img{width:24px}
.video_background .space .orbit .planet.clickable{background-color:#00a9a8;aspect-ratio:1;width:max-content;min-width:48px;min-height:48px;padding:12px;z-index:2;rotate:-90deg;pointer-events:all;--circle-scale:1}
.video_background .space .orbit .planet.clickable::after{content:"";display:block;position:absolute;inset:0;aspect-ratio:1;border-radius:50%;border:2px solid #00a9a8;scale:var(--circle-scale);transition:all 0.4s ease}
.video_background .space .orbit .planet.clickable:hover::after,.video_background .space .orbit .planet.clickable.selected::after,.video_background .space .orbit .planet.clickable.hover::after{--circle-scale:1.3}
.video_background .space .orbit .planet-wrapper,.video_background .space .orbit .double-planet-wrapper{width:50%;top:50%;left:50%;height:4px;translate:0 -50%;position:absolute;transform-origin:left;rotate:90deg}
.video_background .space .orbit .double-planet-wrapper{width:100%;translate:-50% -50%;transform-origin:center;rotate:90deg}
.video_background .space .orbit .double-planet-wrapper .planet:nth-of-type(2){translate:-50% -50%;left:0;right:auto}
.video_background .layout-btn-round{position:relative;z-index:4;width:150px;height:150px;justify-content:center;align-items:center;border-radius:50%;perspective-origin:100% 50%;transition:letter-spacing 200ms cubic-bezier(0.455,0.03,0.427,0.964);color:#161716;font-size:15px;line-height:1em;text-align:center;letter-spacing:7px;text-decoration:none;text-transform:uppercase;cursor:none;display:none}
.video_background .layout-btn-round:after{content:"";width:40px;height:20px;background-image:url("/themes/v1/assets/images/icons/arrow-right.png");background-repeat:no-repeat;background-size:contain;background-position:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all 300ms;transition:all 300ms;filter:invert(1)}
@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@media (max-width:768px){.video_background .layout-btn-round{display:none}}
.video_background .layout-btn-round .layout-text-btn-round{position:relative;z-index:5;display:flex;width:100%;height:100%;margin-right:auto;margin-left:auto;justify-content:center;align-items:center;flex:0 0 auto;border-radius:50%;background-color:transparent;transition:all 0.3s ease;animation:rotating 15s linear infinite}
.video_background .layout-btn-round .layout-text-btn-round img{width:150px;height:150px}
.video_background .layout-btn-round.active{border:2px solid #161716;color:#161716}
.video_background .layout-btn-round.active .button-text{color:#161716}
.video_background .layout-btn-round.active .round-under:before{background-color:#161716}
.video_background .layout-btn-round.active:hover .button-text{color:#161716}
.decouvrir-agence-mobile{display:none}
@media (max-width:768px){.decouvrir-agence-mobile{text-decoration:none;color:#161716;font-size:13px;margin-top:10px;display:table;padding:10px 9px 6px 14px;font-weight:600;position:relative;z-index:1;cursor:pointer}.decouvrir-agence-mobile::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid black;transition:opacity 0.3s,border 0.3s}.decouvrir-agence-mobile::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;border:3px solid #00a9a8;opacity:0;z-index:-1;transform:scaleX(1.1) scaleY(1.3);transition:transform 0.3s,opacity 0.3s}}
.scroll{position:absolute;left:calc(50% - 348px);top:458px;transition:all 0.8s 0s;opacity:0}
.back{position:absolute;height:100vh}
.back img{animation:none !important;opacity:1 !important;transform:rotate(90deg);bottom:73px !important;position:absolute}
.home main{overflow:hidden}
.home footer{z-index:6}