@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Arizonia&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;font-family:Poppins,sans-serif;margin:0}.App{height:100vh;overflow:auto;width:100vw}.Header{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);display:flex;height:80px;justify-content:center;position:fixed;transition:.2s ease;width:100%;z-index:100}.Header_Black{background-color:#0000004d}.Header span{align-items:center;display:flex;justify-content:space-between;width:80%}.Header h1{color:#fff;font-size:22px;font-weight:500;margin:0}.Header ul{display:flex;gap:0 30px;list-style:none}.Header ul a{color:#fff;cursor:pointer;position:relative;transition:.2s ease}.Header ul a:before{color:#38bcc7;content:attr(content);height:0;opacity:0;overflow:hidden;position:absolute;transition:1s ease;z-index:1}.Header ul a:hover:before{height:100%;opacity:1}.Header button{background-color:#fff;border:none;border-radius:10px;box-shadow:0 0 15px #38bcc7;color:#000;font-size:16px;height:38px;outline:none;width:103px}.Header_Icon{color:#fff;display:none;font-size:40px}.Footer{align-items:center;color:#fff;display:flex;height:100px;justify-content:center}@media screen and (max-width:600px){.Header ul{display:none}.Header h1{font-size:20px}.Header_Icon{display:flex}}.Hero{display:flex;height:100vh;position:relative}.Hero span{align-items:center;display:flex;height:100%;margin-left:10%;width:80%}.Hero h3{color:#fff;font-size:1.3vw;font-weight:400;margin:10px 0 0}.Hero h2{color:#fff;font-size:3vw;font-weight:500;margin:0}.Hero h2 b{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(0deg,#aaf8ff,#38bcc7);-webkit-background-clip:text;font-weight:500}.Hero_Left{align-items:flex-start;flex-direction:column;height:100%;position:relative;width:50%}.Hero a,.Hero_Left{display:flex;justify-content:center}.Hero a{align-items:center;background-color:#fff;border:none;border-radius:10px;color:#000;cursor:pointer;font-size:16px;height:38px;margin-top:30px;outline:none;text-decoration:none;transition:.3s ease;width:135px}.Hero a:hover{box-shadow:0 0 15px #38bcc7}.Hero_Right{background:url(/static/media/hero.3b90116db2a3e0193740.png);background-position:100%;background-repeat:no-repeat;background-size:contain;height:70%;width:50%}.Hero_Design1,.Hero_Design2{background-color:#38bcc7;border-radius:50%;filter:blur(100px);height:150px;position:absolute;width:150px}.Hero_Design2{bottom:0;right:0}.Stat{display:flex;justify-content:center}.Stat span{align-items:center;background-color:#171717;border-radius:10px;display:flex;height:120px;justify-content:space-around;width:80%}.Stat_Con{display:flex;flex-direction:column}.Stat h2{-webkit-text-fill-color:#0000;background:-webkit-linear-gradient(0deg,#aaf8ff,#38bcc7);-webkit-background-clip:text;font-size:30px;font-weight:500;margin:0}.Stat p{color:#fff;margin:0}.Projects{display:flex;position:relative}.Projects span{display:grid;grid-template-columns:calc(33.33% - 15px) calc(33.33% - 15px) calc(33.33% - 15px);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:0 10vw;padding:130px 0;width:80vw}.Projects_Design1{background-color:#38bcc7;border-radius:50%;bottom:0;filter:blur(100px);height:150px;position:absolute;width:150px}.Projects_Con{background-color:#171717;border-radius:10px;margin-top:15px;overflow:hidden;padding-bottom:20px;position:relative;text-decoration:none;transition:.3s ease}.Projects_Con:hover{box-shadow:0 0 5px #38bcc7}.Projects_Con_Badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#38bbc795;border-radius:10px;color:#fff;font-size:14px;opacity:0;padding:3px 8px;position:absolute;right:10px;top:10px;transition:.3s ease}.Projects_Con:hover .Projects_Con_Badge{opacity:1}.Projects_Con_Overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#38bbc740;height:100%;opacity:0;position:absolute;top:0;transition:.3s ease;width:100%;z-index:50}.Projects_Con:hover .Projects_Con_Overlay{opacity:1}.Projects img{aspect-ratio:1.777;border-top-left-radius:10px;border-top-right-radius:10px;cursor:pointer;width:100%}.Projects_Con h3{color:#fff;font-size:16px;font-weight:500;margin:10px 20px 0}.Projects_Con p{color:#fff;font-size:15px;margin:10px 20px 0}.Loading{align-items:center;background-color:#000;color:#fff;display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.2s ease;visibility:hidden;width:100vw;z-index:200}.Loading_Show{opacity:1;visibility:visible}.loader{animation:rotate 1s linear infinite;border-radius:50%;height:48px;position:relative;width:48px}.loader:after,.loader:before{animation:prixClipFix 2s linear infinite;border:5px solid #fff;border-radius:50%;box-sizing:border-box;content:"";inset:0;position:absolute}.loader:after{border-color:#38bcc7;inset:8px;transform:rotate3d(90,90,0,180deg)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes prixClipFix{0%{-webkit-clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0);clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}50%{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}75%,to{-webkit-clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}}@media screen and (max-width:1000px){.Stat h2{font-size:25px}.Stat p{font-size:15px}}@media screen and (max-width:750px){.Projects span{grid-template-columns:calc(50% - 15px) calc(50% - 15px)}.Stat span{display:grid;grid-template-columns:50% 50%;height:auto;padding-bottom:25px}.Stat_Con{align-items:center;display:flex;margin-top:25px}.Stat h2{font-size:25px}.Stat p{font-size:15px}}@media screen and (max-width:600px){.Hero{height:auto;padding:80px 0}.Hero_Left{align-items:center;margin-top:25px;width:100%}.Hero h3{font-size:13px;text-align:center}.Hero h2{font-size:20px;text-align:center}.Hero_Right{background-position:50%;height:50vh;margin-top:25px;width:100%}.Hero span{flex-direction:column}}@media screen and (max-width:500px){.Hero button{font-size:15px}.Projects span{display:flex;flex-direction:column}.Projects_Con h3{font-size:15px}.Projects_Con p{font-size:14px}.Projects span{padding-bottom:80px}}
/*# sourceMappingURL=main.987d6f57.css.map*/