.container-grid{grid-column-gap:0px;grid-row-gap:0px;grid-template-rows:repeat(8,1fr);grid-template-columns:repeat(7,1fr);gap:25px;width:calc(100% - 200px);max-width:1440px;padding:0 100px;display:grid}.div1{background-image:url(../media/background-pc.f2eafaf6.png);background-size:cover;border:1px solid #363749;border-radius:25px;grid-area:1/1/5/5;align-items:flex-end;width:100%;height:400px;display:flex;position:relative}.div1 h2{width:70%}.intro-button,.intro-button2{position:absolute}.intro-button{top:25%;left:10%}.intro-button2{top:75%;right:5%}.div2{background-color:#04071d;background-image:url(../media/world.5d985474.png);background-position:bottom;background-repeat:no-repeat;background-size:contain;border:1px solid #363749;border-radius:25px;grid-area:1/5/3/8}.div1 h2,.div2 h2,.div4 h2,.div6 h2{padding:25px}.div3 h2,.div5 h2{z-index:10;padding:5px 25px}.div3 h3,.div6 h3{text-transform:uppercase;z-index:10;padding:0 25px;font-size:18px}.div3{background-color:#04071d;border:1px solid #363749;border-radius:25px;flex-direction:row;grid-area:3/5/5/8;align-items:center;display:flex;overflow:hidden}.div3 div{flex-direction:column-reverse;width:100%;display:flex;position:relative}.div3 aside{position:absolute;top:50%;left:90%;transform:translate(-90%,-50%)}.container-stack-grid span{color:#fff;background-color:#10132e;border-radius:5px;justify-content:center;align-items:center;width:100px;height:60px;display:flex}.div3 .container-stack-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.container-stack-grid span:nth-child(2),.container-stack-grid span:nth-child(4),.container-stack-grid span:nth-child(6){margin-top:-10px}.div4{background-image:url(../media/Background.7d8e6e93.png);border:1px solid #363749;border-radius:25px;grid-area:5/1/7/4;position:relative}.div4 h2{width:70%}.div4 img{position:absolute;bottom:0;right:0}.div5{text-align:center;background-image:url(../media/backgroundblobservicepng.66504a4c.png);background-position:0 100%;background-repeat:no-repeat;background-size:100%;border:1px solid #363749;border-radius:25px;flex-direction:column;grid-area:7/1/9/4;justify-content:center;align-items:center;gap:10px;display:flex}.div5 h2{margin-bottom:0}.button{color:#e4ecff;cursor:pointer;background-color:#10132e;border:1px solid #6971a27d;border-radius:10px;align-items:center;gap:10px;padding:10px 20px;display:flex}.div6{background-image:url(../media/Background.7d8e6e93.png);border:1px solid #363749;border-radius:25px;flex-direction:column-reverse;grid-area:5/4/9/8;justify-content:center;display:flex;position:relative;overflow:hidden}.div6 h2{z-index:5}.image-code{z-index:0;width:500px;position:absolute;top:20%;left:40%}@media screen and (max-width:767px){.container-grid{flex-direction:column;width:calc(100% - 40px);padding:0 20px;display:flex}.container-grid h2{text-align:start;font-size:25px}.div1{height:350px}.intro-button{top:15%;left:15%}.intro-button2{top:80%;right:5%}.div3{height:200px}.div3 aside{top:55%}.div4,.div5{height:150px}.div5 h2{text-align:center}.div6{height:200px}}
#projets{text-align:center;width:calc(100% - 200px);max-width:1440px;padding:100px}.container-projets-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(auto-fit,minmax(45%,1fr));gap:25px;margin-top:25px;display:grid}h2 span{color:#cbacf9}.projet{background-color:#0c0e23;border:1px solid #363749;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;padding:25px;display:flex}.background-projet{background-image:url(../media/background-projet.1849e1e5.png);background-repeat:no-repeat;background-size:cover;border:1px solid #13162d;border-radius:25px;justify-content:center;align-items:flex-end;width:calc(100% - 100px);height:300px;padding:50px 50px 0;display:flex;overflow:hidden}.projet .image-projet{object-fit:cover;border-radius:15px 15px 0 0;height:calc(100% - 50px);position:relative;top:10px;rotate:2deg}.details-projets{text-align:start;background-color:#0c0e23;width:100%;margin-top:25px}.details-projets h3{margin-bottom:10px;font-size:25px}.details-projets p{font-size:20px}.tech-projet{flex-direction:row;align-items:center;gap:15px;padding:10px 0;display:flex}.tech-projet img{object-fit:contain;border-radius:0;width:50px;height:40px;rotate:none}.link-projet{text-align:end;color:#cbacf9;justify-content:flex-end;width:100%;display:flex}.link{justify-content:center;align-items:center;gap:10px;display:flex}.link img{object-fit:cover;width:20px}@media screen and (max-width:767px){#projets{flex-direction:column;align-items:center;width:calc(100% - 40px);padding:50px 20px;display:flex}.container-projets-grid{flex-direction:column;display:flex}.projet{width:calc(100% - 50px)}.projet div{width:100%}.background-projet{width:calc(100% - 20px);height:200px;padding:20px}.image-projet{width:90%;height:200px;padding:0}}
.reviews-container{flex-direction:column;align-items:center;width:calc(100% - 200px);padding:100px 0;display:flex;overflow:hidden}.reviews-grid{gap:25px;display:flex}.review-card{background-image:url(../media/review-background.61389140.png);background-repeat:no-repeat;background-size:cover;border:1px solid #363749;border-radius:25px;flex-direction:column;flex:0 0 500px;justify-content:space-around;gap:15px;padding:30px;display:flex}.review-header{flex-direction:column;display:flex}@media screen and (max-width:767px){.reviews-container{flex-direction:column;align-items:center;width:calc(100% - 40px);padding:50px 20px;display:flex}.reviews-grid{justify-content:flex-start}.review-card{flex:0 0 300px}}
.logo-container{flex-direction:row;justify-content:center;align-items:center;gap:75px;display:flex}.logo{object-fit:contain;border-radius:10px;height:50px}.logo-and-name{justify-content:center;align-items:center;gap:15px;display:flex}.logo-and-name h2{margin-bottom:0}@media screen and (max-width:767px){.reviews-container{width:calc(100% - 40px);padding:50px 20px}.logo-container{flex-wrap:wrap;gap:35px}.logo{height:40px}}
.experience-container{flex-direction:column;justify-content:center;align-items:center;width:calc(100% - 200px);padding:100px;display:flex}.experience-grid{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.experience-content{background-color:#0c0e23;border:1px solid #363749;border-radius:25px;flex-direction:row;align-items:center;gap:25px;padding:50px 25px;display:flex}.experience-content h3{font-size:25px}.experience-content-details{flex-direction:column;gap:15px;display:flex}.experience-content p{color:#bec1dd}@media screen and (max-width:767px){.experience-container{flex-direction:column;align-items:center;width:calc(100% - 40px);padding:50px 20px;display:flex}.experience-grid{grid-template-columns:repeat(1,1fr)}.experience-content{padding:25px}.experience-content img{height:65px}}
.approche{flex-direction:column;justify-content:center;align-items:center;display:flex}.approche-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.approche-grid div{text-align:center;background-image:url(../media/background-projet.1849e1e5.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #363749;border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:50px 25px;display:flex;position:relative}.surtitle{color:#cbacf9;border:1px solid #363749;border-radius:15px;width:max-content;padding:15px 25px}.title{font-size:25px}.approche-detail{color:#bec1dd}.with-cross:before,.with-cross:after,.with-cross span:before,.with-cross span:after{content:"";opacity:.4;background-image:url(../media/vector-croix.d0e16ca3.png);background-size:cover;width:20px;height:20px;position:absolute}.with-cross:before{top:-5px;left:-5px}.with-cross:after{top:-5px;right:-5px}.with-cross span:before{bottom:-5px;left:-5px}.with-cross span:after{bottom:-5px;right:-5px}@media screen and (max-width:767px){.approche{width:calc(100% - 40px);padding:50px 20px}.approche-grid{flex-direction:column;display:flex}.approche-grid div{height:250px;padding:25px}}
.contact{text-align:center;background-image:url(../media/background-carre.771d199c.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;flex-direction:column;align-items:center;display:flex}.contact p{color:#bec1dd;margin-bottom:25px}.contact img{width:10px}@media screen and (max-width:767px){.contact{width:calc(100% - 40px);padding:50px 20px}}
footer{flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 200px);padding:25px 100px;display:flex}footer img{object-fit:contain;width:30px;height:30px}footer a{border:1px solid #363749;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;padding:5px;display:flex}.link-footer{gap:10px;display:flex}.malt-img{transform:scale(.8)}@media screen and (max-width:767px){footer{text-align:center;flex-direction:column;gap:25px;width:calc(100% - 40px);padding:20px}}
