.topbar{background-color:var(--bg);color:var(--text);height:70px;position:fixed;top:0;transition:all 1s ease;width:100%;z-index:3}.topbar,.topbar .wrapper{align-items:center;display:flex}.topbar .wrapper{flex:1 1;justify-content:space-between;padding:0 30px}.topbar .wrapper .left{align-items:center;display:flex;margin-right:40px}.topbar .wrapper .left .logo{color:inherit;font-size:40px;font-weight:700;text-decoration:none}@media(max-width:768px){.topbar .wrapper .left .logo{font-size:25px}}.topbar .wrapper .left span{font-size:15px;font-weight:400}.topbar .wrapper .right .hamburger{cursor:pointer;display:flex;flex-direction:column;height:25px;justify-content:space-between;width:32px}.topbar .wrapper .right .hamburger span{background-color:var(--text);height:3px;transform-origin:left;transition:all 2s ease;width:100%}.topbar.active{background-color:#1f2937;color:#fff}.topbar.active .hamburger span:first-child{background-color:#fff;transform:rotate(45deg)}.topbar.active .hamburger span:nth-child(2){opacity:0}.topbar.active .hamburger span:last-child{background-color:#fff;transform:rotate(-45deg)}.intro{align-items:stretch;background-image:url(https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1600&auto=format&fit=crop);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 90px);position:relative}.intro:before{background:linear-gradient(180deg,#0e0f13d9,#0e0f13d9);content:"";inset:0;position:absolute}.intro .wrapper{display:flex;gap:40px;height:100%;margin:0 auto;max-width:1100px;padding:0 20px;position:relative;z-index:1}.intro .wrapper,.intro .wrapper.single{align-items:center;justify-content:center}.intro .right{flex:.8 1}.intro .right .wrapper{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding-left:0;text-align:center;width:100%}.intro .right .wrapper h1{font-size:clamp(28px,6.5vw,48px);white-space:nowrap}.intro .right .wrapper h2{font-size:35px;margin:10px 0}.intro .right .wrapper h3{font-size:30px}.intro .right .wrapper h3 span{color:#fff}.intro .right .wrapper .tagline{color:#e6e6f0d9;margin-top:10px;max-width:560px}.intro .right .wrapper .badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}.intro .right .wrapper .badge{background:var(--muted);border:1px solid #ffffff0f;border-radius:999px;color:var(--text);font-size:12px;padding:6px 10px}.intro .right .wrapper .button-wrapper{display:flex;flex-wrap:wrap;justify-content:center}.intro .right .wrapper a{align-items:center;background-color:var(--accent);border-radius:10px;border-width:0;color:#fff;cursor:pointer;display:flex;font-size:14px;height:35px;justify-content:center;margin:20px 10px 0 0;text-decoration:none;width:150px}.intro .right .wrapper a.secondary{background:#0000;border:1px solid var(--muted);color:#fff}.intro .right .wrapper a:hover{background-color:#1f2937;color:#fff}.intro .right .wrapper .ityped-cursor{animation:blink .3s infinite alternate;font-size:2.2rem;opacity:1}.intro a{display:flex;justify-content:center;position:relative;z-index:1}.intro a img{animation:arrowblink 2s infinite;filter:invert(1) brightness(1.2);width:50px}@keyframes arrowblink{to{opacity:0}}@keyframes blink{to{opacity:0}}.intro .left{display:none}.portfolio{align-items:center;background-color:var(--bg);display:flex;flex-direction:column}.portfolio h1{font-size:40px}@media(max-width:768px){.portfolio h1{font-size:30px}}.portfolio ul{display:flex;list-style:none;margin:10px;padding:0}@media(max-width:768px){.portfolio ul{flex-wrap:wrap;justify-content:center;margin:10px 0}}.portfolio .container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;width:70%}@media(max-width:768px){.portfolio .container{width:100%}}.portfolio .container .item{align-items:center;background-color:var(--muted);border:1px solid var(--muted);border-radius:20px;color:var(--text);cursor:pointer;display:flex;height:180px;justify-content:center;margin:10px;padding:20px;position:relative;text-align:center;transition:all .5s ease;width:220px}@media(max-width:768px){.portfolio .container .item{height:120px;width:120px}}.portfolio .container .item h3{display:none;font-size:1.2rem;position:absolute}.portfolio .container .item img{height:100%;object-fit:contain;width:100%;z-index:1}.portfolio .container .item:hover{background-color:#1f2937}.portfolio .container .item:hover img{opacity:.2;z-index:0}.portfolio .container .item:hover h3{display:block}li{border-radius:10px;cursor:pointer;font-size:1rem;margin-right:5px;padding:7px}@media(max-width:768px){li{margin-right:20px}}li.active{background-color:#1f2937;color:#fff}.testimonials{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:600px}@media(max-width:768px){.testimonials{justify-content:space-around}}.testimonials h1{font-size:40px}@media(max-width:768px){.testimonials h1{font-size:30px}}.testimonials .container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:400px;padding-top:20px;width:100%}@media(max-width:768px){.testimonials .container{flex-direction:column;height:100%}}.testimonials .container .testimonial-images{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;overflow:visible;width:80%}.testimonials .container .testimonial-images .image-container{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;margin:10px;overflow:visible;position:relative;width:80px}.testimonials .container .testimonial-images .image-container img{border-radius:50%;height:90%}.testimonials .container .testimonial-images .image-container .active{animation:spin 10s linear infinite;border:2px dashed var(--text);border-radius:50%;height:70px;left:50%;padding:5px;position:absolute;top:50%;width:70px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(1turn)}}.testimonials .container .testimonial-comment{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px 0;text-align:center}.testimonials .container .testimonial-comment h1{font-size:20px}.testimonials .container .testimonial-comment h2{font-size:12px}.testimonials .container .testimonial-comment .testimonial-desc{background-color:var(--muted);border-radius:20px;font-size:1.5rem;font-weight:500;margin:20px 0;padding:30px;width:50%}.app{--bg:#0e0f13;--text:#e6e6f0;--muted:#1e2230;--accent:#1f2937;--section-pad-y:60px;--section-pad-x:24px;background-color:var(--bg);color:var(--text);height:100vh}.app .sections{height:calc(100vh - 70px);position:relative;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;top:70px;width:100%}.app .sections::-webkit-scrollbar{display:none}.app .sections>*{background-color:var(--bg);box-sizing:border-box;color:var(--text);padding:var(--section-pad-y) var(--section-pad-x);width:100vw}.menu{align-items:center;background-color:#1f2937;display:flex;flex-direction:column;height:100vh;justify-content:center;position:fixed;right:-300px;top:0;transition:all 1s ease;width:300px;z-index:2}.menu.active{right:0}.menu ul{color:#fff;font-size:2rem;font-weight:300;list-style:none;margin:0;padding:0;width:60%}.menu ul li{margin-bottom:30px}.menu ul li a{color:inherit;font-size:inherit;text-decoration:none}.menu ul li:hover{font-weight:500}.About{align-items:center;background-color:var(--bg);display:flex;justify-content:center;text-align:left;width:100%}@media(max-width:768px){.About{flex-direction:column-reverse;height:auto;justify-content:space-around}}.About .right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.About .right .device{background-color:var(--muted);background-image:url(/static/media/adeel1.bc764f2310141e4d4d68.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;box-shadow:0 0 0 2px #ffffff0d,0 8px 24px #0000004d;height:400px;outline:1px solid #ffffff0a;overflow:hidden;position:relative;width:400px}.About .right .device:before{border:1px solid #ffffff14;border-radius:8px;content:"";inset:8px;pointer-events:none;position:absolute}.About .left{align-items:center;display:flex;flex:1 1;flex-direction:column;height:auto;justify-content:center;padding:30px;width:500px}@media(max-width:768px){.About .left{width:100%}}.About .left .wrapper{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;width:80%}@media(max-width:768px){.About .left .wrapper{align-items:center;width:86%}}.About .left h1{font-size:40px}@media(max-width:768px){.About .left h1{font-size:28px}}.About .left .desc{color:var(--text);font-weight:300;margin:10px 0}@media(max-width:768px){.About .left .desc{font-size:1rem;text-align:center}}.About .left .points{color:#e6e6f0d9;margin:8px 0 14px 16px}.About .left .points li{margin:6px 0}.About .left .stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.About .left .stat{align-items:baseline;background:var(--muted);border:1px solid #ffffff0f;border-radius:8px;display:flex;padding:8px 10px}.About .left .stat .num{font-size:20px;font-weight:700}.About .left .stat .label{font-size:11px;margin-left:6px;opacity:.8}.About .left h2{font-size:2rem}.About .left p{font-size:1.5rem}.footer{background-color:#1f2937;display:flex;justify-content:center;padding:50px 0;width:100%}.footer .wrapper{align-items:center;color:#fff;display:flex;flex-direction:row;justify-content:space-around;width:90%}@media(max-width:920px){.footer .wrapper{flex-direction:column;justify-content:center}}.footer .wrapper{height:100%}.footer .left{display:flex;flex-direction:column}@media(max-width:920px){.footer .left{justify-content:flex-start;width:100%}}.footer .left{flex:1 1}.footer .right{display:flex;flex-direction:row;flex-wrap:wrap}@media(max-width:920px){.footer .right{flex-direction:row;justify-content:flex-start;width:100%}}.footer .right{flex:2 1;justify-content:space-around}.footer .section{display:flex;flex-direction:column;height:100%}@media(max-width:920px){.footer .section{margin:20px 20px 0 0}}.footer a{color:#fff;text-decoration:none}.footer .contactItem{align-items:center;display:flex;flex-direction:row;margin:10px 0}@media(max-width:920px){.footer .contactItem{margin:5px 0}}.footer .Icon{margin-right:5px}.footer .SocailIcon{font-size:28px;margin-right:6px}.Technologies{align-items:center;display:flex;flex-direction:column;min-height:600px}.Technologies h1{font-size:40px}@media(max-width:768px){.Technologies h1{font-size:30px}}.Technologies .Tech{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:60px;width:100%}.Technologies .Tech .TechItem{align-items:center;display:flex;flex-direction:column;margin:20px;width:350px}.Technologies .Tech .TechItem img{height:100px}.Technologies .Tech .TechItem img .logo-fallback{align-items:center;background:var(--muted);border-radius:12px;color:var(--text);display:flex;font-weight:700;height:100px;justify-content:center;letter-spacing:1px;width:100px}.Technologies .Tech .TechItem img .logo-fallback h3{font-size:20px;margin:10px}
/*# sourceMappingURL=main.a2271ea9.css.map*/