@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap);#menu-icon,.logo,.navbar a,body{color:var(--text-color)}#preloader,.header{display:flex;top:0}#customAlert,.header{background:var(--bg-color)}#email-loader,#overlay{display:none;background:rgba(29,38,55,.812)}#email-loader,#overlay,#preloader{left:0;width:100%;height:100%;z-index:9999;position:fixed}.chat-btn img,.chat-btn.open img{-webkit-user-drag:none!important;-webkit-touch-callout:none!important;pointer-events:none}#customAlert,#email-loader,#overlay,#preloader,.chat-container,.header{position:fixed}.home,section{min-height:100vh}.btn,.logo{font-weight:600}.about .grid-row,.project-box{grid-template-columns:1fr 1fr}.about,.project-box,.slider-stacks,body{overflow:hidden}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;border:none;outline:0;scroll-behavior:smooth;font-family:Poppins,sans-serif}:root{--bg-color:#0d121b;--second-bg-color:#1d2637cf;--text-color:#fff;--main-color:#0ef}html{font-size:62.5%;overflow-x:hidden}body{background:url("../images/black\ and\ white\ stars\ GIF.gif")}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#222}::-webkit-scrollbar-thumb{background:#0cc;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#0ef}section{padding:10rem 9% 2rem}.header{left:0;width:100%;padding:2rem 9%;transition:top .3s ease-in-out;justify-content:space-between;align-items:center;z-index:100}.header.sticky{border-bottom:.1rem solid rgba(0,0,0,.2)}.logo{font-size:2.5rem;cursor:default}.navbar a{font-size:1.7rem;margin-left:4rem;transition:.3s}.navbar a.active,.navbar a:hover,.social-media a,span{color:var(--main-color)}.btn,.social-media a:hover{box-shadow:0 0 1rem var(--main-color);color:var(--second-bg-color)}#menu-icon{font-size:3.6rem;display:none}#preloader{background:#1d2637;justify-content:center;align-items:center}#email-loader{top:0;justify-content:center;align-items:center}.spinner{width:50px;aspect-ratio:1;display:grid;border:4px solid #0000;border-radius:50%;border-right-color:#25b09b;animation:1s linear infinite l15}.spinner::after,.spinner::before{content:"";grid-area:1/1;margin:2px;border:inherit;border-radius:50%;animation:2s infinite l15}.spinner::after{margin:8px;animation-duration:3s}@keyframes l15{100%{transform:rotate(1turn)}}#customAlert{display:none;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:8px;z-index:10000;text-align:center}#customAlert h3{margin:0 0 10px;font-size:20px}#customAlert p,.notification-bar p{font-size:14px}#customAlert p{margin:0 0 20px}#overlay{top:0}.chat-container{bottom:20px;right:30px;display:flex;flex-direction:column;align-items:center;z-index:888}.chat-menu{display:flex;flex-direction:column;margin-bottom:10px}.chat-btn,.chat-menu a{align-items:center;border-radius:50%;background-color:var(--second-bg-color);animation:2s ease-in-out infinite chat-btn-float;display:flex}.chat-menu a{justify-content:center;width:80px;height:80px;margin-bottom:2px;opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s}.chat-menu a img{width:50px;height:50px;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.chat-btn{justify-content:center;width:105px;height:105px;cursor:pointer}@keyframes chat-btn-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}.chat-btn img{width:80px;height:80px;transition:.5s;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.chat-btn.open{width:90px;height:90px;animation:none}.chat-btn.open img{width:45px;height:45px;transition:.5s;user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.chat-menu.show a{opacity:1;transform:translateY(0)}.chat-menu.show a:nth-child(3){transition-delay:0.1s}.chat-menu.show a:nth-child(2){transition-delay:0.2s}.chat-menu.show a:first-child{transition-delay:0.3s}.notification-bar{display:flex;align-items:center;justify-content:center;width:100%;height:25px;position:fixed;top:0;background-color:red;z-index:999}.home{display:flex;justify-content:space-between;align-items:center}.home-img img{margin-right:50px;width:25vw;animation:4s ease-in-out infinite floatImage}@keyframes floatImage{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.4rem)}}.home-content h3{font-size:3.2rem;font-weight:700}.home-content h3:nth-of-type(2){margin-bottom:2rem}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3}.home-content p{font-size:1.6rem;max-width:45vw}.social-media a{display:inline-flex;justify-content:center;align-items:center;width:4rem;height:4rem;background:0 0;border:.2rem solid var(--main-color);border-radius:50%;font-size:2rem;margin:3rem 1.5rem 3rem 0;transition:.5s}.btn,.footer-iconTop a,.social-media a:hover{background:var(--main-color)}.btn{display:inline-block;padding:1rem 2.8rem;border-radius:4rem;font-size:1.6rem;letter-spacing:.1rem;transition:.5s}.btn:hover{box-shadow:none}.slider-stacks{display:flex;align-items:center;justify-content:center;width:100%;height:120px;padding:none}.slider-track{display:flex;align-items:center;justify-content:center;width:85%;height:100px;background-color:#0d121b;padding:0 20px;border-radius:10px;position:relative}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.slider-track::after,.slider-track::before{content:'';position:absolute;height:100%;width:100%;background-image:conic-gradient(from var(--angle),var(--main-color),transparent,var(--main-color),var(--main-color),transparent,var(--main-color));top:50%;left:50%;translate:-50% -50%;z-index:-1;padding:3px;border-radius:10px;animation:3s linear infinite spin}.slider-track::before{filter:blur(1.5rem);opacity:.5}@keyframes spin{from{--angle:0deg}to{--angle:360deg}}.slider-track .container{display:flex;align-items:center;justify-content:flex-start;overflow:hidden;width:100%;border-radius:20px}.slider-track .track{display:flex;gap:65px;animation:25s linear infinite slider;width:max-content;flex-shrink:0}.slider-track .track p{text-align:center;font-size:26px;font-weight:700;opacity:.6}@keyframes slider{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.about{width:100%;padding:35px 10%;padding-right:calc(10% - 30px)}.about>h2{margin-top:5rem;margin-bottom:5rem;text-align:start;font-size:4.5rem}.about-section-title h2{color:var(--text-color);font-size:2.5rem;margin-bottom:3rem}.about .grid-row{display:grid;grid-column-gap:20px}.about-section-grid-col .about-section-title{font-family:helvetica;color:#11a372;padding:0 0 20px 30px}.about-section-grid-col .contents{padding:0 30px;border-left:2px solid #bababa}.about-section-grid-col .contents .box,.services-container .services-box{padding:3rem 2rem 4rem;border-radius:2rem;background:var(--second-bg-color);transition:.5s}.about-section-grid-col .contents .box{position:relative;cursor:pointer;margin-bottom:20px;flex:1 1 30rem;border:.2rem solid var(--bg-color)}.about-section-grid-col .contents .box:hover,.services-container .services-box:hover{border-color:var(--main-color);transform:scale(1.02)}.about-section-grid-col .contents .box:hover{box-shadow:0 3px 12px 0 var(--main-color)}.about-section-grid-col .contents .box::before{content:'';position:absolute;width:16px;height:16px;border-radius:50%;right:calc(100% + 22px);top:0;background-color:var(--main-color);border:2px solid var(--main-color)}.about-section-grid-col .box h4{font-size:14px;position:relative;color:var(--main-color)}.about-section-grid-col .box span{font-size:12px;padding-left:8px;position:relative;opacity:.8;color:var(--text-color)}.about-section-grid-col .box h3{font-size:22px;padding:10px 0 6px;font-family:helvetica;color:var(--text-color)}.about-section-grid-col .box p{line-height:1.2;color:var(--text-color);opacity:.8;font-size:16px}.about-section-grid-col .box ul{margin-top:8px;margin-left:14px;line-height:1.3;color:var(--text-color);opacity:.8;font-size:16px}.services h2{margin-bottom:5rem;text-align:center;font-size:4.5rem}.services-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem}.services-container .services-box{flex:1 1 30rem;text-align:center;border:.2rem solid var(--bg-color)}.services-box i{font-size:7rem;color:var(--main-color)}.services-box h3{margin-top:12px;font-size:2.6rem}.services-box p{font-size:1.6rem;margin:1rem 0 3rem}.contact h2,.portfolio .heading{font-size:4.5rem;text-align:center}.portfolio .heading{margin-bottom:4rem}.portfolio-container{display:flex;align-items:center;justify-content:center}.project-box{display:grid;background:var(--second-bg-color);max-width:1200px;min-height:450px;border-radius:2rem;margin:2rem;transition:.5s}.footer-iconTop a:hover,.project-box:hover{box-shadow:0 0 1rem var(--main-color)}.project-box .project-content{display:flex;align-items:start;flex-direction:column;justify-content:center;width:600px;padding:60px 40px}.project-box .project-content img{width:200px;margin-bottom:12px}.project-box .project-content h3{font-size:24px;line-height:1.2;margin-bottom:1rem}.project-box .project-content p{font-size:16px;line-height:1.2;margin-bottom:3rem}.project-box .project-image{width:600px;display:flex;align-items:end;margin-left:30px}.project-box .project-image img{width:550px}.contact h2{margin-bottom:3rem}.contact form{max-width:70rem;margin:1rem auto 3rem;text-align:center}.contact form .input-box{display:flex;justify-content:space-between;flex-wrap:wrap}.contact form .input-box input,.contact form textarea{width:100%;padding:1.5rem;font-size:1.6rem;color:var(--text-color);background:var(--second-bg-color);border-radius:.8rem;margin:.7rem 0}.contact form .input-box input{width:49%}.contact form textarea{resize:none}.contact form .btn{margin-top:3rem;cursor:pointer}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2rem 9%;background:var(--bg-color)}.footer-text p{font-size:1.6rem}.footer-iconTop a{display:inline-flex;justify-content:center;align-items:center;padding:.8rem;border-radius:.8rem;transition:.5s}.footer-iconTop a i{font-size:2.4rem;color:var(--second-bg-color)}@media (max-width:1200px){html{font-size:55%}}@media (max-width:991px){.footer,.header{padding:2rem 3%}.contact{min-height:auto}section{padding:10rem 3% 2rem}.portfolio,.services{padding-bottom:7rem}.project-box{max-width:920px;min-height:350px;margin:2rem}.project-box .project-content{display:flex;align-items:start;flex-direction:column;justify-content:center;width:420px;padding:50px 30px}.project-box .project-content img{width:150px;margin-bottom:12px}.project-box .project-content h3{font-size:18px;line-height:1.1;margin-bottom:1rem}.project-box .project-content p{font-size:14px;line-height:1.1;margin-bottom:2rem}.project-box .project-image{display:flex;width:500px;margin-left:-20px}.project-box .project-image img{width:450px}}@media (max-width:768px){#menu-icon,.navbar a,.navbar.active{display:block}.home-content .social-media,.home-content h1,.home-content h3,.home-content p{text-align:center}.navbar{position:absolute;top:100%;left:0;width:100%;padding:1rem 3%;background:var(--bg-color);border-top:.1rem solid rgba(0,0,0,.2);box-shadow:0 .5rem 1rem rgba(0,0,0,.2);display:none}.navbar a{font-size:2rem;margin:3rem 0}.home{flex-direction:column;margin-top:30px}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-content p{max-width:90vw}.home-download-button{display:flex;align-items:center;justify-content:center}.home-img{width:100%;margin-top:4rem;display:flex;justify-content:center}.home-img img{width:90%;margin:auto}.services h2{margin-bottom:3rem}.about .grid-row{grid-template-columns:1fr}.about-section-grid-col-2{padding-top:30px}.project-box{max-width:720px;min-height:350px;margin:2rem}.project-box .project-content{width:400px;padding:40px 20px}.project-box .project-content img{width:120px;margin-bottom:12px}.project-box .project-content h3{font-size:16px;line-height:1.1;margin-bottom:1rem}.project-box .project-content p{font-size:12px;line-height:1.1;margin-bottom:2rem}.project-box .project-image{display:flex;width:400px;margin-left:-20px}.project-box .project-image img{width:400px}}@media (max-width:617px){.footer{flex-direction:column-reverse}.footer p{text-align:center;margin-top:2rem}.project-box{max-width:580px;min-height:240px;margin:2rem}.project-box .project-content{display:flex;align-items:start;flex-direction:column;justify-content:center;width:300px;padding:40px 20px}.project-box .project-content img{width:100px;margin-bottom:12px}.project-box .project-content h3{font-size:14px;line-height:1.1;margin-bottom:1rem}.project-box .project-content p{font-size:12px;line-height:1.1;margin-bottom:2rem}.project-box .project-image{display:flex;width:300px;margin-left:-20px}.project-box .project-image img{width:300px}.chat-container{bottom:20px;right:20px}.chat-menu a{width:65px;height:65px}.chat-btn.open img,.chat-menu a img{width:40px;height:40px}.chat-btn{width:90px;height:90px}.chat-btn img{width:60px;height:60px}.chat-btn.open{width:80px;height:80px}}@media (max-width:450px){html{font-size:50%}.home-img{width:100%;margin-top:4rem;display:flex;justify-content:center}.home-img img{width:90%;margin:auto}.contact form .input-box input{width:100%}.project-box{width:100%;max-width:380px;grid-template-columns:1fr;margin:2rem}.project-box .project-content{display:flex;align-items:start;flex-direction:column;justify-content:center;width:100%;padding:40px 20px}.project-box .project-content img{width:120px;margin-bottom:12px}.project-box .project-content h3{font-size:16px;line-height:1.1;margin-bottom:1rem}.project-box .project-content p{font-size:14px;line-height:1.1;margin-bottom:2rem}.project-box .project-image{display:flex;margin-left:auto;margin-top:-30px}.chat-container{bottom:20px;right:20px}.chat-menu a{width:65px;height:65px}.chat-btn.open img,.chat-menu a img{width:40px;height:40px}.chat-btn{width:90px;height:90px}.chat-btn img{width:60px;height:60px}.chat-btn.open{width:80px;height:80px}}@media (max-width:365px){.home-img{width:100%;margin-top:4rem;display:flex;justify-content:center}.home-img img{width:90%;margin:auto}.about .grid-row{grid-template-columns:1fr}.about-section-grid-col:nth-child(2){margin-top:30px}.project-box .project-content{display:flex;align-items:start;justify-content:center;flex-direction:column;margin-bottom:12px;padding:40px 16px}.project-box .project-content h3{font-size:14px}.project-box .project-content p{font-size:11px}.project-box .project-image{margin-left:auto;margin-top:-30px}.project-box .project-image img{display:flex;margin-left:auto}.chat-container{bottom:20px;right:20px}.chat-menu a{width:50px;height:50px}.chat-menu a img{width:35px;height:35px}.chat-btn{width:75px;height:75px}.chat-btn img{width:40px;height:40px}.chat-btn.open{width:60px;height:60px}.chat-btn.open img{width:30px;height:30px}}