body{font-family:poppins}body h1{font-size:72px;line-height:72px;letter-spacing:1px;font-weight:400;align-items:center}body h2{font-size:2rem;font-weight:400}body p{font-size:1rem;letter-spacing:0px;line-height:24px;margin-top:32px;margin-bottom:72px;width:100%;opacity:.72}body a{font-size:1rem;letter-spacing:0px;line-height:24px;margin-top:32px;margin-bottom:72px;width:100%;opacity:1;text-decoration:none;color:#fff}body span{font-weight:300;font-style:italic}body .bold{font-weight:600;font-style:normal}body .colour{color:#6cedbf;font-weight:400;font-style:normal;margin-top:128px;font-size:72px}body .second-span{font-size:72px;margin-top:0px;margin-bottom:128px}body .spesh-p{font-size:1rem;font-weight:200;opacity:.48;letter-spacing:4px;margin-bottom:0px}header{background-color:#fff;padding:16px 0;margin-bottom:0}header .logo img{border-radius:0px}@media screen and (min-width: 768px){header .logo{margin-top:32px}}header .header-container{margin:0 auto;padding:0 16px;display:flex;justify-content:space-between;align-items:center;margin-top:32px}header .nav-menu{width:100%;display:flex;justify-content:space-between}header .nav-menu ul{margin-left:auto;margin-top:0}header .nav-menu ul li{list-style:none}header .nav-menu ul li a{text-decoration:none;color:#fff}header .nav-menu ul li a:hover{color:#777}.header-container{display:flex;justify-content:space-between}.mobile-nav{position:fixed;top:0;right:0;height:100vh;width:100vw;z-index:999;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-10px 0 10px rgba(0,0,0,.1);opacity:1;visibility:hidden;transform:translateX(100%);transition:transform .3s ease-in-out,visibility .3s ease-in-out;display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}.mobile-nav.show{transform:translateX(0);visibility:visible}.mobile-nav li{padding-bottom:32px;width:100%;margin-bottom:40px}.mobile-nav li a{font-size:2rem;width:100%}.hide-on-mobile{display:none}.mobile-toggle{display:flex}@media screen and (min-width: 1200px){.header-container nav ul{display:flex}.header-container nav ul li{list-style:none;padding-right:32px}.header-container nav ul li:last-child{padding-right:0}.header-container nav ul li a{text-decoration:none;color:#000}.header-container nav ul li a:hover{cursor:pointer}.hide-on-mobile{display:flex}.mobile-toggle{display:none}#toggle-nav{display:none}}body button{border-radius:37px;font-size:1rem;padding:4px 24px;margin:0 auto;background-color:#000;color:#fff}body img{border-radius:24px}body .gsap-hidden{opacity:0;transform:translateY(50px)}body .gsap-scale-hidden{opacity:0;transform:scale(0.8)}body .hide-mob{display:none}body .hero{margin-top:128px;margin-bottom:128px;opacity:0;transform:translateX(-400px)}body .hero h2{font-size:32px;font-weight:400}body .hero h2 span{font-style:italic;font-weight:300}body .hero #reel img{border-radius:50px;width:100%;height:45px;-o-object-fit:cover;object-fit:cover}body #player-container{position:relative;display:flex;flex-direction:column;box-shadow:0px 16px 40px rgba(157,157,157,.2);border-radius:16px;margin-top:-72px}body #player-container:hover .video-controls{opacity:1;border-radius:0 0 24px 24px}body .video-controls.hidden{display:none}body .video-controls{right:0;left:0;padding:8px;position:absolute;bottom:0px;transition:all .2s ease;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));display:flex;opacity:1;border-radius:0 0 16px 16px}@media screen and (max-width: 540px){body .video-controls{padding:0px 16px}body .video-controls button{padding:0;margin:0}body .video-controls .fa{font-size:16px;margin-left:0}}body .video-controls.hide{opacity:0;pointer-events:none}body button{padding:0;border:0;background-color:rgba(0,0,0,0)}body .fa,body .fa-solid{color:#fff;font-size:24px;margin-left:8px;margin-right:16px}body .fa-stop-circle-o{margin-right:20px}body .fa-volume-up{margin-left:24px;margin-right:-8px;margin-top:13px}body input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;width:15rem}body input[type=range]:focus{outline:none}body input[type=range]::-webkit-slider-runnable-track{background-color:#fff;border-radius:.5rem;height:.5rem}body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:gray;border-radius:.5rem;height:1rem;width:1rem}body input[type=range]:focus::-webkit-slider-thumb{outline:3px solid gray;outline-offset:.125rem}body input[type=range]::-moz-range-track{background-color:#fff;border-radius:.5rem;height:.5rem}body input[type=range]::-moz-range-thumb{background-color:gray;border:none;border-radius:.5rem;height:1rem;width:1rem}body input[type=range]:focus::-moz-range-thumb{outline:3px solid gray;outline-offset:.125rem}body #about{margin-bottom:128px;margin-top:72px}body #about #about-text{font-family:poppins;font-size:32px;font-weight:400;margin-top:0px}body #about #status-bar{display:flex;align-items:center;margin-bottom:24px;width:128px;height:22px;background-color:rgba(108,237,191,.16);padding-left:8px;padding-right:8px;padding-top:1px;padding-bottom:1px;border-radius:20px;gap:6px}body #about #status-indicator{width:10px;height:10px;border-radius:50%;opacity:100%;background-color:#6cedbf}body #about #status-text{font-size:14px;letter-spacing:3.36px;color:#000;text-transform:uppercase;font-style:normal;opacity:1;font-weight:300;margin-top:1px}body #bg-black-1{background-color:#000;color:#fff;margin-top:144px;border-radius:0px}body #bg-black-1 #skill-1{position:relative}body #bg-black-1 #skill-1 .ui-img-1{height:494px;position:absolute;top:-200px;margin-top:128px}body #bg-black-1 #skill-1 .ui-img-1 img{height:100%;-o-object-fit:cover;object-fit:cover}body #bg-black-1 #skill-1 p{margin-top:452px;margin-bottom:48px;width:100%}body #bg-black-1 .skills p{width:100%;margin-bottom:128px}body .fea-head{margin-bottom:72px}body .fea-head h2 span{font-size:32px;font-weight:400}body .fea-head h2 .move{font-weight:300;margin-left:72px}body .card img{height:494px;-o-object-fit:cover;object-fit:cover;width:100%}body .card p{width:100%}body .prof-skill img{border-radius:0;margin-bottom:-7px}body .prof-text .text{margin-top:72px}body .prof-text .text p{margin:0;width:100%;margin-bottom:72px}body .prof-text .text .spesh-p{margin-bottom:0}body .prof-text .text h2{margin-bottom:48px}body footer{margin-top:0;color:#fff;text-align:center;position:relative;overflow:hidden}body footer .footer-vid{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}body footer .footer-con{padding-top:128px;padding-bottom:128px;position:relative;z-index:1}body footer .footer-con h2{font-size:72px;line-height:1}body footer .footer-con .tell{font-size:72px;text-transform:uppercase;border-radius:50px;margin-top:16px;margin-bottom:72px;border:1px solid #fff;padding:8px 24px}body footer .footer-con #btn-1{margin-bottom:16px;border:1px solid #fff;padding:8px 24px}body footer .footer-con #btn-2{margin-bottom:16px;border:1px solid #fff;padding:8px 24px}@media screen and (min-width: 768px){body #about #about-text{font-family:poppins;font-size:32px;font-weight:400;margin-top:128px}body .hide-desk{display:none}body .hide-mob{display:block}body .hero{opacity:0;transform:translate3d(-200px, 0, 0)}body .hero h2{font-size:72px}body .hero h2 span{font-weight:300}body .hero #reel{margin-top:8px}body .hero #reel img{height:101px}body #bg-black-1{border-radius:24px}body #player-container{position:relative;display:flex;flex-direction:column;box-shadow:0px 16px 40px rgba(157,157,157,.2);border-radius:24px}body #player-container:hover .video-controls{opacity:1;border-radius:0 0 24px 24px}body .video-controls.hidden{display:none}body .video-controls{right:0;left:0;padding:8px;position:absolute;bottom:0px;transition:all .2s ease;background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.5));display:flex;opacity:1;border-radius:0 0 24px 24px}}@media screen and (min-width: 768px)and (max-width: 540px){body .video-controls{padding:12px 8px}body .video-controls button{padding:0;margin:0}body .video-controls .fa{font-size:16px;margin-left:0}}@media screen and (min-width: 768px){body .video-controls.hide{opacity:0;pointer-events:none}body button{padding:0;border:0;background-color:rgba(0,0,0,0)}body .fa,body .fa-solid{color:#fff;font-size:24px;margin-left:8px;margin-right:16px}body .fa-stop-circle-o{margin-right:20px}body .fa-volume-up{margin-left:24px;margin-right:-8px;margin-top:10px}body input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);cursor:pointer;width:15rem}body input[type=range]:focus{outline:none}body input[type=range]::-webkit-slider-runnable-track{background-color:#fff;border-radius:.5rem;height:.5rem}body input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-4px;background-color:gray;border-radius:.5rem;height:1rem;width:1rem}body input[type=range]:focus::-webkit-slider-thumb{outline:3px solid gray;outline-offset:.125rem}body input[type=range]::-moz-range-track{background-color:#fff;border-radius:.5rem;height:.5rem}body input[type=range]::-moz-range-thumb{background-color:gray;border:none;border-radius:.5rem;height:1rem;width:1rem}body input[type=range]:focus::-moz-range-thumb{outline:3px solid gray;outline-offset:.125rem}body #memoji{display:block;margin-top:142px;margin-bottom:142px;transition:transform .8s ease;width:100%;height:200px}body #memoji:hover{transform:scale(1.1)}body #bg-black-1{background-color:#000;color:#fff;margin-top:144px}body #bg-black-1 .card p{width:80%}body #bg-black-1 #skill-1 p{width:80%}body #bg-black-1 #skill-2{position:relative}body #bg-black-1 #skill-2 .ui-img-1{height:494px;position:absolute;top:-200px;margin-top:128px}body #bg-black-1 #skill-2 .ui-img-1 img{height:100%;-o-object-fit:cover;object-fit:cover}body #bg-black-1 #skill-2 p{margin-top:454px}body #bg-black-1 .skills p{width:100%;margin-bottom:128px}body .prof-skill{padding:128px 0 128px 0}body .prof-skill img{width:100%;border-radius:24px}body .prof-text .text{margin-top:128px}body .prof-text .text p{margin:0;width:100%;margin-bottom:72px}body .prof-text .text .spesh-p{margin-bottom:24px}body .prof-text .text h2{margin-bottom:48px;font-size:72px;line-height:1}body .fea-head{margin-bottom:72px}body .fea-head h2 span{font-size:72px;font-weight:400}body .fea-head h2 .move{font-weight:300;margin-left:72px}footer{margin-top:0;color:#fff;text-align:center;position:relative;overflow:hidden}footer .footer-vid{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}footer .footer-con{padding-top:128px;padding-bottom:128px;position:relative;z-index:1}footer .footer-con h2{font-size:128px;line-height:1}footer .footer-con .tell{font-size:128px;text-transform:uppercase;border-radius:50px;margin-top:16px;margin-bottom:72px;border:1px solid #fff;padding:8px 24px}footer .footer-con #btn-1{margin-bottom:16px;border:1px solid #fff;padding:8px 24px}footer .footer-con #btn-2{margin-bottom:16px;border:1px solid #fff;padding:8px 24px}}body .title h2{font-size:48px;font-weight:400;margin-bottom:0px}body .title #project-title-des{text-align:left;font-size:16px;font-weight:300;text-transform:uppercase;letter-spacing:3.84px;color:#000;opacity:.32;margin-bottom:0px;margin-top:72px}body .card2{margin-bottom:0px}body .card2 a{font-size:1rem;letter-spacing:0px;line-height:24px;margin-top:0px;margin-bottom:0px;width:100%;opacity:1;text-decoration:none;color:#000}body .card2 a img{height:494px;-o-object-fit:cover;object-fit:cover;width:100%}body .card2 a p{width:100%}body #bg-black2{background-color:#000;color:#fff;margin-top:144px;padding-top:128px;border-radius:0px}body #bg-black2 .projects-card{position:absolute}body #bg-black2 .card img{height:494px;-o-object-fit:cover;object-fit:cover}body #bg-black2 .card p{width:100%}body #bg-black2 #card-lapse{margin-top:-200px}body .title2 h2{font-size:48px;font-weight:400;margin-bottom:32px}body .title2 #project-title-des-2{text-align:left;font-size:16px;font-weight:300;text-transform:uppercase;letter-spacing:3.84px;color:#000;opacity:.32;margin-bottom:0px;margin-top:72px}@media screen and (min-width: 768px){body .title h2{font-size:72px;font-weight:400;margin-bottom:0px}body .title #project-title-des{text-align:left;font-size:16px;font-weight:300;text-transform:uppercase;letter-spacing:3.84px;color:#000;opacity:.32;margin-bottom:0px;margin-top:72px}body #bg-black2{background-color:#000;color:#fff;margin-top:16px;padding-top:128px;border-radius:24px 24px 0px 0px}body #bg-black2 .projects-card{position:absolute}body #bg-black2 .card img{height:494px;-o-object-fit:cover;object-fit:cover;width:100%}body #bg-black2 .card p{width:100%}body #bg-black2 #card-lapse{margin-top:0px}body .title2 h2{font-size:72px;font-weight:400;margin-bottom:72px}body .title2 #project-title-des-2{text-align:left;font-size:16px;font-weight:300;text-transform:uppercase;letter-spacing:3.84px;color:#000;opacity:.32;margin-bottom:0px;margin-top:72px}}body #case-title{margin-top:72px}body #case-title h2{font-size:48px;font-weight:400}body #case-title #case-title-des{margin-top:0px}body #case-title p{font-size:16px;font-weight:300;text-transform:uppercase;letter-spacing:3.84px;opacity:.32}body #case-hero-img{height:505px;-o-object-fit:cover;object-fit:cover}body #case-text{margin-top:72px}body #case-text #case-head{font-size:16px;font-weight:300;text-transform:uppercase;letter-spacing:3.84px;opacity:1;margin-bottom:48px;margin-top:0px}body #case-text #case-des{margin-top:0px;margin-bottom:24px}body #gallery img{margin-top:0px;margin-bottom:24px;box-shadow:0px 16px 16px rgba(0,0,0,.16)}@media screen and (min-width: 768px){body #case-title{margin-top:72px}body #case-title h2{font-size:72px;font-weight:400}body #case-title #case-title-des{margin-top:0px}body #case-title p{font-size:16px;font-weight:300;text-transform:uppercase;letter-spacing:3.84px;opacity:.32}body #case-hero-img{width:100%;height:900px;-o-object-fit:cover;object-fit:cover;margin-bottom:128px}body #case-text{margin-top:72px;margin-bottom:128px}body #case-text #case-head{font-size:16px;font-weight:300;text-transform:uppercase;letter-spacing:3.84px;opacity:1;margin-bottom:48px;margin-top:0px}body #case-text #case-des{margin-top:0px;margin-bottom:24px}body #gallery img{margin-top:24px;margin-bottom:24px;width:100%;height:494px;-o-object-fit:cover;object-fit:cover}}.experiences-title h1{font-size:48px;margin-top:72px;text-align:left;line-height:56px;opacity:1}#title-des{font-size:16px;font-weight:300;margin-top:24px;margin-bottom:72px;line-height:1;text-transform:uppercase;letter-spacing:3.84px;opacity:.32;text-align:left;width:100%}.experience-card{padding:32px;border-radius:24px;box-shadow:0px 16px 40px rgba(157,157,157,.2);margin-bottom:128px}.experience-1{display:block;gap:24px;align-items:center}.experience-1 h2{width:100%;font-size:32px;font-weight:400;margin-top:32px}.experience-1 p{font-size:1rem;opacity:.48;margin-bottom:26px;margin-top:24px;letter-spacing:0px}.add-your-company{display:flex;gap:32px;align-items:center}.add-your-company h2{width:100%;font-size:24px;font-weight:300;opacity:.24;margin-top:32px}.underline{border:.1px solid #707070;opacity:.05;margin-top:0px;margin-bottom:0px}#num1 h2{font-size:72px;font-weight:300;text-align:center}#num1 p{width:100%;opacity:.32;margin-top:0px;text-align:center}#middle-img{width:100%;margin-top:56px;border-radius:0px;margin-bottom:-8px}.clients{margin-top:128px;margin-bottom:128px}.clients h2{margin-bottom:72px}@media screen and (min-width: 768px){body .experiences-title h1{font-size:72px;margin-top:72px;text-align:center;line-height:72px}body #title-des{font-size:16px;font-weight:300;margin-top:24px;margin-bottom:72px;line-height:1;text-transform:uppercase;letter-spacing:3.84px;opacity:.32;text-align:center;width:100%}body .experience-card{padding:32px;border-radius:24px;box-shadow:0px 16px 40px rgba(157,157,157,.2);margin-bottom:128px}body .experience-1{display:block;gap:24px;align-items:center}body .experience-1 h2{width:300px;font-size:48px;font-weight:400;margin-top:32px}body .experience-1 p{font-size:1rem;opacity:.48;margin-bottom:40px;letter-spacing:0px;width:670px;margin-left:476px;margin-top:-62px}body .add-your-company{display:flex;gap:32px;align-items:center}body .add-your-company h2{width:100%;font-size:48px;font-weight:300;opacity:.24;margin-top:32px}body #num1 h2{font-size:72px;font-weight:300;text-align:left}body #num1 p{width:100%;opacity:.32;margin-top:0px;text-align:left}}body .hero-contact-text{margin-top:72px}body .hero-contact-text h2{font-size:48px;font-weight:400}body .hero-contact-text h2 img{height:48px}body .contact-underline{border:.1px solid #707070;opacity:1;margin-top:48px;margin-bottom:72px}body .contact-text-bud{font-size:24px;color:#000;opacity:1;margin-bottom:24px;width:300px}body .contact-text{font-size:24px;color:#000;opacity:1;margin-bottom:24px;width:100%}body .contact-text h5{font-size:32px;font-weight:400;color:#000;opacity:.48;padding:8px 16px;border:.1px solid #707070;border-radius:32px;text-align:center}body .single-line-form{margin-top:72px}body .form-group{display:flex;align-items:center;margin-bottom:48px;position:relative;width:100%}body .form-group::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:rgba(112,112,112,.16)}body label{margin-right:0px;font-size:24px;font-weight:400;opacity:.16;white-space:nowrap}body input{border:none;outline:none;flex:1;font-size:16px;padding:16px}body input:focus{border-bottom:2px solid #007bff}body button{color:#fff;border:none;font-size:16px;cursor:pointer}body button:hover{background-color:none}body #bottom-part{align-items:start;margin-top:48px}body #bottom-part #btn-3{font-size:48px;font-weight:300;color:#fff;background-color:#000;padding:16px 32px;border-radius:90px;margin-top:32px;margin-left:0px}body #contact-memoji{margin-bottom:-7px;margin-top:72px}@media screen and (min-width: 768px){body .hero-contact-text{margin-top:128px}body .hero-contact-text h2{font-size:72px;font-weight:400}body .hero-contact-text h2 img{height:72px}body .contact-text{font-size:24px;color:#000;opacity:1;margin-bottom:24px}body .contact-text h5{font-size:32px;font-weight:400;color:#000;opacity:.48;padding:8px 16px;border:.1px solid #707070;border-radius:32px;text-align:center;margin-bottom:104px}body #bottom-part{margin-top:0px}body #bottom-part #btn-3{font-size:72px;font-weight:300;color:#fff;margin:0px 85px;background-color:#000;padding:0px 85px;border-radius:90px;margin-top:128px;margin-left:0px}body #contact-memoji{margin-bottom:-7px;margin-top:72px;margin-left:725px}}/*# sourceMappingURL=main.css.map */