@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--primary-color: #3182ce;--hero-bg: #ebf8ff;--txt-color: rgba(74, 85, 104, .55)}*{padding:0;margin:0;font-family:Inter,"sans-serif";-webkit-user-select:none;user-select:none;box-sizing:border-box;list-style:none;scroll-behavior:smooth}body{background:#fff}.sticky{background:#fff9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 0 4px #0000003d}.hidden-scrollbar{overflow:hidden}.text-red{color:#dc3545}.container{width:1024px;margin:0 auto}.menu{display:none}.active-menu{transform:translate(0)!important;opacity:1!important}.logo{cursor:pointer}.logo img{width:28px;height:28px}nav{display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:fixed;inset:0;width:100%;height:65px;z-index:100;background:transparent;transition:all .3s ease-in-out}nav .logo{display:flex;gap:.8rem;align-items:center}nav .logo p{font-size:20px;font-weight:600;position:relative;top:1.8px}nav .nav-link .header{display:none}nav .nav-link ul{display:flex;gap:.5rem}nav .nav-link ul li{padding:5px 12px;cursor:pointer;color:#111;transition:all .2s;white-space:nowrap}nav .nav-link ul li:hover{color:var(--primary-color)}nav .contact-button button{border:1px solid var(--primary-color);outline:none;background:transparent;color:var(--primary-color);font-size:15px;font-weight:600;padding:8px 12px;border-radius:10px;cursor:pointer;transition:.2s;white-space:nowrap}nav .contact-button button:hover{background:var(--primary-color);color:#fff}nav ul li.active{color:var(--primary-color)}main{width:100%}main .title{color:var(--txt-color);font-weight:800;font-size:35px;text-align:center;margin:4rem 0;text-transform:capitalize}main .hero{background:var(--hero-bg);overflow:hidden}main .hero .details{width:1024px;margin:0 auto;height:100vh;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:1.2rem}main .hero .details button{background:var(--primary-color);color:#fff;font-size:15px;font-weight:600;border:none;outline:none;padding:10px 20px;border-radius:20px;cursor:pointer;transition:.2s}main .hero .details button:hover{opacity:.8}main .hero .details p:nth-child(1){font-weight:800;font-size:50px;color:var(--txt-color)}main .hero .details p:nth-child(2){font-weight:300;font-size:20px;color:#333}main .apropos .container{display:grid;align-items:center;grid-template-columns:1fr 2fr;gap:1.5rem}main .apropos .container .video{overflow:hidden}main .apropos .container .infos{display:flex;flex-direction:column;gap:1rem}main .apropos .container .infos p{color:#333;font-size:20px;line-height:1.8rem;text-align:justify}main .services{width:100%}main .services .cards{display:grid;grid-template-columns:repeat(3,0fr);gap:1.2rem;justify-content:center}main .services .cards .card{background:#fff;width:320px;padding:20px 30px;display:flex;flex-direction:column;gap:.5rem;border:1px solid #eee;border-radius:15px;cursor:pointer;transition:.3s}main .services .cards .card:hover{border-color:var(--txt-color)}main .services .cards .card svg{transition:.3s;transform:rotate(20deg)}main .services .cards .card:hover svg{transform:rotate(0)}main .services .cards .card svg{margin:0 0 9px;font-size:28px}main .services .cards .card .card-title{font-size:22px;font-weight:600;color:var(--txt-color)}main .services .cards .card .desc{font-size:16px;font-weight:400;line-height:1.5rem;color:#333}main .services .cards .card button{border:none;outline:none;background:transparent;font-size:15px;display:flex;gap:.4rem;margin:10px 0;cursor:pointer;position:relative}main .services .cards .card button:before{content:"";position:absolute;bottom:0;left:0;width:30%;height:1px;background:#000;transition:all .4s}main .services .cards .card button:hover:before{width:100%}main .services .cards .card button svg{transition:.4s;opacity:0}main .services .cards .card button:hover svg{transform:translate(5px);opacity:1}main .projects .projects-cards{display:grid;grid-template-columns:repeat(3,0fr);gap:1.5rem;justify-content:center}main .projects .projects-cards .card{width:320px;position:relative;overflow:hidden}main .projects .projects-cards .card:hover .desc{transform:translateY(0)}main .projects .projects-cards .card img{width:100%;border-radius:20px}main .projects .projects-cards .card .desc{position:absolute;inset:0;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;background:var(--hero-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;transition:all .5s;transform:translateY(-300px)}main .projects .projects-cards .card .desc p{font-size:18px;font-weight:600;color:var(--txt-color)}main .projects .projects-cards .card .desc button{outline:none;padding:10px 20px;border:1px solid var(--primary-color);border-radius:25px;color:var(--primary-color);background:transparent;cursor:pointer;font-size:16px;font-weight:500;transition:.2s}main .projects .projects-cards .card .desc button:hover{background:var(--primary-color);color:#fff}main .members .members-cards{display:grid;grid-template-columns:repeat(3,0fr);justify-content:center;gap:1.5rem}main .members .members-cards .card{width:320px}main .members .members-cards .card img{width:100%}main .members .members-cards .card .desc{display:flex;align-items:center;flex-direction:column;gap:.4rem;margin:5px 0}main .members .members-cards .card .desc p:nth-child(1){color:var(--txt-color);font-size:22px;font-weight:500}main .members .members-cards .card .desc p:nth-child(2){color:#666;font-size:18px}main .testimony .testimony-cards{display:grid;grid-template-columns:repeat(3,0fr);justify-content:center;gap:1.5rem}main .testimony .card{width:280px;background:#fff;padding:20px 30px;box-shadow:0 0 9px #00000029;border-radius:15px}main .testimony .card .profil{display:flex;align-items:center;gap:1rem;color:#555}main .testimony .card .profil .name{display:flex;flex-direction:column;gap:.3rem}main .testimony .card .profil img{width:50px;height:50px;border-radius:50%}main .testimony .card .infos{margin-top:10px}main .testimony .card .infos p:nth-child(1){font-size:18px;color:var(--txt-color);line-height:1.7rem}main .testimony .card .infos p:nth-child(2){font-size:13px;color:#666;text-align:right;margin:10px 0}main .contact .info-title{font-size:22px;font-weight:600;color:#333;text-transform:capitalize;margin:30px 0}main .contact .desc{font-size:30px;color:#333;font-weight:600;line-height:2.5rem;text-align:center;margin:-20px 0 0}main .contact .informations{display:grid;grid-template-columns:1fr 2fr;justify-content:center}main .contact .informations .cords-details{display:flex;flex-direction:column;gap:1.5rem}main .contact .informations .cords-details .cord-info{display:grid;grid-template-columns:0fr 1fr;gap:1rem}main .contact .informations .cords-details .cord-info i{font-size:18px}main .contact .informations .cords-details .cord-info .cord-desc{display:flex;flex-direction:column;gap:.2rem}main .contact .informations .cords-details .cord-info .cord-desc p:nth-child(1){font-weight:500;font-size:18px;margin:0 0 5px}main .contact .informations .cords-details .cord-info .cord-desc p.indicate{color:#666;font-size:14px}main .contact .informations .cords-details .cord-info .cord-desc p.indicate a{text-decoration:none;color:#000}main .contact .informations .cords-details .cord-info .cord-desc p.indicate a:hover{text-decoration:underline}main .contact .informations form{background:#fff;box-shadow:0 0 15px #00000029;padding:15px 30px;border-radius:15px;position:relative;top:-50px}main .contact .informations form .form-title{font-size:28px;font-weight:700;color:#333;margin:20px 0}main .contact .informations form .input{display:flex;flex-direction:column;gap:.8rem;margin:.8rem 0}main .contact .informations form .input label{color:#555;font-weight:500;font-size:18px}main .contact .informations form .input input,main .contact .informations form .input textarea{outline:none;border:1px solid #bbb;padding:10px 14px;font-size:15px;border-radius:10px;transition:all .2s}:is(main .contact .informations form .input input,main .contact .informations form .input textarea):focus{box-shadow:0 0 0 3px var(--txt-color);border-color:var(--txt-color)}main .contact .informations form .input textarea{resize:none;height:200px}main .contact .informations form .button{margin:18px 0}main .contact .informations form .button button{outline:none;padding:12px 40px;color:var(--primary-color);border:1px solid var(--primary-color);font-size:15px;font-weight:500;border-radius:10px;background:transparent;cursor:pointer;display:flex;align-items:center;gap:.4rem;transition:all .3s}main .contact .informations form .button button:hover{background:var(--primary-color);color:#fff}main .contact .informations form .button button:disabled{opacity:.5;cursor:wait}main .marquee{display:flex;margin:2rem 0 4rem;overflow:hidden}main .marquee h1{font-size:5em;white-space:nowrap;text-transform:uppercase;color:var(--txt-color)}footer{z-index:100;color:#333;background:var(--hero-bg);width:100%;padding:30px}footer .content{width:1024px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);justify-content:center;gap:2rem}footer .content .col .logo{display:flex;gap:.8rem;align-items:center;margin:0 0 20px}footer .content .col .logo p{font-size:26px;font-weight:700;position:relative;top:1.5px}footer .content .col .desc{font-size:17px;font-weight:400;line-height:1.4rem;margin:0 0 10px}footer .content .col .social-links{display:flex;gap:1rem}footer .content .col .social-links svg{cursor:pointer;transition:all .2s}footer .content .col .social-links svg:hover{color:var(--txt-color)}footer .content .col .col-title{font-size:20px;font-weight:700;margin:0 0 1rem}footer .content .col ul{display:flex;flex-direction:column;gap:1rem}footer .content .col ul li{transition:all .2s;font-size:17px}footer .content .col ul li.link{cursor:pointer}footer .content .col ul li.link:hover{color:var(--txt-color)}footer .content .col ul li.li-grid{display:grid;grid-template-columns:0fr 1fr;gap:.4rem}footer .content .col ul li.li-grid svg{color:var(--txt-color)}footer .identity{width:1024px;margin:30px auto;border-top:1px solid #000;padding:20px 0 0;display:flex;align-items:center;justify-content:space-between}footer .identity p{font-size:14px;font-weight:300}footer .identity ul{display:flex;gap:1rem}footer .identity ul li a{text-decoration:none;color:#000;transition:.2s}footer .identity ul li a:hover{color:var(--txt-color)}@media (max-width: 1087px){.container{width:90%!important}:is(main .services,main .projects,main .members) .cards,:is(main .services,main .projects,main .members) .projects-cards,:is(main .services,main .projects,main .members) .members-cards{grid-template-columns:0fr 0fr}main .contact .desc{font-size:22px;line-height:2rem}main .contact .informations{grid-template-columns:1fr;gap:2rem}main .contact .informations form{position:initial;box-shadow:initial}footer .content{grid-template-columns:1fr 1fr;width:90%}footer .content .col:nth-child(3){position:relative;top:-100px}footer .identity{width:90%}}@media (max-width: 952px){main .testimony .testimony-cards{grid-template-columns:0fr 0fr}footer .content{display:flex;flex-direction:column}footer .content .col:nth-child(3){position:initial}}@media (max-width: 890px){*{font-size:18px}.menu{display:flex;cursor:pointer}nav .contact-button{display:none}nav .nav-link{display:flex;flex-direction:column;gap:.5rem;position:fixed;top:0;right:0;width:100%;height:100vh;background:var(--hero-bg);padding:10px;transform:translate(100%);opacity:0;transition:all .4s;will-change:transform,opacity}nav .nav-link ul{display:flex;flex-direction:column;gap:0}nav .nav-link ul li{padding:12px 25px;font-size:18px}nav .nav-link ul li:hover{background:#00000017;color:#000}nav .nav-link .header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px}nav .nav-link .header p{font-size:20px;font-weight:500}nav .nav-link .header svg{cursor:pointer}main .hero .details p:nth-child(1){font-size:30px}main .hero .details p:nth-child(2){font-size:20px}main .marquee h1{font-size:3em}footer .identity ul{gap:.3rem}footer .identity ul li{font-size:13px}}@media (max-width: 840px){main .apropos .container{grid-template-columns:1fr}main .apropos .container .video-js{width:100%}}@media (max-width: 710px){:is(main .services,main .projects,main .members) .cards,:is(main .services,main .projects,main .members) .projects-cards,:is(main .services,main .projects,main .members) .members-cards{grid-template-columns:0fr}:is(:is(main .services,main .projects,main .members) .cards,:is(main .services,main .projects,main .members) .projects-cards,:is(main .services,main .projects,main .members) .members-cards) .card{width:390px}}@media (max-width: 666px){footer .identity ul{flex-direction:column}}@media (max-width: 630px){main .testimony .testimony-cards{grid-template-columns:0fr}main .testimony .testimony-cards .card{width:350px}main .hero .details img{width:90%}}@media (max-width: 430px){:is(main .services,main .projects,main .members) .cards,:is(main .services,main .projects,main .members) .projects-cards,:is(main .services,main .projects,main .members) .members-cards{grid-template-columns:0fr}:is(:is(main .services,main .projects,main .members) .cards,:is(main .services,main .projects,main .members) .projects-cards,:is(main .services,main .projects,main .members) .members-cards) .card{width:350px;margin:0 10px}}#vanilla-toast-container{text-align:center;bottom:0;left:0;right:0;position:fixed}#vanilla-toast{display:none;cursor:pointer;padding:15px;border-radius:15px;margin-left:15px;margin-right:15px;margin-bottom:30px;background:#000000c2;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1rem}#vanilla-toast-text{display:inline}#vanilla-toast-close-button{display:none;margin-left:15px;font-size:15px}#vanilla-toast.success{background:#5cb85cc2}#vanilla-toast.info{background:#5bc0dec2}#vanilla-toast.warning{background:#ec971fc2}#vanilla-toast.error{background:#c9302cc2}