*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{background-color:#000;font-family:Nunito,sans-serif;font-size:14px;font-weight:400;transition:none}body:before{content:"";pointer-events:none;z-index:20;background:linear-gradient(#000,#0000);width:100%;height:10vh;position:fixed;top:0;left:0}body:after{content:"";pointer-events:none;z-index:20;background:linear-gradient(#0000,#000);width:100%;height:10vh;position:fixed;bottom:0;left:0}img{border:0;max-width:100%}ul,ol{margin:0;padding:0;list-style:none}a{outline:none;text-decoration:none;display:inline-block}a:focus,a:active,a:visited{border:0;outline:none}a:hover{text-decoration:none}select:focus,input:focus,textarea:focus{outline:none}textarea{resize:none}
:root{--primary-color:#007bff;--secondary-text-color:#bfbfbf}::selection{background:var(--primary-color);color:#fff}.section .tag{color:var(--primary-color);text-transform:uppercase;background:currentColor -webkit-gradient(linear,100% 0,0 0,from(#fff),color-stop(.5,#fff),to(#fff)) -300% 0/70% 100% no-repeat;-webkit-text-fill-color:#0000;text-shadow:2px 2px 4px #3d33ff;-webkit-background-clip:text;background-clip:text;margin-bottom:20px;font-family:Turret Road,sans-serif;font-size:clamp(50px,4vw,75px);font-weight:700;animation:2.2s infinite tag-animation;display:inline-block}@keyframes tag-animation{0%{background-position:-300% 0}to{background-position:400% 0}}@media (max-width:767px){.section .tag{font-size:45px}}@media (max-width:575px){.section .tag{font-size:35px}}.line-grp{width:100%;height:100%;position:fixed;top:0;left:0}.line-grp .line{background-color:var(--secondary-text-color);opacity:.2;z-index:-1;width:1px;height:100%;position:absolute;top:0}.line-grp .line-1{left:16.6667%}.line-grp .line-2{left:33.3333%}.line-grp .line-3{left:50%}.line-grp .line-4{left:66.6667%}.line-grp .line-5{left:83.3333%}.header{z-index:99999;position:sticky;top:15px}.header .nav{width:fit-content;margin:auto}.header .nav .nav__wrapper{z-index:10;background-color:#101414;border-radius:50px;justify-content:center;align-items:center;gap:40px;width:100%;padding:10px 50px;font-size:16px;display:flex}.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;justify-content:center;align-items:center;gap:25px;padding:0 20px;display:flex}.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:all .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{opacity:1;color:var(--secondary-text-color);transition:all .3s ease-in-out;transform:translateY(0)skewY(0)}.header .nav .nav__wrapper .nav__list .nav__item a span .second{opacity:0;color:#fff;transition:all .3s ease-in-out;position:absolute;top:0;left:0;transform:translateY(110%)skewY(12deg)}.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{opacity:0;transform:translateY(-110%)skewY(12deg)}.header .nav .nav__wrapper .nav__list .nav__item a:hover span .second{opacity:1;transform:translateY(0)skewY(0)}.header .nav .nav__wrapper .nav__toggle{box-shadow:none;cursor:pointer;color:#fff;background-color:#0000;border:none;font-size:20px;display:none}@media (max-width:767px){.header .nav{width:100%;max-width:400px}.header .nav .nav__wrapper{justify-content:space-between;gap:10px;position:relative}.header .nav .nav__wrapper .nav__list{z-index:-1;transform-origin:top;background-color:#101414;border-radius:25px;flex-direction:column;width:100%;padding:20px 10px;transition:transform .3s ease-in-out;position:absolute;top:60px;left:50%;transform:translate(-50%)scaleY(0)}.header .nav .nav__wrapper .nav__list.active{transform:translate(-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{z-index:1;z-index:21;background-color:#000;border-top:1px solid #2f2f2f;width:100%;padding:100px 0 30px;position:relative}footer .connect-sec{text-align:center;background-color:#0d0e11;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:25px;margin-bottom:30px;padding:50px 10px;display:flex;position:relative}footer .connect-sec .connect-tag{color:#fff;background-color:#00b2003f;border-radius:50px;padding:10px 15px;font-size:14px;line-height:1}footer .connect-sec .connect-tag .dot{background-color:#00b200;border-radius:50%;width:10px;height:10px;margin-right:10px;animation:1.5s infinite pulse;display:inline-block;box-shadow:0 0 10px #00b200}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}footer .connect-sec .connect-title{color:#fff;max-width:500px;font-family:Turret Road,sans-serif;font-size:clamp(32px,3vw,62px);font-weight:700}footer .connect-sec .connect-title span{color:var(--primary-color)}footer .connect-sec .connect-desc{color:var(--secondary-text-color);text-align:center;font-size:16px}footer .connect-sec a{color:var(--primary-color);cursor:pointer;background-color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}footer .connect-sec a:hover{background-color:var(--primary-color);color:#fff;padding:10px 25px}footer .footer-content{color:var(--secondary-text-color);justify-content:space-between;align-items:center;display:flex}footer .footer-content h6{margin:0;font-size:14px;line-height:1}footer .footer-content ul{align-items:center;gap:30px;display:flex;overflow:hidden}footer .footer-content ul li a{color:var(--secondary-text-color);text-transform:uppercase;font-size:14px}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{gap:18px;padding:30px 10px}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{color:#fff;background:#000;border:1px solid #2f2f2f;border-radius:10px;padding:25px}.skill-section .skill-box .icon{border:1px solid #2f2f2f;border-radius:5px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:25px;padding:10px;display:flex}.skill-section .skill-box .icon img{object-fit:cover;width:35px;height:35px}.skill-section .skill-box .title{margin-bottom:10px;font-family:Turret Road,sans-serif;font-size:24px;font-weight:500}.skill-section .skill-box .desc{color:var(--secondary-text-color);font-size:16px}.skill-section .skill-box:hover{border-color:var(--primary-color);background:#232324}.skill-section .skill-box:hover .icon{border-color:var(--primary-color)}.skill-section .icons-list{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:50px;display:flex}.skill-section .icons-list .skill-icon{color:var(--secondary-text-color);background-color:#202020;border:1px solid #0000;border-radius:50px;align-items:center;gap:10px;padding:8px 15px;display:flex}.skill-section .icons-list .skill-icon img{object-fit:cover;width:18px;height:auto}.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{margin-bottom:5px;font-size:22px}.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;opacity:0;position:relative}.home-page .hero-section{width:100%;position:relative;overflow-x:clip}.home-page .hero-section .title{color:#fff;margin-top:80px;font-family:Turret Road,sans-serif;font-size:clamp(50px,6.9vw,135px);font-weight:700;line-height:1}.home-page .hero-section .title span{color:var(--primary-color);display:inline-block}.home-page .hero-section .quotes{color:var(--secondary-text-color);margin-top:40px}.home-page .hero-section .quotes .line{width:100%;height:100%;position:relative}.home-page .hero-section .quotes .line:before{content:"";background-color:var(--secondary-text-color);opacity:.3;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.home-page .hero-section .quotes h6{font-size:14px;line-height:1.5}.home-page .hero-section .social ul{justify-content:flex-start;align-items:center;gap:20px;margin-top:50px;display:flex}.home-page .hero-section .social ul li{transition:all .3s ease-in-out}.home-page .hero-section .social ul li a{color:#fff;text-transform:uppercase;font-size:16px}.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{width:100%;padding:100px 0 200px;overflow:hidden}.home-page .infinity-carousel .carousel-first{background-color:var(--primary-color);width:fit-content;transform:skew(-10deg)rotate(-5deg)translate(-150px)}.home-page .infinity-carousel .carousel-first .carousel-line{align-items:center;gap:50px;padding:0 50px;display:flex}.home-page .infinity-carousel .carousel-first .carousel-line .carousel-text{color:#fff;font-family:Turret Road,sans-serif;font-size:clamp(50px,5vw,100px)}.home-page .about-us{padding:100px 0}.home-page .about-us h3{color:#fff;font-size:30px;transform:scale(1)skew(1deg)}.home-page .project-sec{background-color:#000;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;padding:100px 0}.home-page .project-sec .tag{animation-delay:.4s}.home-page .project-sec .project-list{flex-direction:column;justify-content:space-between;align-items:center;gap:150px;display:flex}.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{z-index:1;justify-content:flex-start;align-items:flex-end;width:100%;height:100%;padding:10px;display:flex;position:relative}.home-page .project-sec .project-list .project .project-content:before{content:"";z-index:0;background:linear-gradient(#0000 0%,#000 100%);width:100%;height:50%;position:absolute;bottom:0;left:0}.home-page .project-sec .project-list .project .project-content .project-image{object-fit:cover;z-index:-1;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.home-page .project-sec .project-list .project .project-content .content{color:#fff;z-index:1;-webkit-backdrop-filter:blur(10px);background-color:#6a6b6f4d;border-radius:8px;padding:15px 20px}.home-page .project-sec .project-list .project .project-content .content .title{font-family:Turret Road,sans-serif;font-size:24px;font-weight:500}.home-page .project-sec .project-list .project .project-content .content .description{margin-top:10px;font-size:14px}@media (max-width:767px){.home-page .hero-section .title{margin-top:100px;font-size:45px}.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;opacity:0;position:relative}.about-us-page .hero-section{padding:100px 0}.about-us-page .hero-section .profile-picture img{border-radius:20px;width:100%;max-width:400px;height:auto;margin:auto;display:block}.about-us-page .hero-section .profile-content h2{color:#fff;margin-top:40px;font-family:Turret Road,sans-serif;font-size:clamp(60px,4.3vw,85px);font-weight:700;line-height:1.2}.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:"";background-color:var(--secondary-text-color);opacity:.3;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.about-us-page .hero-section .profile-content p{color:var(--secondary-text-color);margin:30px 0;font-size:14px;line-height:1.5;display:block}.about-us-page .hero-section .profile-content a{color:var(--primary-color);cursor:pointer;background-color:#fff;border:none;border-radius:50px;margin-top:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.about-us-page .hero-section .profile-content a:hover{background-color:var(--primary-color);color:#fff;padding:10px 25px}.about-us-page .experience-sec{background-color:#000;border-top:1px solid #2f2f2f;border-bottom:1px solid #2f2f2f;padding:100px 0}.about-us-page .experience-sec .experience-list{z-index:1;position:relative}.about-us-page .experience-sec .experience-list .experience-card{color:#fff;z-index:2;background:#000;border:1px solid #2f2f2f;border-radius:10px;width:100%;padding:25px;position:relative}.about-us-page .experience-sec .experience-list .experience-card.first:before{content:"";background-color:var(--secondary-text-color);z-index:-1;width:50px;height:1px;position:absolute;top:50%;right:-50px}.about-us-page .experience-sec .experience-list .experience-card .experience-header{justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.about-us-page .experience-sec .experience-list .experience-card .experience-header .icon{border:1px solid #2f2f2f;border-radius:5px;justify-content:center;align-items:center;width:70px;height:70px;padding:10px;display:flex}.about-us-page .experience-sec .experience-list .experience-card .experience-header .icon img{object-fit:cover;width:35px;height:35px}.about-us-page .experience-sec .experience-list .experience-card .experience-header .year{color:var(--secondary-text-color);font-size:14px;font-style:italic;font-weight:500}.about-us-page .experience-sec .experience-list .experience-card .job-role{color:#fff;text-transform:capitalize;font-family:Turret Road,sans-serif;font-size:24px;font-weight:700}.about-us-page .experience-sec .experience-list .experience-card .company-name{color:var(--secondary-text-color);font-size:14px;font-style:italic;font-weight:500}.about-us-page .experience-sec .experience-list .experience-card:hover{border-color:var(--primary-color);background:#232324}.about-us-page .experience-sec .experience-list .experience-card:hover .experience-header .icon{border-color:var(--primary-color)}.about-us-page .passion-sec{padding:10px 0 100px}.about-us-page .passion-sec .passion-sec-content{margin-bottom:50px}.about-us-page .passion-sec .passion-sec-content p{color:var(--secondary-text-color);font-size:16px;line-height:1.5}.about-us-page .passion-sec .passion-sec-content a{color:var(--primary-color);cursor:pointer;background-color:#fff;border:none;border-radius:50px;margin-top:20px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.about-us-page .passion-sec .passion-sec-content a:hover{background-color:var(--primary-color);color:#fff;padding:10px 25px}.about-us-page .passion-sec .banner-section{grid-column-gap:10px;grid-row-gap:10px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(8,1fr);display:grid}.about-us-page .passion-sec .banner-section img{object-fit:cover;width:100%;height:100%;max-height:400px}.about-us-page .passion-sec .banner-section .banner-1{grid-area:1/1/3/3}.about-us-page .passion-sec .banner-section .banner-2{grid-area:1/3/3/7}.about-us-page .passion-sec .banner-section .banner-3{grid-area:1/7/3/9}.about-us-page .passion-sec .banner-section .banner-4{grid-area:3/1/5/4}.about-us-page .passion-sec .banner-section .banner-5{grid-area:3/4/5/6}.about-us-page .passion-sec .banner-section .banner-6{grid-area:3/6/5/9}@media (max-width:991px){.about-us-page .hero-section .profile-picture img{margin:unset;width:100%;max-width:unset;object-fit:cover;max-height:400px}}@media (max-width:767px){.about-us-page .hero-section .profile-picture img{margin:unset;width:100%;max-width:unset;object-fit:cover;max-height:330px}.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:translate(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}}@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 .passion-sec{padding:10px 0 70px}}.contact-sec{z-index:2;opacity:0;padding:100px 0;position:relative}.contact-sec h2{color:#fff;margin-bottom:15px;font-family:Turret Road,sans-serif;font-size:clamp(60px,4.3vw,85px);font-weight:700}.contact-sec h2 span{color:var(--primary-color);display:inline-block}.contact-sec p{color:var(--secondary-text-color);margin-bottom:30px;font-size:16px;line-height:1.5}.contact-sec form{width:100%}.contact-sec form .input_grp{flex-direction:column;gap:10px;margin-bottom:15px;display:flex}.contact-sec form .input_grp input,.contact-sec form .input_grp textarea{color:#fff;background-color:#000;border:1px solid #6a6a6a;border-radius:5px;width:100%;padding:12px 15px;font-size:14px}.contact-sec form .input_grp input:focus,.contact-sec form .input_grp textarea:focus{border:1px solid var(--primary-color);box-shadow:0 0 5px var(--primary-color);outline:none}.contact-sec form .error-mess{color:red;letter-spacing:.5px;text-align:right;font-size:14px;font-weight:500;display:block}.contact-sec form .success-message{color:#fff;letter-spacing:.5px;text-align:center;background-color:#205622;border-radius:5px;margin-bottom:20px;padding:15px;font-size:16px;font-weight:500}.contact-sec form .text-meter{color:#fff;letter-spacing:.5px;text-align:right;font-size:14px;font-weight:500;display:block}.contact-sec form .unsuccess-message{color:#fff;letter-spacing:.5px;text-align:center;background-color:#7e2d2d;margin-bottom:20px;padding:15px;font-size:16px;font-weight:500}.contact-sec form button{color:var(--primary-color);cursor:pointer;background-color:#fff;border:none;border-radius:50px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.contact-sec form button:hover{background-color:var(--primary-color);color:#fff;padding:10px 25px}.contact-sec form button .text{align-items:center;gap:5px;display:flex}.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:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
