.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:30px 70px;background-color:#000}.navbar-container .logo h1{font-size:32px;color:#fff}.logo .span{color:#cef5a4}.navbar-container .navlinks-container{display:flex;align-items:center;justify-content:space-between;gap:40px}.navbar-container .navlinks-container .navlinks{text-decoration:none;color:#fff;font-size:22px}.navbar-container .button-container{border:1px solid #cef5a4;padding:0;border-radius:50px}.navbar-container .button{background-color:#cef5a4;border:none;color:#000;font-weight:700;padding:18px 24px;cursor:pointer;box-shadow:0 4px 8px #ffffff1a;transition:all .3s ease;border:1px solid #cef5a4;border-radius:50px;position:relative;top:-4px;left:4px}.button .btn .h3{font-size:18px;font-weight:400;color:#000}.navlinks{text-decoration:none;color:#fff;font-size:22px;position:relative}.navlinks.active{color:#cef5a4}.navlinks.active:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 200 10'%3E%3Cpath d='M0 5 Q10 0 20 5 T40 5 T60 5 T80 5 T100 5 T120 5 T140 5 T160 5 T180 5 T200 5' fill='none' stroke='%23cef5a4' stroke-width='2'/%3E%3C/svg%3E") repeat-x;background-size:123px 8px}@media (min-width: 300px) and (max-width: 500px){.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:10px}.navbar-container .navlinks-container,.navbar-container .button-container{display:none}}.menu-icon{color:#fff;font-size:28px;cursor:pointer;display:none}@media (min-width: 300px) and (max-width: 500px){.menu-icon{display:block;color:#fff}.navbar-container{padding:20px}.navbar-container .navlinks-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;flex-direction:column;align-items:center;justify-content:center;z-index:1000;gap:30px}.navbar-container .navlinks-container.open{display:flex}.navbar-container .button-container{display:none}}@media (min-width: 501px){.menu-icon{display:none}}.banner-container{text-align:center;background-color:#cef5a4;color:#000;padding:20px}.home-container{background-image:url(../images/techemech-intro-bg.png);background-position:center;background-repeat:no-repeat;background-size:cover;color:#fff;overflow-x:hidden}.hero-container{height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:50px 0 10px;text-align:center;background-image:url(/assets/techemech-intro-bg-CsDvKYPa.png);background-position:top;background-repeat:no-repeat;background-size:cover;color:#fff}.hero-container .sub-head h4{color:gray;font-size:20px}.hero-container .main-head h1{font-size:60px;line-height:1.1;padding:10px 170px}.hero-container .sub-text p{font-size:18px;padding:20px 0}.subs{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:0;margin-bottom:50px}.button-container{border:1px solid #cef5a4;padding:0;border-radius:50px}Link{text-decoration:none}.button .btn .h3{font-size:18px;font-weight:400;color:#000;text-decoration:none}span{font-weight:800;color:#fff}.services-container{border:1px solid #ffffff;padding:0;border-radius:50px;margin-top:31px}.services{background-color:#fff;border:none;color:#000;font-weight:700;padding:18px 24px;cursor:pointer;box-shadow:0 4px 8px #ffffff1a;transition:all .3s ease;border:1px solid #ffffff;border-radius:50px;position:relative;top:-4px;left:4px}.services:hover{transform:translate(-4px,4px);box-shadow:0 6px 12px #00000026}.services .btn{display:flex;align-items:center;justify-content:center;gap:20px}.services .btn .h3{font-size:18px;font-weight:400;color:#000;text-decoration:none}.underline{position:relative;color:#fff}.underline:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:21px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='0 0 200 10'%3E%3Cpath d='M0 5 Q10 0 20 5 T40 5 T60 5 T80 5 T100 5 T120 5 T140 5 T160 5 T180 5 T200 5' fill='none' stroke='%23cef5a4' stroke-width='2'/%3E%3C/svg%3E") repeat-x;background-size:332px 16px}@media (min-width:300px) and (max-width:500px){.hero-container{padding:30px 10px 10px;height:105vh}.hero-container .sub-head h4{font-size:13px}.hero-container .main-head h1{font-size:48px;padding:17px}.hero-container .sub-text p{padding:0;font-size:15px}.button-container .button,.services{padding:15px}.services .btn h3,.button-container .button .btn h3{font-size:15px;font-weight:400}}.clients-bg{padding-top:30px;width:80%;overflow:hidden}.clients-container{text-align:center;padding:2rem;border-radius:20rem;background-color:#000;border:1px solid #43424280;overflow-x:hidden}.small-head{color:#ffffff80;margin-bottom:10px}.client-sec{display:flex;gap:30px;animation:scroll 20s linear infinite;will-change:transform}.client-sec img{max-height:8rem;max-width:100%;margin:5px 30px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (max-width: 500px){.clients-bg{margin-left:7px;width:98%}.clients-container{height:fit-content}.client-sec{display:inline-block;white-space:nowrap;width:100%;overflow:visible;margin:10px}.client-sec img{max-height:3.5rem;margin:14px;scroll-snap-align:start}}.shouldhave-container{background-color:#000000d4;color:#fff;padding:90px 10px;text-align:center;position:relative}.should-head{font-size:48px;padding-bottom:60px}.should-smallsec{padding:0 90px;display:flex;gap:20px;overflow-x:scroll;scroll-behavior:smooth}.sec{text-align:left;width:320px;border:1px solid #282828;padding:2.5rem;border-radius:1.25rem;background-image:url(/assets/serv-BvWue3kh.png);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:left;gap:20px}.sec-vid{width:60px;height:60px;padding:5px 0}.sec h4{font-size:32px;padding:5px 0}.sec p{padding:5px 0;font-size:16px}.navigation-arrows{display:flex;justify-content:center;gap:20px;margin-top:60px}.navigation-arrows button{z-index:0;border:.1rem solid white;border-radius:100%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .25s;display:flex;color:#fff;background-color:transparent;inset:auto auto 0% 51%}.navigation-arrows button:hover{background-color:#fff;color:#000;cursor:pointer}.services-mask{width:100%}.w-slider-mask{z-index:1;white-space:nowrap;height:100%;display:block;position:relative;overflow:hidden}.w-slide{vertical-align:top;white-space:normal;text-align:left;height:100%;width:410px;display:inline-block;position:relative;transition:all;opacity:1;margin:0 20px}.circle-text{position:relative;display:inline-block}.circle-text:before{content:"";position:absolute;top:20%;left:-3%;width:120%;height:110%;border:3px solid #cef5a4;width:186px;height:54px;border-radius:50%;z-index:1}@media (min-width: 300px) and (max-width: 500px){.w-slider-mask{padding:0}.w-slide{height:100%;width:270px}}.Services-container{background-color:#000;padding:80px 10px;color:#fff;display:flex;align-items:flex-start;justify-content:space-evenly}.ser-part2{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.main-service{text-align:left;width:500px;height:250px;border:1px solid #282828;padding:2.5rem;border-radius:1.25rem;background-image:url(/assets/serv-BvWue3kh.png);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:left;gap:20px}@media (min-width: 300px) and (max-width: 500px){.Services-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;padding:10px 20px}.ser-part1{width:344px;padding-bottom:30px}}.Services-container{background-color:#000;padding:80px 10px;color:#fff;display:flex;align-items:flex-start;justify-content:space-evenly;height:80vh;overflow:hidden}.ser-part1{width:580px}.ser-part1 h5{font-size:16px;padding:10px 0;color:gray}.ser-part1 h2{font-size:48px;padding:10px 0}.ser-part1 p{font-size:18px;padding:10px 0}.ser-icon{width:40px;height:40px}.button-container{margin-top:30px;border:1px solid #cef5a4;padding:0;border-radius:50px;width:fit-content}.button{background-color:#cef5a4;border:none;color:#000;font-weight:700;padding:18px 24px;cursor:pointer;box-shadow:0 4px 8px #ffffff1a;transition:all .3s ease;border:1px solid #cef5a4;border-radius:50px;position:relative;top:-4px;left:4px}.button:hover{transform:translate(-4px,4px);box-shadow:0 6px 12px #00000026}.button .btn{display:flex;align-items:center;justify-content:center;gap:20px}.button .btn h3{font-size:18px;font-weight:400}.ser-part2{display:flex;flex-direction:column;align-items:flex-start;gap:20px;overflow-y:auto;height:80vh;padding-right:20px}.ser-part2::-webkit-scrollbar{display:none}.main-service{text-align:left;width:500px;height:fit-content;border:1px solid #282828;padding:2.5rem;border-radius:1.25rem;background-image:url(/assets/serv-BvWue3kh.png);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;align-items:left;gap:20px}.main-service h3{padding:10px 0 0;font-size:32px}.main-service p{font-size:16px}.main-service .btn-con{display:flex;align-items:center;justify-content:flex-start;gap:10px;position:relative;overflow:hidden}.main-service .btn-con .arrow-right{z-index:1;border:.1rem solid #cef5a4;border-radius:100%;justify-content:center;align-items:center;width:3rem;height:3rem;transition:all .4s ease;display:flex;color:#000;background-color:#cef5a4;position:relative}.main-service .btn-con .arrow-right:hover{width:10rem;height:3rem;border-radius:1.5rem;background-color:#cef5a4;cursor:pointer}.arr{position:absolute;left:17px}.main-service .btn-con .arrow-right:hover+.btn-text{z-index:2;color:#000}.main-service .btn-text{font-size:1rem;color:#fff;position:absolute;left:3.5rem;transition:all .4s ease;z-index:1;pointer-events:none}@media (min-width: 300px) and (max-width: 500px){.Services-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;padding:10px 20px;height:fit-content}.ser-part1{width:344px;padding-bottom:30px}.main-service{height:100vh;width:fit-content;color:#fff}.ser-part2{display:flex;flex-direction:column;align-items:flex-start;gap:18px;overflow-y:auto;height:193vh;padding-right:20px}}.results-container{text-align:center;color:#fff;padding:5% 0}.results-container h2{font-size:48px}.span{color:#cef5a4}.all-results{display:flex;align-items:center;justify-content:space-evenly}.results-dec{padding:50px 0}.results-dec .num{font-size:80px}.results-dec p{font-size:18px;color:#d1d1d1}@media (min-width: 300px) and (max-width: 500px){.results-container h2{padding:20px}.all-results{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.results-dec .num{font-size:60px}}.Projects-container{background-color:#000;color:#fff;text-align:center;padding:80px 100px}.Projects-container h2{font-size:48px;margin-bottom:20px;padding:0 120px}.Projects-container p{font-size:18px}.p-frame1{position:relative;border:1px solid grey;text-align:left;padding:20px;border-radius:10px;height:400px;display:flex;flex-direction:column;justify-content:space-between;margin-top:50px;background-image:url(/assets/tatahome-CSZHfgn2.png);background-repeat:no-repeat;background-size:cover;color:#fff;z-index:1;overflow:hidden}.p-frame1:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:10px;z-index:-1}.p-frame2{position:relative;border:1px solid grey;text-align:left;padding:20px;border-radius:10px;height:400px;display:flex;flex-direction:column;justify-content:space-between;margin-top:50px;background-image:url(/assets/victoria-wWfRKRon.png);background-repeat:no-repeat;background-size:cover;color:#fff;z-index:1;overflow:hidden}.p-frame2:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:10px;z-index:-1}.p-frame3{position:relative;border:1px solid grey;text-align:left;padding:20px;border-radius:10px;height:400px;display:flex;flex-direction:column;justify-content:space-between;margin-top:50px;background-image:url(/assets/silkandwillow-BUNzpSkT.png);background-repeat:no-repeat;background-size:cover;color:#fff;z-index:1;overflow:hidden}.p-frame3:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:10px;z-index:-1}.p-frame4{position:relative;border:1px solid grey;text-align:left;padding:20px;border-radius:10px;height:400px;display:flex;flex-direction:column;justify-content:space-between;margin-top:50px;background-image:url(/assets/velasca-CwQTu2kO.png);background-repeat:no-repeat;background-size:cover;color:#fff;z-index:1;overflow:hidden}.p-frame4:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:10px;z-index:-1}.p-frame5{position:relative;border:1px solid grey;text-align:left;padding:20px;border-radius:10px;height:400px;display:flex;flex-direction:column;justify-content:space-between;margin-top:50px;background-repeat:no-repeat;background-size:cover;color:#fff;z-index:1;overflow:hidden}.p-frame5:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;border-radius:10px;z-index:-1}.part1{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px}.part1 h4{border:2px solid white;background-color:#00000067;border-radius:20px;padding:10px 20px;font-size:15px}.part2 h5{font-size:18px}.part2 .project-links{display:flex;align-items:center;justify-content:space-between;padding-top:20px}.project-links p{font-size:15px;font-weight:700}.links-span{color:#cef5a4}.link-icon{border:2px solid #cef5a4;padding:10px;border-radius:4px;color:#cef5a4;cursor:pointer;font-size:20px}.p-frame{position:relative;transform:translateY(50px) scale(.95);z-index:1;opacity:.5;transition:transform .5s ease,opacity .5s ease}.p-frame.active-frame{transform:translateY(0) scale(1);z-index:10;opacity:1}@media (min-width: 300px) and (max-width: 500px){.Projects-container{padding:0 20px}.Projects-container h2{padding:0};.p-frame .part1 h4{font-size:5px}}.benefits-container{background-color:#00000031;color:#fff;padding:50px;text-align:center}.benefits-container h2{font-size:48px}.perks-container{margin-top:60px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.perk{text-align:left;display:flex;flex-direction:column;align-items:left;justify-content:left;gap:20px;border-left:1px solid grey;border-bottom:1px solid grey;padding:30px;width:360px;height:220px}.perk-icon{width:50px;height:50px;color:#cef5a4}.perk h3{font-size:24px}.perk h6,p{font-size:16px}@media (min-width: 300px) and (max-width: 500px){.perks-container .perk{height:258px}}.Testimonial-container{text-align:center;padding:30px 80px 90px;overflow:hidden;color:#fff}.Testimonial-container .head{font-size:48px;padding:20px}.Testimonial-container .des{font-size:16px;color:#c4c3c3}.Testimonial-container .second-heading{text-align:center}.testimonials{display:flex;animation:slide 20s linear infinite;margin-top:40px}.testimonials .test{width:564px;height:310px;flex:0 0 auto;box-sizing:border-box;text-align:left;border:2px solid grey;border-radius:1.5rem;margin:10px;padding:32px;position:relative;transition:all .3s ease}.test:hover{cursor:pointer;-webkit-text-fill-color:inherit;background-image:radial-gradient(circle at 50% 50%,#5e6f4b,#0000);background-clip:padding-box;border-radius:1.5rem;border-color:#cef5a4;filter:brightness(100%);color:#fff}.test p{color:#fff;font-weight:300;padding:15px 0;margin-top:10px}.test .test-items{display:flex;align-items:flex-end;justify-content:flex-start;gap:18px;position:absolute;bottom:10px;left:30px}.test-items .image img{width:48px;height:48px;border-radius:50%;display:flex;align-items:flex-end;justify-content:flex-start}.name h4{color:#cef5a4;font-size:15px;letter-spacing:.5px;font-weight:400}.client-name h3{color:#fff;text-transform:capitalize;font-size:17px}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (min-width: 300px) and (max-width: 500px){*{overflow-x:hidden}.Testimonial-container{text-align:center;padding:30px 10px 90px;width:100%}.Testimonial-container .head{margin-left:-14px}.static-testmonial{display:none}.testimonials .test{text-align:left;border:2px solid grey;border-radius:1.5rem;width:320px;height:490px;margin:10px;padding:32px}.testimonials{display:flex;flex-direction:column;animation:none}.testy2,.laura{display:none}.client-name{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}}.FAQ-container{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:60px;padding:30px 110px;height:90vh;color:#fff}.second-heading{font-size:48px}.FAQ-container .p-tag{margin-top:30px;width:80%}.FAQ-sess1{width:35%}.FAQ-sess1 p{padding-bottom:25px}.FAQ-sess1 button{margin-left:-3px}.FAQ-sess2{width:50%;position:absolute;top:0;left:66%;transform:translate(-50%);padding:10px 40px}.FAQ-sess2 .question{padding:30px 0;border-bottom:1px solid rgb(30,30,30)}.FAQ-sess2 .question p{font-size:15px;padding:30px 0;text-align:left}.FAQ-sess2 .question h3{line-height:2;font-size:17px;text-align:left;font-weight:400}.heading-arrow{display:flex;align-items:center;justify-content:space-between}.arrow-down{border:1px solid grey;font-size:20px;font-weight:100px;padding:.6rem .8rem;border-radius:100rem;transition:transform .3s ease;cursor:pointer}.arrow-down:hover{transform:translateZ(0) scaleZ(1) rotateX(0) rotateY(0) rotate(40deg) skew(0);transform-style:preserve-3d}@media (min-width: 300px) and (max-width: 500px){.FAQ-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto;padding:0;min-height:170vh;width:95%;overflow:hidden}.FAQ-sess1{display:block;width:110%;padding:0 0 0 22px}.FAQ-sess1 .second-heading{text-align:left;font-size:30px;padding:0;display:block}.FAQ-sess1 .button-container{padding:0;margin:0}.FAQ-sess1 p{padding-bottom:25px}.FAQ-sess1 button{margin-left:-3px}.FAQ-sess2{display:block;width:90%;position:absolute;top:18%;left:51%;transform:translate(-50%);padding:70px 40px 0;min-height:100vh}.FAQ-sess2 .question{padding:30px 0;border-bottom:1px solid rgba(128,128,128,.596);text-align:left}.FAQ-sess2 .question p{font-size:11px;padding:30px 0}}@media (min-width: 500px) and (max-width: 970px){.FAQ-container{margin-left:2px}.FAQ-sess1{width:40%}.FAQ-sess2{width:40%;padding:10px 40px}}.Footer-container{text-align:center;padding:40px}.footer-sec1{border-bottom:1px solid rgb(30,30,30)}.footer-sec1 h2{font-size:180px;line-height:1;color:#cef5a4}.footer-sec1 h3{font-size:48px}.connect{padding:40px;display:flex;align-items:center;justify-content:center;gap:40px}.long-arrow{margin:0 20px}.long-arrow .fa-arrow-right{font-size:2rem;transform:rotate(0)}.footer-sec2{display:flex;align-items:flex-start;justify-content:space-evenly;gap:200px;padding:50px 0;border-bottom:1px solid rgb(30,30,30)}.f-sec{text-align:left;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.f-sec h5{margin-top:10px;font-weight:400;cursor:pointer}.social-icons{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.i-s{font-size:25px}.i-s:hover{color:#cef5a4;cursor:pointer}.footer-sec3{margin-top:30px;display:flex;align-items:center;justify-content:space-between;padding:0 85px}.footer-sec3 p{color:gray}@media (min-width: 300px) and (max-width: 500px){.Footer-container{text-align:left}.footer-sec1 h2{font-size:65px;height:fit-content}.connect{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:10px 0 0}.footer-sec1 h3{font-size:24px}.footer-sec2{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-evenly;gap:23px;padding:50px 0;border-bottom:1px solid rgb(30,30,30)}.footer-sec3{margin-top:30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0}.footer-sec3 p{text-align:left}}.projectdes-main-container{background-color:#000;color:#fff;overflow:hidden;padding-bottom:30px}.project-image{display:flex;align-items:center;justify-content:center}.project-image video{width:100%;height:600px}.project-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:60px}.project-content .heading{padding-left:40px}.project-content .project-f-content{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgb(28,28,28);width:97%}.project-f-content p{color:#c8c7c7}.client-del h2{font-size:25px;color:#777676}.client-del{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:30%;padding:40px;gap:5px;text-align:left}.client-del-part2{display:flex;align-items:center;justify-content:flex-end;width:70%}.project-ga-one,.project-gallery{display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:20px}@media (max-width: 500px){.project-content{padding:7px;margin-top:20px}.project-f-content{gap:20px}.project-gallery{display:none}}*{padding:0;margin:0;font-family:Space Grotesk,Open Sans,sans-serif}body{background-color:#000;color:#fff}