#services{display:flex;flex-direction:column;gap:2rem}#services h1{text-align:center}#offres-creation-web{scroll-margin-top:60px}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-slides-offset-before);margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-end:var(--swiper-slides-offset-after);margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-slides-offset-before);margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{-webkit-margin-after:var(--swiper-slides-offset-after);margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),rgba(0,0,0,0))}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border-radius:50%;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-top:4px solid transparent}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transition:opacity .3s;transform:translateZ(0);z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0;.swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);button&{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}}.swiper-pagination-lock{display:none}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));&.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}&.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));margin-left:0}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{right:var(--swiper-navigation-sides-offset,4px);left:auto}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);right:auto;margin-left:calc(0px - (var(--swiper-navigation-size) / 2));margin-top:0}.swiper-button-prev,~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.process-card{display:block;width:100%;height:100%;object-fit:cover;position:relative;border-radius:10px}.process-card .process-card_image{border-radius:5px;width:100%;height:100%;object-fit:cover}.process-card .overlay{position:absolute;border-top-left-radius:10px;border-top-right-radius:10px;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 10%,black 90%)}.process-card .text{padding:.5rem;position:absolute;bottom:0;color:hsl(164,100%,97%)}.process-card .text p{text-align:left}.process-card .text h3{-webkit-text-decoration-color:hsl(223,100%,9%);text-decoration-color:hsl(223,100%,9%);text-align:center}.process-card .text h3 span{display:inline-block;background-color:hsl(223,100%,9%);border-radius:50%;width:2rem;height:2rem;text-align:center;line-height:2rem;position:relative;top:.1rem;left:.1rem;color:hsl(164,100%,97%)}.mySwiper{border-top-left-radius:10px;border-top-right-radius:10px}.mySwiper .swiper-wrapper .swiper-slide{display:flex;justify-content:center;align-items:center;width:25rem;height:30rem}.mySwiper .swiper-button-next,.mySwiper .swiper-button-prev{color:hsl(164,100%,46%)}.mySwiper .swiper-pagination-progressbar{background:hsla(164,100%,46%,.2)}.mySwiper .swiper-pagination-progressbar-fill{background:hsl(164,100%,46%)}.offerCard{display:flex;flex-direction:column;border:1px solid hsl(164,100%,97%);border-radius:.3rem;padding:.5rem;background:linear-gradient(180deg,hsl(223,100%,9%),#00113d);transition:transform .3s,box-shadow .3s}.offerCard:hover{box-shadow:0 0 20px hsla(164,100%,97%,.8)}.offerCard_title_container{display:flex;align-items:flex-start;justify-content:space-between}.offerCard_title_container .offerCard_title h3{color:hsl(164,100%,46%);font-weight:500;font-size:1.3rem;text-decoration:none}.offerCard_title_container .offerCard_title h3 span{font-family:var(--font-merienda);font-size:1.4rem;text-shadow:1px 1px 20px hsla(164,100%,46%,.8)}.offerCard_title_container .offerCard_title p.beta{color:hsl(223,100%,9%);background-color:hsl(164,100%,46%);display:inline-block;padding:0 .4rem}.offerCard_title_container .offerCard_image svg{width:3rem;height:3rem}.offerCard_separator{margin:.5rem 0;height:1px;width:100%;background-color:gray;border:none}.offerCard_content{padding:.5rem .5rem 1rem;height:100%;margin-bottom:2rem}.offerCard a{text-align:center;border-radius:8px;padding:.3rem 1rem;font-weight:500;font-family:inherit;align-self:center;background-color:hsl(164,100%,46%);color:hsl(223,100%,9%);transition:all .25s ease-in-out}.offerCard a:hover{background-color:hsl(164,100%,56.8%);color:hsl(223,100%,18.1%);box-shadow:0 0 8px 1px hsl(164,100%,46%)}.offerCard a{bottom:.2rem;margin:auto 1rem 1rem}.servicesContainer{display:flex;flex-direction:column;gap:3rem}.servicesContainer .link-router{-webkit-text-decoration:underline hsl(332,67%,48%);text-decoration:underline hsl(332,67%,48%);text-underline-offset:3px;border:2px solid rgba(0,0,0,0);transition:all .2s ease-in-out;outline:none}.servicesContainer .link-router:hover{border:2px dotted hsl(332,67%,48%);text-decoration:none}.servicesContainer h3{font-weight:500;-webkit-text-decoration:underline hsl(164,100%,46%) 1px;text-decoration:underline hsl(164,100%,46%) 1px;text-underline-offset:5px}.servicesContainer .creation{display:flex;flex-direction:column;gap:1.5rem}.servicesContainer .creation .accent{padding:1rem;margin:0 .5rem;border-radius:5px;background-color:hsl(164,100%,97%);border:1px solid hsl(332,67%,48%);box-shadow:0 0 10px 2px hsla(332,67%,48%,.8);color:hsl(223,100%,9%)}.servicesContainer .creation .accent .accent-title{-webkit-text-decoration:underline hsl(223,100%,9%) 3px;text-decoration:underline hsl(223,100%,9%) 3px;text-underline-offset:5px}.servicesContainer .creation .accent span{font-weight:500}.servicesContainer .creation .accent p{margin:.5rem 0}.servicesContainer .creation .accent ul{-webkit-padding-start:2rem;padding-inline-start:2rem}.servicesContainer .creation .accent ul li{padding-left:.5rem}.servicesContainer .creation .accent ul li::marker{content:"➤"}.servicesContainer .creation #offres-creation-web{padding:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:2rem;gap:2rem}.servicesContainer .creation #offres-creation-web .cogs{width:100%;display:flex;justify-content:center;align-items:center;height:3rem}.servicesContainer .maj h2,.servicesContainer .pro h2,.servicesContainer .process h2,.servicesContainer .quote h2{margin-bottom:1rem}.servicesContainer .maj ul{padding:1rem 0 1rem 2rem}.servicesContainer .maj ul li{padding-left:.5rem}.servicesContainer .maj ul li::marker{content:"➤"}.servicesContainer .quote h3{text-decoration:none}.servicesContainer .quote div{margin-top:1rem}.skillCard{gap:.4rem;padding-left:.5rem;width:100%}.skillCard,.skillCard_icon{display:flex;align-items:center}.skillCard_icon{justify-content:center}.skillCard_icon svg{width:40px;height:40px}.skillCard_icon.react svg{fill:#61dafb}.skillCard_icon.html svg{fill:#e34f26}.skillCard_icon.sass svg{fill:#c69}.skillCard_icon.javascript svg{fill:#f7df1e}.skillCard_icon.redux svg{fill:#764abc}.skillCard_icon.git svg{fill:#f05032}.skillCard_icon.responsive svg{fill:hsl(164,100%,97%);width:60px;height:60px}.skillCard_icon.accessibilité svg,.skillCard_icon.performances svg{fill:hsl(164,100%,46%)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,.5fr));grid-gap:1.5rem;gap:1.5rem}.skills{padding:.5rem 2rem 2rem;border-radius:1rem}.skills h2{margin-bottom:1rem}.skills{border:1px solid hsl(164,100%,97%);box-shadow:0 4px 8px hsla(164,100%,97%,.3)}.skillsContainer{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem}