*{padding:0;margin:0;box-sizing:border-box;scroll-padding:140px;scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background-color:#001f54}body{font-family:Lato,sans-serif}.arrow-up{cursor:pointer;display:none;position:fixed;bottom:4%;left:0%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;z-index:9999;transform:rotate(30deg);-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);-ms-transform:rotate(30deg);-o-transform:rotate(30deg)}path{width:100px;height:100px}h1{font-size:clamp(17px,4vw,45px)}p,span,a,li,h2{font-size:clamp(14px,4vw,22px)}@media (max-width:736px){.burger-menu{display:block!important;position:absolute;right:5%}.main-nav{display:none}.main-nav{display:none!important}}.landing video{width:100%;height:100vh;object-fit:cover}header{position:absolute;width:100%;top:0;left:0;padding:20px;display:flex;justify-content:space-between;align-items:center;color:#fff;transition:.4s;-webkit-transition:.4s;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;z-index:999}header img{width:150px}header nav ul{display:flex;align-items:center}header nav ul .path{display:none}header nav li{list-style:none;padding-left:25px;white-space:nowrap}header nav li a{color:#fff;text-decoration:none}.burger-menu,.side-nav{display:none}.side-nav ul{display:flex;flex-direction:column;align-items:flex-end;background-color:#001f54b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:fixed;right:0;top:0;width:100%;height:100vh}.side-nav ul li{padding:10px;margin-top:10px}.side-nav ul svg{margin:10px}.abouts{position:relative}.abouts .bg-icon-about{opacity:.5;position:absolute;top:4%;left:-25%;width:1200px;height:1200px;transform:rotate(-10deg);z-index:-999999999999999999999}section{margin-top:40px;margin-bottom:40px}section h2{text-align:center;padding:40px;position:relative;width:fit-content;margin:0 auto;color:#000}section h2:after{content:"";position:absolute;width:100%;height:2px;background-color:#000;left:20%;top:25%}section h2:before{content:"";position:absolute;width:100%;height:2px;background-color:#001f54;right:20%;top:75%}section .about-container{display:flex;flex-direction:column;gap:50px}section .about-container .about{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}section .about-container .vision{display:flex;flex-direction:row-reverse;justify-content:space-evenly;align-items:center;flex-wrap:wrap}section .about-container .goal{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}section .about-container p{padding:10px 20px;width:400px;color:#777}section .about-container p span{color:#000}section .about-container img{border:2px solid #001f54b3;width:300px;height:400px;object-fit:cover;margin-bottom:40px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.services{position:relative;margin-top:40px;margin-bottom:40px;background-color:#001f54;color:#fff}.services .bg-icon-services{opacity:.5;position:absolute;top:1%;left:-25%;width:1200px;height:1200px;transform:rotate(-10deg)}.services h2{text-align:center;padding:40px;position:relative;width:fit-content;margin:0 auto;color:#fff}.services h2:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;left:20%;top:25%}.services h2:before{content:"";position:absolute;width:100%;height:2px;background-color:#000;right:20%;top:75%}.services .box{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;margin:0 auto;padding:20px 20px 50px;max-width:1000px}.services .box p{width:fit-content;position:relative;z-index:8;top:86%;left:5%;color:#fff;font-size:17px}.services .box img{border:2px solid #fff;width:100%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.projects .project{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px;padding:10px;max-width:1200px;margin:0 auto}.projects .project img{width:100%;border:2px solid #fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.projects .project .text-section{color:#fff;background-color:#001f54;border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.projects .project .text-section p{margin-top:10px}.projects .project .text-section span{float:right}.projects .project h3{align-content:end}.projects section.icons{padding:20px 0;display:flex;align-items:center;justify-content:space-evenly;background-color:#001f54}.projects section.icons div{padding:10px;color:#fff;text-align:center;border-radius:4.6px;-webkit-border-radius:4.6px;-moz-border-radius:4.6px;-ms-border-radius:4.6px;-o-border-radius:4.6px}.projects section.icons p{margin:10px 0}.projects section.icons svg{height:20px;width:20px}header.head{background-color:#001f54;position:fixed;color:#fff}.logos{overflow:hidden;white-space:nowrap;position:relative;padding:60px 0}.logos:before{content:"";background:linear-gradient(to left,#fff0,#fff);position:absolute;width:100px;height:100%;top:0;left:0;z-index:2}.logos:after{content:"";background:linear-gradient(to right,#fff0,#fff);position:absolute;width:100px;height:100%;top:0;right:0}.logos .logos-slider{display:inline-block;animation:logos infinite 25s linear;-webkit-animation:logos infinite 25s linear}.logos img{width:100px}@keyframes logos{0%{transform:translate(0);-webkit-transform:translateX(0%);-moz-transform:translateX(0%);-ms-transform:translateX(0%);-o-transform:translateX(0%)}to{transform:translate(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}}.contact{filter:brightness(.5);width:100%;height:100vh;color:#fff}.contact img{width:100%;height:calc(100% - 20px);object-fit:cover;position:relative}.contact .box{display:flex;justify-content:space-evenly;flex-wrap:wrap;position:absolute;top:35%;left:50%;width:90%;transform:translate(-50%);background-color:#001f548a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px;border-radius:10px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.contact .socials{display:flex;flex-direction:column}.contact .socials iframe{width:400px;height:250px}.contact h3{margin:20px 0}.contact .network{display:flex;justify-content:space-around;margin-top:10px}.contact .network a{text-decoration:none;display:contents}.contact .network a img{width:40px;height:40px}.contact form{display:flex;flex-direction:column;gap:10px}.contact form label{color:#fff}.contact form input,.contact form textarea{background-color:#c1bcbc;outline:none;padding:10px;border:2px solid rgb(0,31,84);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.contact form input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.contact form button{width:fit-content;padding:5px 10px;background-color:#001f54;color:#fff;border:2px solid #fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}.contact form textarea{resize:none}.contact .show-in-mobile{display:none}@media (max-width:999px){iframe{width:300px!important;height:200px!important}.bg-icon-about,.bg-icon-services{display:none}}@media (max-width:736px){.contact .box{flex-direction:column;position:absolute;top:15%!important}.contact .box a img{width:30px!important;height:30px;margin-bottom:30px}.hide-in-mobile{display:none}.show-in-mobile{display:block!important}}footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;height:150px;white-space:nowrap;text-transform:capitalize;margin-top:80px;padding:50px;background-color:#001f54;color:#fff}footer h2,footer span{font-size:15px}footer .network-footer{margin-top:20px;display:flex;justify-content:center}footer .network-footer img{padding-left:10px;width:30px}
