@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fustat:wght@200..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}body,button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]::-webkit-search-decoration{-webkit-appearance:none}details{display:block}summary{display:list-item}h1{font-size:2em;margin:.67em 0}a{background-color:transparent}img{border-style:none}*{box-sizing:border-box;margin:0;padding:0}html{font-size:17px;scroll-behavior:smooth}body{font-family:Inter Tight,sans-serif;font-style:normal;height:auto;width:100%}body.overhidden{overflow:hidden}.navbar{position:fixed;top:5px;left:50%;width:70%;transform:translate(-50%);border:.5px solid #c7f9cc;border-radius:50px;z-index:1000;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:.5rem 1.5rem;background-color:#ffffff7e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(4px)}.navbar .logo{width:70px;height:70px;border-radius:50%;overflow:hidden}.navbar .logo img{width:100%;height:100%;object-fit:fill}.navbar .logo a{display:block}.navbar .nav-links,.navbar .nav-links2{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:1.5rem;margin:0;padding:0}.navbar .nav-links li a,.navbar .nav-links2 li a{text-decoration:none;color:#c7f9cc;font-weight:300;font-size:1.2rem;display:flex;align-items:center;gap:.25rem;transition:all .3s}.navbar .nav-links li a:hover,.navbar .nav-links li a.active,.navbar .nav-links2 li a:hover,.navbar .nav-links2 li a.active{color:#57cc99;text-shadow:#c7f9cc 0px 5px 15px}.navbar .nav-links span.material-symbols-outlined,.navbar .nav-links2 span.material-symbols-outlined{font-size:25px;vertical-align:middle}.navbar .burg{width:40px;height:30px;display:none;transition:.4s;z-index:100}.navbar .burg span{display:block;width:35px;height:2px;border-radius:10px;margin:9px auto;background:#272626;transition:.3s}@media (max-width: 850px){.navbar .nav-links,.navbar .nav-links2{display:none}.navbar .logo a{font-size:1.2rem}.navbar .burg{display:block!important;padding-top:5px}.navbar .burg.open{transform:rotate(180deg)}.navbar .burg.open span{margin:5px auto}.navbar .burg.open .span1{transform:rotate(45deg) translateY(5px)}.navbar .burg.open .span2{transform:rotate(-45deg) translateY(-5px)}}.navbar.open{top:0;width:100%;border:none}.navbar.open .mobile-menu{display:flex}.navbar .mobile-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;height:100vh;width:100%;background:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;justify-content:center;align-items:center;gap:2rem}.navbar .mobile-menu .search-form{flex-direction:row;width:100%;max-width:300px}.navbar .mobile-menu .nav-links,.navbar .mobile-menu .nav-links2{flex-direction:column;display:flex;align-items:center;gap:1.5rem}.navbar .mobile-menu .nav-links li,.navbar .mobile-menu .nav-links2 li{opacity:0;filter:blur(8px);transform:translateY(20px);animation:slideInLi .3s linear forwards}.navbar .mobile-menu .nav-links li:nth-child(1){animation-delay:.1s}.navbar .mobile-menu .nav-links li:nth-child(2){animation-delay:.2s}.navbar .mobile-menu .nav-links li:nth-child(3){animation-delay:.3s}.navbar .mobile-menu .nav-links li:nth-child(4){animation-delay:.4s}.navbar .mobile-menu .nav-links li:nth-child(5){animation-delay:.4s}.navbar .mobile-menu .nav-links2 li:nth-child(1){animation-delay:.6s}.navbar .mobile-menu .nav-links2 li:nth-child(2){animation-delay:.7s}.navbar .mobile-menu .nav-links2 li:nth-child(3){animation-delay:.8s}.navbar .mobile-menu .nav-links2 li:nth-child(4){animation-delay:.9s}@keyframes slideInLi{to{opacity:1;transform:translateY(0);filter:blur(0px)}}footer{background:#c7f9cc;min-height:50vh;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem}footer .footer-left{min-width:50%;display:flex;flex-direction:column;gap:1rem}footer .footer-left .estimate-link{text-decoration:none;width:fit-content;color:#040404;background:#80ed99;padding:1rem clamp(1rem,5vw,5rem);font-size:clamp(.8rem,2.2vw,1.2rem);cursor:pointer;border-radius:10px;font-weight:500;transition:all .3s}footer .footer-left .estimate-link:hover{background:#57cc99;text-shadow:#c7f9cc 0px 5px 15px}footer .footer-left .logo{width:clamp(150px,22vw,300px);height:clamp(110px,15vw,200px);border-radius:15px;overflow:hidden;margin-bottom:50px}footer .footer-left .logo img{width:100%;height:100%;object-fit:cover}footer .footer-left .logo a{display:block}footer .footer-left p{font-size:clamp(1rem,2.5vw,2.2rem);color:#272626;font-weight:700;line-height:1.5;text-align:left}footer .social-icons{min-width:50%;display:flex;justify-content:flex-end}footer .social-icons a{border-radius:50%;width:100px;height:100px;padding:22px;display:inline-block;margin:20px;border:1.2px solid #80ed99;animation:rotate 10s linear infinite}@media screen and (max-width: 500px){footer .social-icons a{width:70px;height:70px;padding:15px;margin:10px}}footer .social-icons a img{width:100%;height:100%;object-fit:fit}footer p{width:100%;text-align:center;color:#272626;font-size:clamp(.8rem,2.5vw,1rem);margin-top:20px;font-weight:300}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.devis{padding:7rem 2rem 0;display:flex;justify-content:center;align-items:center;overflow:hidden}@media screen and (max-width: 500px){.devis{padding:10rem .5rem 3rem}}.devis #devis-form{border-radius:10px;padding:2rem;width:80%;max-width:80%}@media screen and (max-width: 650px){.devis #devis-form{width:100%;max-width:100%;padding:0}}.devis #devis-form form .step{display:none;opacity:0;transition:opacity .4s ease,transform .4s ease}.devis #devis-form form .step.active{display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;animation:fadeIn .5s ease forwards}.devis #devis-form form .step h2{font-size:clamp(.8rem,3.636vw,3rem);margin-bottom:3rem;color:#2c3e50;text-align:center;font-family:poppins,sans-serif;font-weight:500}.devis #devis-form form .step p{padding:2rem 1rem;margin:1rem auto;width:80%;font-size:clamp(.8rem,2vw,1.2rem);text-align:center;background:#c7f9cc;color:#4f772d;font-weight:400;border-radius:15px;border:.5px solid #80ed99}.devis #devis-form form .step .radioparent{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.devis #devis-form form .step .radioparent input[type=radio]{opacity:0}.devis #devis-form form .step .radioparent .spanparent{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:30px;width:clamp(120px,18vw,200px);height:clamp(120px,14vw,200px);border:.5px solid rgb(189,227,245);border-radius:5px;background-color:#e4ecf8;transition:all .3s ease}@media screen and (max-width: 500px){.devis #devis-form form .step .radioparent .spanparent{margin:6px}}.devis #devis-form form .step .radioparent .spanparent:hover{transform:translateY(-3px);box-shadow:#d1e5ff 0 48px 100px}.devis #devis-form form .step .radioparent .spanparent .icone{font-size:clamp(1rem,6vw,2.5rem)}.devis #devis-form form .step .radioparent .spanparent .label{font-size:clamp(.7rem,3vw,1.2rem);margin-top:20px;font-weight:500;text-align:center}.devis #devis-form form .step .radioparent input[type=radio]:checked+.spanparent{background-color:#d1e5ff;border:1.5px solid #0077b6}.devis #devis-form form .step input[type=number],.devis #devis-form form .step input{width:50%;display:block;margin:0 auto;padding:.75rem 1rem;font-size:1rem;border:.5px solid rgb(189,227,245);border-radius:8px;background-color:#fff;transition:all .2s ease}@media screen and (max-width: 500px){.devis #devis-form form .step input[type=number],.devis #devis-form form .step input{width:80%}}.devis #devis-form form .step input[type=number]:focus,.devis #devis-form form .step input:focus{border:1.5px solid #0077b6;box-shadow:#d1e5ff 0 3px 8px;outline:none}.devis #devis-form form .step input[type=number].error,.devis #devis-form form .step input.error{border:2px solid red;background-color:#ffecec}.devis #devis-form form .step .label-info{font-weight:500;display:block;width:50%;margin:10px auto;color:#333}@media screen and (max-width: 500px){.devis #devis-form form .step .label-info{width:80%}}.devis #devis-form form .btn_form{display:flex;width:50%;margin:0 auto}@media screen and (max-width: 680px){.devis #devis-form form .btn_form{width:100%}}.devis #devis-form form .btn_form button{display:block;margin:50px 10px 50px auto;background:#3498db;color:#fff;padding:.7rem 2rem;font-size:1rem;border:none;border-radius:25px;cursor:pointer;transition:background .3s ease,transform .2s ease}.devis #devis-form form .btn_form button:hover{background:#2980b9;transform:translateY(-2px)}.devis #devis-form form .btn_form button.prev{background:#95a5a6;margin-left:10px}.devis #devis-form form .btn_form button.prev:hover{background:#7f8c8d}.devis .last-step{width:60%;margin:0 auto}@media screen and (max-width: 600px){.devis .last-step{width:90%}}.devis .last-step h2{margin:20px}.devis .last-step .results{background:#f9fafc;padding:1rem;border-radius:6px;margin-bottom:1rem;border-left:4px solid #80ed99}.devis .last-step .results h3{margin-bottom:.5rem;color:#2c3e50}.devis .last-step .results p{margin:.3rem 0}.devis .last-step .results p span{color:#27ae60;font-weight:700}.devis #confirmation{padding:2rem 1rem;margin:1rem auto;width:80%;font-size:clamp(.8rem,2vw,1.2rem);text-align:center;background:#c7f9cc;color:#4f772d;font-weight:400;border-radius:15px;border:.5px solid #80ed99}.devis .loader-overlay{position:fixed;inset:0;background:#ffffffe6;display:none;align-items:center;justify-content:center;flex-direction:column;z-index:9999}.devis .spinner{width:60px;height:60px;border:6px solid #ddd;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.devis .loader-overlay p{font-family:Arial,sans-serif;font-size:16px;color:#333}@keyframes fadeIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.home h2{text-align:center;font-size:clamp(1.2rem,5vw,3rem);padding-top:150px;font-weight:500;font-style:italic;color:#80ed99;font-family:poppins,sans-serif}.home .baniere{width:100%;height:100vh;background-image:url(./ban2-D4xrAFfC.jpg);background-size:cover;background-position:center center;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}@media screen and (max-width: 380px){.home .baniere{height:120vh}}.home .baniere:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffffff0a,#000c 70%,#050505e8)}.home .baniere h1{font-size:clamp(2.5rem,8vw,6rem);font-family:poppins,sans-serif;margin-bottom:2rem;line-height:1.1;text-align:center;background:linear-gradient(135deg,#c7f9cc,#02f36e 70%,#80ed99);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;z-index:2;opacity:0;transform:translateY(100px);animation:fadeInUp 1.5s ease .3s forwards}.home .baniere p{font-size:clamp(1.1rem,2.5vw,1.4rem);font-family:poppins,sans-serif;text-align:center;font-weight:300;line-height:1.6;margin-bottom:1.5rem;z-index:2;opacity:0;transform:translateY(-100px);animation:fadeInUp 1.5s ease .3s forwards}.home .baniere .btn_baniere{display:flex;gap:2rem;z-index:2}@media screen and (max-width: 500px){.home .baniere .btn_baniere{flex-direction:column;gap:1rem}}.home .baniere .btn_baniere a{text-decoration:none;text-align:center;color:#333;display:inline-block;background-color:#c7f9cc;padding:1rem clamp(1rem,5vw,5rem);font-size:clamp(.8rem,2.2vw,1.2rem);cursor:pointer;border-radius:30px;opacity:0;filter:blur(10px);animation:fadeInUpBtn 2s ease .3s forwards,glowPulse 1s ease-in-out infinite alternate;transition:all .3s ease}.home .baniere .btn_baniere a:hover{background-color:#80ed99;transform:translateY(-2px);transition:all .3s ease}.home .expertise{width:100%;position:relative;min-height:auto;padding-bottom:100px;background-color:#f4f4f7;pointer-events:none}.home .expertise:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}.home .expertise h2{opacity:0;transform:translateY(100px);transition:opacity .8s ease,transform .8s ease}.home .expertise h2.show{opacity:1;transform:translateY(0)}.home .expertise h3{text-align:center;margin:50px 16vw;font-size:clamp(1.4rem,5vw,3rem);color:#272626;font-weight:600;line-height:1.5;font-family:poppins,sans-serif;opacity:0;transform:translateY(100px);transition:opacity .8s ease,transform .8s ease}.home .expertise h3.show{opacity:1;transform:translateY(0)}.home .expertise .cards{width:90%;overflow:hidden;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}@media screen and (max-width: 1000px){.home .expertise .cards{width:100%;gap:10px}}@media screen and (max-width: 800px){.home .expertise .cards{gap:20px}}.home .expertise .cards .card{width:45%;background:#fff;padding:40px;border-radius:20px;pointer-events:auto;box-shadow:0 4px 20px #0000001a;opacity:0;transform:translateY(100px);transition:all .8s linear}@media screen and (max-width: 800px){.home .expertise .cards .card{width:80%;padding:10px}}.home .expertise .cards .card.three{transform:translate(-100px)}.home .expertise .cards .card.four{transform:translate(100px)}.home .expertise .cards .card.show{opacity:1;transform:translateY(0)}.home .expertise .cards .card.three.show,.home .expertise .cards .card.four.show{transform:translate(0)}.home .expertise .cards .card:hover{background:#c7f9cc;transform:translateY(-3px);box-shadow:#9af0a14d 0 19px 38px,#87e58438 0 15px 12px}.home .expertise .cards .card:hover .img img{transform:scale(1.2)}.home .expertise .cards .card .img{width:100%;height:400px;margin:0 auto 20px;border-radius:20px;overflow:hidden}.home .expertise .cards .card .img img{width:100%;height:100%;display:inline-block;object-fit:cover;transition:transform .3s ease}.home .expertise .cards .card h4{font-size:clamp(1.2rem,4vw,2rem);font-weight:500;font-style:italic;font-family:poppins,sans-serif;margin:20px 0}.home .expertise .cards .card p{font-size:clamp(.8rem,3vw,1.2rem);font-weight:300;line-height:1.7;color:#272626;font-family:poppins,sans-serif}.home .nosrealisations .realisations{width:90%;margin:100px auto;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:20px}.home .nosrealisations .realisations .realisation{position:relative;width:25%;height:450px;border-radius:25px;overflow:hidden;transition:all .5s ease}.home .nosrealisations .realisations .realisation:before{content:"";position:absolute;display:none;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffffff0a,#242424cb 70%,#050505cd)}.home .nosrealisations .realisations .realisation:hover{width:45%}.home .nosrealisations .realisations .realisation:hover:before{display:block}.home .nosrealisations .realisations .realisation:hover p,.home .nosrealisations .realisations .realisation:hover h3{opacity:1}@media screen and (max-width: 1000px){.home .nosrealisations .realisations .realisation{width:90%;pointer-events:none}.home .nosrealisations .realisations .realisation:before{display:block}.home .nosrealisations .realisations .realisation p,.home .nosrealisations .realisations .realisation h3{opacity:1!important}}.home .nosrealisations .realisations .realisation img{width:100%;height:100%;transition:all .5s ease;object-fit:cover}.home .nosrealisations .realisations .realisation p{position:absolute;font-family:poppins,sans-serif;width:100%;bottom:20px;padding:10px;font-size:clamp(.6rem,2vw,1rem);font-weight:300;line-height:1.7;color:#fff;opacity:0;transition:all 1s ease}.home .nosrealisations .realisations .realisation h3{font-family:poppins,sans-serif;position:absolute;top:20px;left:5px;padding:10px;font-size:clamp(1rem,4vw,1.5rem);font-weight:500;font-style:italic;line-height:1.5;color:#fff;opacity:0;transition:all 1s ease}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpBtn{to{opacity:1;filter:blur(0px)}}@keyframes glowPulse{0%{box-shadow:0 1px #ffffff0f inset,0 6px 18px -12px #86e5b440,0 0 #89edcc59}to{box-shadow:0 1px #ffffff0f inset,0 12px 36px -12px #99e3c273,0 0 36px 4px #60faad73}}.contact{min-height:120vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#fefefe,#efefef);padding:2rem}.contact form{background:#ffffff5e;padding:2.5rem 3rem;border-radius:1.5rem;box-shadow:0 10px 30px #aef09c1a;width:100%;max-width:500px;display:flex;flex-direction:column;gap:1.2rem;transition:all .3s ease}.contact form h2{text-align:center;color:#272626;font-size:1.8rem;margin-bottom:1rem;position:relative}.contact form h2:after{content:"";display:block;width:60px;height:3px;background:#c7f9cc;margin:.6rem auto 0;border-radius:3px}.contact form label{font-weight:600;font-size:.95rem;color:#333}.contact form input,.contact form textarea{border:1px solid #e0e0e0;border-radius:.8rem;padding:.8rem 1rem;font-size:1rem;background:#f9f9f9;color:#333;transition:all .2s ease}.contact form input:focus,.contact form textarea:focus{outline:none;border-color:#80ed99;background:#fff;box-shadow:0 0 0 3px #b6f7ad26}.contact form textarea{min-height:120px;resize:vertical}.contact form button{background:#c7f9cc;color:#272626;border:none;padding:.9rem 1rem;border-radius:.8rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.contact form button:hover{background:#80ed99;transform:translateY(-2px);box-shadow:0 6px 20px #a3f3a772}.contact form button:active{transform:translateY(0);box-shadow:none}