@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Turret+Road:wght@200;300;400;500;700;800&display=swap");*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{font-size:14px;transition:none;background-color:black;font-family:Nunito,sans-serif;font-weight:400}body:before{top:0;background:linear-gradient(180deg,#000000,transparent)}body:after,body:before{content:"";position:fixed;width:100%;height:10vh;left:0;pointer-events:none;z-index:20}body:after{bottom:0;background:linear-gradient(0deg,#000000,transparent)}img{border:0;max-width:100%}ol,ul{list-style:none;margin:0;padding:0}a{text-decoration:none;outline:none;display:inline-block}a:active,a:focus,a:visited{outline:none;border:0}a:hover{text-decoration:none}input:focus,select:focus,textarea:focus{outline:none}textarea{resize:none}:root{--primary-color:#d170fc;--secondary-text-color:#bfbfbf}::selection{background:var(--primary-color);color:#fff}.section .tag{font-size:clamp(50px,4vw,75px);color:var(--primary-color);text-transform:uppercase;margin-bottom:20px;font-family:Turret Road,sans-serif;font-weight:700;display:inline-block;background:currentColor -webkit-gradient(linear,100% 0,0 0,from(#fff),color-stop(.5,#fff),to(#fff)) no-repeat;background-position:-300% top;background-size:70% 100%;-webkit-background-clip:text;background-clip:text;animation:tag-animation 2.2s infinite;-webkit-text-fill-color:rgba(0,0,0,0);text-shadow:2px 2px 4px var(--primary-color)}@keyframes tag-animation{0%{background-position:-300% top}to{background-position:400% top}}@media(max-width:767px){.section .tag{font-size:45px}}@media(max-width:575px){.section .tag{font-size:35px}}.line-grp{position:fixed;width:100%;height:100%;top:0;left:0}.line-grp .line{position:absolute;top:0;width:1px;height:100%;background-color:var(--secondary-text-color);opacity:.2;z-index:-1}.line-grp .line-1{left:16.6666666667%}.line-grp .line-2{left:33.3333333333%}.line-grp .line-3{left:50%}.line-grp .line-4{left:66.6666666667%}.line-grp .line-5{left:83.3333333333%}.header{position:-webkit-sticky;position:sticky;top:15px;z-index:99999}.header .nav{width:-moz-fit-content;width:fit-content;margin:auto}.header .nav .nav__wrapper{font-size:16px;width:100%;display:flex;align-items:center;justify-content:center;gap:40px;background-color:#101414;padding:10px 50px;border-radius:50px;z-index:10}.header .nav .nav__wrapper .nav__logo{text-align:left;color:#fff;font-family:Turret Road,sans-serif;font-size:22px;font-weight:700}.header .nav .nav__wrapper .nav__list{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:0 20px;gap:25px}.header .nav .nav__wrapper .nav__list .nav__item{cursor:pointer;position:relative}.header .nav .nav__wrapper .nav__list .nav__item a{font-size:15px;transition:.3s ease-in-out}.header .nav .nav__wrapper .nav__list .nav__item a span{display:inline-flex;position:relative;overflow:hidden}.header .nav .nav__wrapper .nav__list .nav__item a span .first{transform:translateY(0) skewY(0);transition:.3s ease-in-out;opacity:1;color:var(--secondary-text-color)}.header .nav .nav__wrapper .nav__list .nav__item a span .second{position:absolute;top:0;left:0;transition:.3s ease-in-out;opacity:0;transform:translateY(110%) skewY(12deg);color:#fff}.header .nav .nav__wrapper .nav__list .nav__item a span.download-icon{color:var(--secondary-text-color);margin-left:10px;font-size:14px;transform:translateY(1px)}.header .nav .nav__wrapper .nav__list .nav__item a:hover span .first{transform:translateY(-110%) skewY(12deg);opacity:0}.header .nav .nav__wrapper .nav__list .nav__item a:hover span .second{transform:translateY(0) skewY(0);opacity:1}.header .nav .nav__wrapper .nav__toggle{background-color:rgba(0,0,0,0);box-shadow:none;border:none;cursor:pointer;color:#fff;font-size:20px;display:none}@media(max-width:767px){.header .nav{width:100%;max-width:400px}.header .nav .nav__wrapper{gap:10px;justify-content:space-between;position:relative}.header .nav .nav__wrapper .nav__list{position:absolute;flex-direction:column;top:60px;left:50%;transform:translateX(-50%) scaleY(0);background-color:#101414;padding:20px 10px;width:100%;z-index:-1;border-radius:25px;transition:transform .3s ease-in-out;transform-origin:top}.header .nav .nav__wrapper .nav__list.active{transform:translateX(-50%) scaleY(1)}.header .nav .nav__wrapper .nav__toggle{display:block}}@media(max-width:575px){.header .nav .nav__wrapper{padding:10px 30px}.header .nav .nav__wrapper .nav__list{gap:15px}}footer{padding:100px 0 30px;z-index:1;position:relative;width:100%;z-index:21;border-top:1px solid #2f2f2f;background-color:#000}footer .connect-sec{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:30px;background-color:#0d0e11;padding:50px 10px;text-align:center;border-radius:20px;gap:25px;position:relative}footer .connect-sec .connect-tag{background-color:rgba(0,178,0,.2470588235);color:#fff;font-size:14px;padding:10px 15px;border-radius:50px;line-height:1}footer .connect-sec .connect-tag .dot{width:10px;height:10px;background-color:#00b200;border-radius:50%;display:inline-block;margin-right:10px;box-shadow:0 0 10px #00b200;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}footer .connect-sec .connect-title{font-size:clamp(32px,3vw,62px);font-family:Turret Road,sans-serif;font-weight:700;color:#fff;max-width:500px}footer .connect-sec .connect-title span{color:var(--primary-color)}footer .connect-sec .connect-desc{font-size:16px;color:var(--secondary-text-color);text-align:center}footer .connect-sec a{background-color:#fff;color:var(--primary-color);font-weight:500;font-size:14px;padding:10px 20px;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease}footer .connect-sec a:hover{background-color:var(--primary-color);color:#fff;padding:10px 25px}footer .footer-content{display:flex;justify-content:space-between;align-items:center;color:var(--secondary-text-color)}footer .footer-content h6{font-size:14px;line-height:1;margin:0}footer .footer-content ul{display:flex;align-items:center;gap:30px;overflow:hidden}footer .footer-content ul li a{color:var(--secondary-text-color);font-size:14px;text-transform:uppercase}footer .footer-content ul li a svg{width:20px;height:20px;margin-bottom:-1px}footer .footer-content ul:has(li:hover) li:not(:hover){opacity:.5}@media(max-width:767px){footer .connect-sec{padding:30px 10px;gap:18px}footer .connect-sec .connect-title{font-size:28px}footer .footer-content ul{gap:20px}footer .footer-content ul li a{font-size:12px}footer .footer-content ul li a svg{width:16px;height:16px}}@media(max-width:575px){footer{padding:70px 0 30px}footer .footer-content h6{font-size:12px}footer .footer-content ul{gap:15px}}.skill-section{padding:100px 0}.skill-section .tag{animation-delay:.4s}.skill-section .skill-box{background:#000;border:1px solid #2f2f2f;padding:25px;border-radius:10px;color:#fff}.skill-section .skill-box .icon{border:1px solid #2f2f2f;border-radius:5px;margin-bottom:25px;width:70px;height:70px;padding:10px;display:flex;justify-content:center;align-items:center}.skill-section .skill-box .icon img{width:35px;height:35px;object-fit:cover}.skill-section .skill-box .title{font-size:24px;font-family:Turret Road,sans-serif;font-weight:500;margin-bottom:10px}.skill-section .skill-box .desc{font-size:16px;color:var(--secondary-text-color)}.skill-section .skill-box:hover{background:#232324}.skill-section .skill-box:hover,.skill-section .skill-box:hover .icon{border-color:var(--primary-color)}.skill-section .icons-list{display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;margin-top:50px}.skill-section .icons-list .skill-icon{background-color:#202020;border-radius:50px;padding:8px 15px;display:flex;align-items:center;color:var(--secondary-text-color);gap:10px;border:1px solid rgba(0,0,0,0)}.skill-section .icons-list .skill-icon img{width:18px;height:auto;object-fit:cover}.skill-section .icons-list .skill-icon:hover{border:1px solid var(--primary-color);color:#fff}@media(max-width:767px){.skill-section .skill-box{margin-bottom:20px;padding:20px}.skill-section .skill-box .icon{width:50px;height:50px;margin-bottom:15px}.skill-section .skill-box .icon img{width:25px;height:25px}.skill-section .skill-box .title{font-size:22px;margin-bottom:5px}.skill-section .skill-box .desc{font-size:14px}.skill-section .icons-list{margin-top:20px}.skill-section .icons-list .skill-icon{padding:6px 13px;font-size:12px}.skill-section .icons-list .skill-icon img{width:14px}}@media(max-width:575px){.skill-section{padding:70px 0}}.home-page{z-index:10;position:relative;opacity:0}.home-page .hero-section{position:relative;width:100%;overflow-x:clip}.home-page .hero-section .title{font-size:clamp(50px,6.7vw,135px);line-height:1;font-family:Turret Road,sans-serif;font-weight:700;color:#fff;margin-top:80px}.home-page .hero-section .title span{color:var(--primary-color);display:inline-block}.home-page .hero-section .quotes{margin-top:40px;color:var(--secondary-text-color)}.home-page .hero-section .quotes .line{width:100%;height:100%;position:relative}.home-page .hero-section .quotes .line:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:var(--secondary-text-color);transform:translateY(-50%);opacity:.3}.home-page .hero-section .quotes h6{font-size:14px;line-height:1.5}.home-page .hero-section .social ul{display:flex;justify-content:flex-start;align-items:center;gap:20px;margin-top:50px}.home-page .hero-section .social ul li{transition:.3s ease-in-out}.home-page .hero-section .social ul li a{color:#fff;font-size:16px;text-transform:uppercase}.home-page .hero-section .social ul li a svg{width:16px;height:16px;margin-bottom:-1px}.home-page .hero-section .social ul:has(li:hover) li:not(:hover){opacity:.5}.home-page .infinity-carousel{padding:140px 0 200px;width:100%;overflow:hidden}.home-page .infinity-carousel .carousel-first{background-color:var(--primary-color);width:-moz-fit-content;width:fit-content;transform:skewX(-10deg) rotate(-5deg) translateX(-150px)}.home-page .infinity-carousel .carousel-first .carousel-line{display:flex;align-items:center;gap:50px;padding:0 50px}.home-page .infinity-carousel .carousel-first .carousel-line .carousel-text{color:#fff;font-size:clamp(50px,5vw,100px);font-family:Turret Road,sans-serif}.home-page .about-us{padding:100px 0}.home-page .about-us h3{font-size:30px;color:#fff;transform:scale(1) skew(1deg)}.home-page .project-sec{padding:100px 0;background-color:#000;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f}.home-page .project-sec .tag{animation-delay:.4s}.home-page .project-sec .project-list{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:150px}.home-page .project-sec .project-list .project{z-index:1;width:100%;height:calc(100vh - 150px);position:relative}.home-page .project-sec .project-list .project .project-content{width:100%;height:100%;position:relative;padding:10px;display:flex;justify-content:flex-start;align-items:flex-end;z-index:1}.home-page .project-sec .project-list .project .project-content:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(0deg,rgb(0,0,0),rgba(0,0,0,0));z-index:0}.home-page .project-sec .project-list .project .project-content .project-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:10px;z-index:-1}.home-page .project-sec .project-list .project .project-content .content{color:#fff;z-index:1;background-color:rgba(106,107,111,.3019607843);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:15px 20px;border-radius:8px}.home-page .project-sec .project-list .project .project-content .content .title{font-size:24px;font-family:Turret Road,sans-serif;font-weight:500}.home-page .project-sec .project-list .project .project-content .content .title a{color:#fff;text-decoration:none;font-size:28px;transform:translateY(2px)}.home-page .project-sec .project-list .project .project-content .content .description{font-size:14px;margin-top:10px}@media(max-width:767px){.home-page .hero-section .title{font-size:45px;margin-top:100px}.home-page .hero-section .quotes{margin-top:20px}.home-page .hero-section .quotes .line{display:none}.home-page .hero-section .social ul{margin-top:30px}.home-page .infinity-carousel{padding:30px 0 100px}.home-page .infinity-carousel .carousel-first .carousel-line .carousel-text{font-size:40px}.home-page .about-us h3{font-size:24px}}@media(max-width:575px){.home-page .hero-section .title{font-size:40px}.home-page .hero-section .social ul li a{font-size:12px}.home-page .hero-section .social ul li a svg{width:12px;height:12px;margin-bottom:0}.home-page .about-us{padding:70px 0}.home-page .about-us h3{font-size:20px}.home-page .project-sec{padding:70px 0}}.about-us-page{z-index:2;position:relative;opacity:0}.about-us-page .hero-section{padding:100px 0}.about-us-page .hero-section .profile-picture img{max-width:400px;width:100%;height:auto;border-radius:20px;margin:auto;display:block}.about-us-page .hero-section .profile-content h2{font-size:clamp(60px,4.3vw,85px);line-height:1.2;font-family:Turret Road,sans-serif;font-weight:700;color:#fff;margin-top:40px}.about-us-page .hero-section .profile-content h2 span{color:var(--primary-color);display:inline-block}.about-us-page .hero-section .profile-content .line{width:100%;height:100%;position:relative}.about-us-page .hero-section .profile-content .line:before{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:var(--secondary-text-color);transform:translateY(-50%);opacity:.3}.about-us-page .hero-section .profile-content p{display:block;margin:30px 0;font-size:14px;line-height:1.5;color:var(--secondary-text-color)}.about-us-page .hero-section .profile-content a{background-color:#fff;color:var(--primary-color);font-weight:500;font-size:14px;padding:10px 20px;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease;margin-top:20px}.about-us-page .hero-section .profile-content a:hover{background-color:var(--primary-color);color:#fff;padding:10px 25px}.about-us-page .experience-sec{border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;padding:100px 0;background-color:#000}.about-us-page .experience-sec .experience-list{position:relative;z-index:1}.about-us-page .experience-sec .experience-list .experience-card{width:100%;background:#000;border:1px solid #2f2f2f;padding:25px;border-radius:10px;color:#fff;position:relative;z-index:2}.about-us-page .experience-sec .experience-list .experience-card.first:before{content:"";position:absolute;top:50%;right:-50px;width:50px;height:1px;background-color:var(--secondary-text-color);z-index:-1}.about-us-page .experience-sec .experience-list .experience-card .experience-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.about-us-page .experience-sec .experience-list .experience-card .experience-header .icon{border:1px solid #2f2f2f;border-radius:5px;width:70px;height:70px;padding:10px;display:flex;justify-content:center;align-items:center}.about-us-page .experience-sec .experience-list .experience-card .experience-header .icon img{width:35px;height:35px;object-fit:cover}.about-us-page .experience-sec .experience-list .experience-card .experience-header .year{font-size:14px;color:var(--secondary-text-color);font-weight:500;font-style:italic}.about-us-page .experience-sec .experience-list .experience-card .job-role{font-family:Turret Road,sans-serif;font-size:24px;font-weight:700;color:#fff;text-transform:capitalize}.about-us-page .experience-sec .experience-list .experience-card .company-name{font-size:14px;color:var(--secondary-text-color);font-weight:500;font-style:italic}.about-us-page .experience-sec .experience-list .experience-card:hover{background:#232324;border-color:var(--primary-color)}.about-us-page .experience-sec .experience-list .experience-card:hover .experience-header .icon{border-color:var(--primary-color)}.about-us-page .achievement-sec{padding:100px 0;position:relative}.about-us-page .achievement-sec .achievement-content h5{font-size:24px;font-weight:500;font-family:Turret Road,sans-serif;color:#fff;margin-bottom:15px}.about-us-page .achievement-sec .achievement-content p{font-size:16px;line-height:1.5;color:var(--secondary-text-color)}.about-us-page .achievement-sec .achievement-image{position:absolute;top:50%;transform:translateY(-50%);right:0;z-index:-1}.about-us-page .achievement-sec .achievement-image img{width:100%;max-width:550px;height:auto}@media(max-width:1400px){.about-us-page .achievement-sec .achievement-image img{max-width:500px}}@media(max-width:1200px){.about-us-page .achievement-sec .achievement-image img{max-width:420px}}@media(max-width:991px){.about-us-page .hero-section .profile-picture img{margin:unset;width:100%;max-width:unset;max-height:400px;object-fit:cover}.about-us-page .achievement-sec .achievement-content{padding-top:400px}.about-us-page .achievement-sec .achievement-image{top:220px;transform:unset}}@media(max-width:767px){.about-us-page .hero-section .profile-picture img{margin:unset;width:100%;max-width:unset;max-height:330px;object-fit:cover}.about-us-page .hero-section .profile-content .line{display:none}.about-us-page .hero-section .profile-content h2{font-size:40px}.about-us-page .hero-section .profile-content p{margin:10px 0}.about-us-page .experience-sec .experience-list{gap:20px}.about-us-page .experience-sec .experience-list .experience-card{padding:20px}.about-us-page .experience-sec .experience-list .experience-card.first:before{width:1px;height:20px;top:unset;bottom:-20px;right:50%;transform:translateX(50%)}.about-us-page .experience-sec .experience-list .experience-card .experience-header{margin-bottom:15px}.about-us-page .experience-sec .experience-list .experience-card .job-role{font-size:22px}.about-us-page .achievement-sec .achievement-content{padding-top:350px}.about-us-page .achievement-sec .achievement-image{top:210px;transform:unset}.about-us-page .achievement-sec .achievement-image img{max-width:370px}}@media(max-width:575px){.about-us-page .hero-section{padding:100px 0 70px}.about-us-page .hero-section .profile-picture img{margin:auto}.about-us-page .hero-section .profile-content h2{font-size:34px}.about-us-page .experience-sec{padding:70px 0}.about-us-page .experience-sec .experience-list .experience-card .experience-header{gap:10px}.about-us-page .experience-sec .experience-list .experience-card .experience-header .icon{width:50px;height:50px;padding:5px}.about-us-page .experience-sec .experience-list .experience-card .experience-header .icon img{width:25px;height:25px}.about-us-page .experience-sec .experience-list .experience-card .experience-header .year{font-size:12px}.about-us-page .experience-sec .experience-list .experience-card .job-role{font-size:20px}.about-us-page .experience-sec .experience-list .experience-card .company-name{font-size:12px}.about-us-page .achievement-sec .achievement-content{padding-top:300px}.about-us-page .achievement-sec .achievement-image{top:200px;transform:unset}.about-us-page .achievement-sec .achievement-image img{max-width:300px}}.contact-sec{position:relative;padding:100px 0;z-index:2;opacity:0}.contact-sec h2{font-size:clamp(60px,4.3vw,85px);color:#fff;font-family:Turret Road,sans-serif;font-weight:700;margin-bottom:15px}.contact-sec h2 span{color:var(--primary-color);display:inline-block}.contact-sec p{font-size:16px;line-height:1.5;color:var(--secondary-text-color);margin-bottom:30px}.contact-sec form{width:100%}.contact-sec form .input_grp{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.contact-sec form .input_grp input,.contact-sec form .input_grp textarea{width:100%;border:1px solid #6a6a6a;background-color:#000;padding:12px 15px;border-radius:5px;font-size:14px;color:#fff}.contact-sec form .input_grp input:focus,.contact-sec form .input_grp textarea:focus{outline:none;border:1px solid var(--primary-color);box-shadow:0 0 5px var(--primary-color)}.contact-sec form .error-mess{color:red;font-size:14px;font-weight:500;letter-spacing:.5px;text-align:right;display:block}.contact-sec form .success-message{background-color:#205622;color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px;margin-bottom:20px;padding:15px;text-align:center;border-radius:5px}.contact-sec form .text-meter{color:#fff;font-size:14px;font-weight:500;letter-spacing:.5px;text-align:right;display:block}.contact-sec form .unsuccess-message{background-color:#7e2d2d;color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px;margin-bottom:20px;padding:15px;text-align:center}.contact-sec form button{background-color:#fff;color:var(--primary-color);font-weight:500;font-size:14px;padding:10px 20px;border-radius:50px;border:none;cursor:pointer;transition:all .3s ease}.contact-sec form button:hover{background-color:var(--primary-color);color:#fff;padding:10px 25px}.contact-sec form button .text{display:flex;align-items:center;gap:5px}.contact-sec form button .text .spinner{margin-top:-2px}@media(max-width:767px){.contact-sec h2{font-size:40px}}@media(max-width:575px){.contact-sec{padding:100px 0 70px}.contact-sec h2{font-size:34px}.contact-sec p{font-size:14px}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}