*{margin:0;padding:0;box-sizing:border-box}#imageprincipale{padding-top:70px;background:url(media/techno.jpeg) no-repeat 50% 50%;background-size:cover;height:800px}@media screen and (max-width:601px){#imageprincipale{padding-top:70px;background:url(media/techno.jpeg) no-repeat 50% 50%;background-size:cover;height:500px}}@media screen and (max-width:601px){#imageprincipale h1{font-family:'Playfair display',cursive;text-align:center;color:#fff;margin-top:25px;text-shadow:2px 4px 3px #000;padding-top:10%;font-size:37px}}@media screen and (min-width:601px){#imageprincipale h1{font-family:'Playfair display',cursive;text-align:center;color:#fff;margin-top:25px;text-shadow:2px 4px 3px #000;padding-top:13%;font-size:60px;padding-bottom:15px}}.navbar{height:97px;width:100%;padding:17px 30px;background-color:#000;position:fixed!important;z-index:100}.navbar .nav-header{display:inline}.navbar .nav-header .nav-logo{display:inline-block;margin-top:-13px}.navbar .nav-links{display:inline;float:right;font-size:24px}.navbar .nav-links .loginBtn{display:inline-block;padding:5px 15px;margin-left:20px;font-size:17px;color:#090e5a}.navbar .nav-links a{padding:10px 12px;text-decoration:none;font-weight:550;color:#fff;font-family:Abel}.navbar .nav-links a:hover{background-color:rgba(0,0,0,.3);color:red}.navbar #nav-check,.navbar .nav-btn{display:none}@media (max-width:1000px){.navbar .nav-btn{display:inline-block;position:absolute;top:0;right:0}.navbar .nav-btn label{display:inline-block;width:80px;height:70px;padding:39px}.navbar .nav-btn label span{display:block;height:10px;width:25px;border-top:3px solid #eee}.navbar #nav-check:checked~.nav-btn label,.navbar .nav-btn label:hover{transition:all .5s ease}.navbar .nav-links{position:absolute;display:block;text-align:center;width:50%;background-color:#000;transition:all .3s ease-in;overflow-y:hidden;top:97px;right:0}.navbar .nav-links a{display:block}.navbar #nav-check:not(:checked)~.nav-links{height:0}.navbar #nav-check:checked~.nav-links{height:calc(71vh - 70px);overflow-y:auto}.navbar .nav-links .loginBtn{padding:10px 40px;margin:20px;font-size:18px;font-weight:700;color:#090e5a}.navbar .nav-links .dropdown,.navbar .nav-links .dropdown2{float:none;width:100%}.navbar .nav-links .drop-content,.navbar .nav-links .drop-content2{position:relative;background-color:#dcdcfa;top:0;left:0}.navbar .nav-links .drop-content a{color:#090e5a}}.dropdown{position:relative;display:inline-block}.drop-content,.drop-content2{display:none;position:absolute;background-color:#1b4cd3;min-width:120px;font-size:16px;top:34px;z-index:1;box-shadow:0 10px 25px rgba(0,0,0,.4)}.dropdown2:hover .drop-content2,.dropdown:hover .drop-content{display:block}.drop-content a{padding:12px 10px;border-bottom:1px solid #c5c5fa;display:block;transition:all .5s ease!important}.dropBtn .drop-content a:hover{background-color:#e6e6e6}.dropdown2:hover .dropBtn2,.dropdown:hover .dropBtn{background-color:rgba(0,0,0,.3)}.dropdown2 .drop-content2{position:absolute;left:120px;top:126px}.dropBtn2 i{margin-left:15px}.wrap{color:#fff;font-size:40px;font-family:Abel}@media screen and (max-width:601px){.wrap{color:red;font-size:20px;font-family:Abel;font-weight:700}}#typewriter{text-align:center}.technos{color:#000;font-family:Abel;font-size:2em;text-align:center;padding-top:37px;padding-bottom:23px}@media screen and (max-width:600px){.technos{color:#000;font-family:Abel;font-size:2em;text-align:center;padding-top:6px}}.tech p{color:#000;font-family:Poppins;font-size:20px;text-align:center;margin-left:5%;margin-right:5%}@media screen and (max-width:768px){.tech p{color:#000;font-family:Poppins;font-size:16px;text-align:center;margin-left:5%;margin-right:5%}}@media screen and (max-width:600px){.tech p{color:#000;font-family:Poppins;font-size:15px;text-align:center;margin-left:5%;margin-right:5%}}.tech{gap:32px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;width:100%;padding:10px;place-items:center;min-height:100vh;background-color:linear-gradient(45deg,#434343,#000);padding-bottom:30px}.serviceBox{color:#555;font-family:Nunito,sans-serif;text-align:center;padding:15px 0 0}.serviceBox .service-icon{color:#fff;background:#000;font-size:45px;line-height:103px;width:100px;height:100px;margin:0 auto 65px;border-radius:50%;position:relative;z-index:1;transition:all .3s ease 0s}.serviceBox .service-icon:after,.serviceBox .service-icon:before{content:"";width:calc(100% + 30px);height:calc(100% + 30px);border:5px solid #0b7274;border-top-color:transparent;border-left-color:transparent;border-radius:50%;transform:translateX(-50%) translateY(-50%) rotate(45deg);position:absolute;top:50%;left:50%;z-index:-1}. .serviceBox .title{color:#fff;font-size:22px;font-weight:600;text-transform:capitalize;margin:0 0 10px;font-family:Abel}.serviceBox .description{font-size:16px;line-height:25px;margin:0}.serviceBox.pink .service-icon,.serviceBox.pink .service-icon:after{background-color:gray}.serviceBox.pink .service-icon:before{border-color:#e4667b;border-left-color:transparent;border-top-color:transparent}.serviceBox.pink .title{color:#e4667b}.serviceBox.purple .service-icon,.serviceBox.purple .service-icon:after{background-color:#583da6;font-family:Abel;font-size:24px}.serviceBox.pink .title{margin-bottom:19px}.serviceBox.purple .service-icon:before{border-color:#583da6;border-left-color:transparent;border-top-color:transparent}.serviceBox.purple .title{color:#583da6}.serviceBox.green .service-icon,.serviceBox.green .service-icon:after{background-color:#0ebab3}.serviceBox.green .service-icon:before{border-color:#0ebab3;border-left-color:transparent;border-top-color:transparent}.serviceBox.green .title{color:#0ebab3}@media only screen and (max-width:990px){.serviceBox{margin:0 0 40px}}.footer{background-color:#000;width:100%;text-align:left;font-family:Poppins,sans-serif;font-weight:700;font-size:16px;padding:50px;margin-top:50px}.footer .footer-center,.footer .footer-left,.footer .footer-right{display:inline-block;vertical-align:top}.footer .footer-left{width:33%;padding-right:15px}.footer .about{line-height:20px;color:#fff;font-size:13px;font-weight:400;margin:0}.footer .about span{display:block;color:#fff;font-size:14px;font-weight:700;margin-bottom:20px}.footer .icons{margin-top:25px}.footer .icons a{display:inline-block;width:35px;height:35px;cursor:pointer;border-radius:2px;font-size:20px;color:#00f;text-align:center;line-height:35px;margin-right:3px;margin-bottom:5px}.footer .footer-center{width:30%}.footer .footer-center i{background-color:#33383b;color:#fff;font-size:25px;width:38px;height:38px;border-radius:50%;text-align:center;line-height:42px;margin:10px 15px;vertical-align:middle}.footer .footer-center i.fa-envelope{font-size:17px;line-height:38px}.footer .footer-center p{display:inline-block;color:#fff;vertical-align:middle;margin:0}.footer .footer-center p :hover{color:red}.footer .footer-center p span{display:block;font-weight:400;font-size:14px;line-height:2}.footer .footer-center p a{color:#fff;text-decoration:none}.footer .footer-right{width:35%}.footer h2{color:#fff;font-size:36px;font-weight:400;margin:0}.footer h2 span{color:red}.footer .menu{color:#fff;margin:20px 0 12px;padding:0}.footer .menu a{display:inline-block;line-height:1.8;text-decoration:none;color:inherit}.footer .menu a:hover{color:red}.footer .name a{color:#fff;font-size:14px;font-weight:400;margin:0;text-decoration:none}.footer .name :hover{color:red}@media (max-width:767px){.footer{font-size:14px}.footer .footer-center,.footer .footer-left,.footer .footer-right{display:block;width:100%;margin-bottom:40px}.footer .footer-center i{margin-left:0}}.fa-whatsapp{font-family:Playfair,cursive;position:fixed;width:60px;height:60px;bottom:7px;right:21px;background-color:#000;color:#25d366;border-radius:50px;text-align:center;font-size:30px;box-shadow:2px 2px 3px #999;z-index:100;font-family:Nunito;animation-name:pulse;animation-duration:1.5s;animation-timing-function:ease-out;animation-iteration-count:infinite;padding-top:13px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}0%{box-shadow:0 0 0 14px rgba(37,211,102,0)}}.fa-whatsapp{margin-top:16px}button{transition:all .5s ease;color:#000;border:3px solid #000;font-family:Abel;text-transform:uppercase;text-align:center;line-height:1;font-size:17px;background-color:transparent;padding:10px;outline:0;border-radius:4px;position:relative;margin:0;width:60%;margin-left:20%;text-decoration:none;display:inline}button:hover{color:#ff0;background-color:#d3d3d3}