.service-back .container-custom{display:flex}@media only screen and (max-width: 1199px){.service-back .container-custom{flex-direction:column}}.service-back .left{width:490px;flex-shrink:0;max-width:100%}@media only screen and (max-width: 1199px){.service-back .left{width:100%}}.service-back h2 strong{font-weight:inherit;display:block;color:#743deb}.service-back .right{flex:1;padding-top:120px;margin-left:80px;position:relative}@media only screen and (max-width: 1199px){.service-back .right{margin-left:auto;margin-right:auto;max-width:600px;padding-top:0;padding-left:20px;width:100%}}.service-back .video{position:relative;width:100%;padding-bottom:56.7%}.service-back .video:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;border-radius:15px;background-color:#743deb;transform:rotate(-6deg)}.service-back .player{width:100%;height:100%;background-color:#fff;border-radius:15px;position:absolute;top:0;left:0;z-index:3;background-size:cover;background-position:left top;background-repeat:no-repeat;border:solid 2px #362f46}.service-back .btn{margin-top:60px}.service-back .mini-temoignage{width:100%;background-color:#fff;border-radius:15px;padding:30px;position:relative;margin-top:40px;color:#262626}.service-back .mini-temoignage .quote{font-weight:500;line-height:1.8;text-align:left}.service-back .mini-temoignage .caption{display:flex;align-items:center;font-size:14px;margin-top:20px;font-weight:500}@media only screen and (max-width: 767px){.service-back .mini-temoignage .caption{flex-direction:column;align-items:flex-start}}.service-back .mini-temoignage .role{color:#40404099;margin-left:2px}.service-back .mini-temoignage .avatar{width:60px;height:60px;background-color:#fff;border-radius:50%;position:absolute;bottom:0;left:0;transform:translate(-50%,50%);background-image:url(https://res.cloudinary.com/monsite/image/upload/v1600524648/android-chrome-192x192-1.png);background-size:70%;background-position:center;background-repeat:no-repeat;box-shadow:0 10px 13px 2px #0000004d}.service-back .fade-enter-active,.service-back .fade-leave-active{transition:opacity .8s ease-in-out;position:absolute;left:0}@media screen and (max-width: 768px){.service-back .fade-enter-active,.service-back .fade-leave-active{position:relative}}.service-back .fade-enter-from,.service-back .fade-leave-to{opacity:0}.service-projets .swiper{height:360px;transform:translate(-50%) translate(180px);transition:.2s}@media only screen and (max-width: 767px){.service-projets .swiper{transform:none}}.service-projets .swiper-viewport{flex-shrink:0;width:2000px;overflow:hidden}@media only screen and (max-width: 767px){.service-projets .swiper-viewport{width:100%}}.service-projets .swiper .swiper-wrapper{align-items:flex-end}.service-projets .swiper .swiper-wrapper.grabbing{transition:.5s ease-out!important}.service-projets .swiper .swiper-wrapper.grabbing .swiper-slide__bg{transform:scale(.85);transition:.2s ease-out}.service-projets .swiper .swiper-wrapper.grabbing .swiper-slide,.service-projets .swiper .swiper-wrapper .swiper-slide:not(.swiper-slide-active){opacity:.5;height:300px;width:300px}.service-projets .swiper .swiper-slide{transition:.25s ease;transform-origin:center bottom;width:360px;overflow:hidden}.service-projets .swiper .swiper-slide__inner{height:100%;position:relative}.service-projets .swiper .swiper-slide__bg{--tw-bg-opacity: 1;background-color:rgb(110 101 235 / var(--tw-bg-opacity, 1));content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:.5s ease;background-size:cover;background-position:left center;background-repeat:no-repeat;border-radius:15px}.service-projets .swiper .swiper-slide__title{font-size:40px;color:#00f;transition:ease .5s;line-height:1em}.service-projets .swiper .swiper-slide__title-container{position:absolute;bottom:25%;left:0;transform:translate(-20%);z-index:3;overflow:hidden}.service-projets .swiper__pagination{position:absolute;bottom:500px;left:950px;width:auto;display:flex;align-items:flex-end;z-index:10;font-size:16px;font-weight:600;transform:translateY(80%);overflow:hidden}.service-projets .swiper__pagination>*{transition:.25s ease}.service-projets .swiper__pagination-current{font-size:90px;line-height:.8em}.service-projets .swiper .swiper__prev,.service-projets .swiper .swiper__next{position:absolute;top:50%;transform:translateY(-50%);z-index:10;height:100%;width:80px}.service-projets .swiper .swiper__prev .icon,.service-projets .swiper .swiper__next .icon{fill:#000;height:40px;width:40px;opacity:.3}.service-projets .swiper .swiper__prev{left:0}.service-projets .swiper .swiper__prev .icon{transform:rotate(90deg)}.service-projets .swiper .swiper__next{right:0}.service-projets .swiper .swiper__next .icon{transform:rotate(-90deg)}.service-projets{position:relative;padding-top:120px;padding-bottom:220px}@media (width <= 767px){.service-projets{padding-top:60px;padding-bottom:110px}}.service-projets .container-custom{position:relative}.service-projets .hp-title{max-width:370px;transition:.5s ease;overflow:hidden;font-size:60px;letter-spacing:0;line-height:1.2;font-weight:900;text-align:left}@media only screen and (width <= 767px){.service-projets .hp-title{font-size:48px;max-width:100%}}.service-projets .fading-box{height:2.9em;font-size:60px;overflow:hidden}.service-projets .content{display:flex;align-items:flex-end}@media only screen and (width <= 1024px){.service-projets .content{flex-direction:column;align-items:flex-start}}.service-projets .text{width:490px;margin-right:20px;flex-shrink:0}@media only screen and (width <= 1024px){.service-projets .text{margin-right:0;margin-bottom:40px;max-width:100%}}.service-projets .text-upper{transition:.5s ease}.service-projets .text h3{font-size:38px;line-height:1.2em;margin-bottom:30px}.service-projets .text .description{line-height:1.8;font-weight:300}.service-projets .text .btn-arrow{margin-top:30px}.service-projets .swiper .swiper-slide__bg{background-position:30%}.service-projets .swiper-slide-active{transition:.5s ease}.service-projets.link-hover h2{transform:translateY(100%)}.service-projets.link-hover .text-upper{transition:.5s ease;transform:translateY(-20px)}.service-projets.link-hover .swiper-slide:not(.swiper-slide-active){opacity:0;transition:.35s ease}.service-projets.link-hover .swiper-slide-active{width:430px}.service-projets.link-hover .swiper__pagination-current,.service-projets.link-hover .swiper__pagination-length{transform:translateY(80px)}.card-seo{padding:10px 20px;height:100%}.card-seo__inner{height:100%}.google__search{width:70%;height:20px;margin:0 auto;background-color:#b6b6b6;border-radius:3px;position:relative}.google__search .icon{position:absolute;top:50%;right:0;transform:translate(-50%,-50%);height:10px;width:10px;fill:#000}.google__search:before{content:"";position:absolute;width:1px;height:60%;z-index:2;top:50%;left:7%;transform:translate(-50%,-50%);background-color:#00000080;animation:cursor .5s infinite alternate}@keyframes cursor{0%{opacity:1}50%{opacity:1}51%{opacity:0}to{opacity:0}}.google{margin-top:10px;margin-bottom:30px}.site-list{display:flex;flex-direction:column}.site+.site{margin-top:35px}.site>*{background-color:#fff3}.site__url{height:5px;width:20%}.site__title{margin-top:3px;height:17px;width:80%}.site__description{height:5px;margin-top:5px}.site__description:last-child{width:50%}.phone.intersected .site-list .optimised{animation:optimised 7s ease infinite 1s;animation-fill-mode:forwards}.phone.intersected .site-list .optimised>*{animation:optimisedColor 7s ease infinite 1s;animation-fill-mode:forwards}.phone.intersected .site-list .site:first-child,.phone.intersected .site-list .site:nth-child(2){animation:regular 7s ease infinite 1s;animation-fill-mode:forwards}@keyframes regular{11%{transform:none}18%{transform:translateY(100%) translateY(35px)}to{transform:translateY(100%) translateY(35px)}}@keyframes optimised{0%{transform:translate(0)}4%{transform:translate(0)}11%{transform:translate(-50px)}18%{transform:translate(-50px) translateY(-200%) translateY(-70px)}25%{transform:translate(0) translateY(-200%) translateY(-70px)}to{transform:translate(0) translateY(-200%) translateY(-70px)}}@keyframes optimisedColor{0%{background-color:#fff3}4%{--tw-bg-opacity: 1;background-color:rgb(237 96 98 / var(--tw-bg-opacity, 1))}96%{--tw-bg-opacity: 1;background-color:rgb(237 96 98 / var(--tw-bg-opacity, 1))}to{background-color:#fff3}}.phone{margin-bottom:-20px;margin-left:25em;flex-shrink:0;font-size:5px;border:4em solid #1f1f1f;border-width:5.5em .7em;border-radius:4em;transition:all .5s ease;will-change:transform}.phone:not(.flat){transform:perspective(700px) rotate(14deg) rotateX(0) rotateY(-13deg) translate(-50px);box-shadow:0 .1em #13121e,0 .2em #13121e,0 .3em #13121e,0 .4em #13121e,0 5.7em 3em #13121e33}.phone{width:36em;height:78em}.phone__trigger{content:"";position:absolute;bottom:-1em;left:50%;width:3.5em;height:3.5em;border-radius:50%;background-color:#353535;transform:translate(-50%,100%);z-index:2;font-size:inherit;transition:.25s ease}.phone__trigger:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#353535;transform:translate(-50%,-50%);z-index:-1;font-size:inherit;transition:.25s ease;opacity:0}.phone__trigger:hover{background-color:#454545}@keyframes wave{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{opacity:.2}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.phone__trigger:hover:before{animation:wave .25s forwards}.phone__trigger:focus{outline:none}.frame{-webkit-user-select:none;-moz-user-select:none;user-select:none;height:100%;width:100%;position:relative;transition:all .5s;display:flex;align-items:flex-end;justify-content:flex-end;padding-bottom:10px;padding-right:20px}.frame__cards{background-image:linear-gradient(60deg,transparent 1%,#111117 100%);top:0;position:absolute;display:flex;flex-direction:column;left:0;width:100%;height:100%}