:root{--primaryColor:#8AF135;--secondarycolor:#2A4741;--commonwhite:#FFFFFF;--commonblack:#0F2923;--commongray:#333333;--commonborder:#525252;--commonlightBlack:#2A4741;--bodyheading:#FFFFFF;--bodytext:#FFFFFF;--colorskyBlue:#A1EEFF;--colorlightPink:#FFBD8C;--colorlightGreen:#C7FF6B;--themeprimary:#8AF135;--bggray:#F6F6F6}.tp-portfolio-style1 .portfolio-item{position:relative;overflow:hidden;background:#fff}.tp-portfolio-style1 .portfolio-item .portfolio-img a img{width:100%}.tp-portfolio-style1 .portfolio-item .portfolio-content{padding:25px}.tp-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle{position:relative;z-index:9}.tp-portfolio-style1 .portfolio-item .portfolio-content .p-category{color:#999;font-size:14px;margin-bottom:5px}.tp-portfolio-style1 .portfolio-item .portfolio-content .p-category a{color:#999}.tp-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle{display:table;height:100%;width:100%}.tp-portfolio-style1 .portfolio-item .portfolio-content .vertical-middle-cell{display:table-cell;vertical-align:middle}.tp-portfolio-style1 .portfolio-item .portfolio-text{padding-top:15px}.tp-portfolio-style1 .portfolio-item .p-link{transition:all 0.3s ease 0s;display:inline-block;font-size:19px;width:52px;line-height:54px;height:52px;text-align:center;border-radius:50%;background:#fff}.tp-portfolio-style1 .portfolio-item .p-link i{margin-left:2px}.tp-portfolio-style1 .portfolio-item .p-link:hover{background-color:#8AF135;color:#fff}.tp-portfolio-style1 .portfolio-item .p-title{font-size:18px;line-height:normal;margin-bottom:0;font-weight:700;line-height:27px}.tp-portfolio-style1 .portfolio-item .p-desc{font-size:15px;color:rgb(255 255 255 / .7);margin-bottom:0;margin-top:10px}.tp-portfolio-style1 .read-btn{background:#fff;border-top:1px solid #f1f1f1;padding:16px 20px;display:block;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;font-size:14px;font-weight:700;position:relative;z-index:2;color:#999}.tp-portfolio-style1 .read-btn i{margin-left:10px;font-weight:300}.tp-portfolio-style1 .read-btn:before{content:"";position:absolute;background-color:#2A4741;width:100%;height:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;left:0;top:0;z-index:-1}.tp-portfolio-style1 .read-btn span.f-right{float:right}.tp-portfolio-style1 .grid-item:hover .read-btn{color:#fff}.tp-portfolio-style1 .grid-item:hover .read-btn:before{height:100%;bottom:0}.tp-portfolio-style1 .slick-slider .slick-arrow{width:60px;height:55px;border-radius:0;line-height:60px;bottom:-172px;top:-84px}.tp-portfolio-style1 .slick-slider .slick-arrow:before{color:#fff}.tp-portfolio-style1 .slick-slider .slick-prev{left:88.5%}.tp-portfolio-style1 .slick-slider .slick-prev:hover{background:#fff}.tp-portfolio-style1 .slick-slider .slick-prev:hover:before{color:#8AF135}.tp-portfolio-style1 .slick-slider .slick-next{right:1%;background:#fff;box-shadow:0 16px 32px 0 rgb(0 0 0 / .04)}.tp-portfolio-style1 .slick-slider .slick-next:before{color:#8AF135}.tp-portfolio-style1 .slick-slider .slick-next:hover{background:#8AF135}.tp-portfolio-style1 .slick-slider .slick-next:hover:before{color:#fff}.tp-portfolio-style2 .portfolio-item{position:relative;overflow:hidden;z-index:1}.tp-portfolio-style2 .portfolio-item img{width:100%}.tp-portfolio-style2 .portfolio-item:before{content:"";position:absolute;background-image:-moz-linear-gradient(90deg,rgb(0 0 0 / .70196) 0%,#fff0 100%);background-image:-webkit-linear-gradient(90deg,rgb(0 0 0 / .70196) 0%,#fff0 100%);background-image:-ms-linear-gradient(90deg,rgb(0 0 0 / .70196) 0%,#fff0 100%);width:100%;height:100%;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;left:0;bottom:0;z-index:1}.tp-portfolio-style2 .portfolio-item:after{content:"";position:absolute;background-color:#8AF135;opacity:.902;clip-path:polygon(100% 0,100% 100%,44.5% 100%,0% 65%,0 0);width:100%;height:0;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;left:0;top:0;z-index:1}.tp-portfolio-style2 .portfolio-item .portfolio-content{padding:0;position:absolute;left:50px;top:auto;bottom:20px;z-index:3;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.tp-portfolio-style2 .portfolio-item .portfolio-content .p-title{font-size:24px;font-weight:700;line-height:35px;bottom:-100px;left:25px}.tp-portfolio-style2 .portfolio-item .portfolio-content .p-title span{font-size:14px;font-weight:400;display:block}.tp-portfolio-style2 .portfolio-item .portfolio-content .p-title span,.tp-portfolio-style2 .portfolio-item .portfolio-content .p-title a{color:#fff}.tp-portfolio-style2 .portfolio-item .portfolio-content .p-title a:hover{color:#8AF135}.tp-portfolio-style2 .portfolio-item .pf-btn{color:#083d59;background:#fff;width:60px;height:60px;font-size:16px;line-height:60px;text-align:center;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;position:absolute;z-index:3;left:15%;bottom:12.5%;transform:scale(0);-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.tp-portfolio-style2 .portfolio-item:hover .portfolio-content{top:10%;bottom:auto}.tp-portfolio-style2 .portfolio-item:hover .pf-btn{transform:scale(1)}.tp-portfolio-style2 .portfolio-item:hover:before{background-image:unset;background:#ffa84b;opacity:.902;clip-path:polygon(0 64.6%,0% 100%,45.5% 100%)}.tp-portfolio-style2 .portfolio-item:hover:after{visibility:visible;height:100%}.tp-portfolio-style2 .slick-slider .slick-arrow{background:#fff;border:2px solid #f0f0f0;border-radius:unset;top:-80px;left:unset;padding:23px 23px}.tp-portfolio-style2 .slick-slider .slick-arrow::before{color:#083d59;font-size:14px;top:-15px}.tp-portfolio-style2 .slick-slider .slick-arrow:hover{background:#ffa84b;border:2px solid #ffa84b}.tp-portfolio-style2 .slick-slider .slick-prev{right:33.5%}.tp-portfolio-style2 .slick-slider .slick-next{right:30%}.tp-portfolio-style3 .portfolio-item{position:relative;overflow:hidden;border-radius:0}.tp-portfolio-style3 .portfolio-item .portfolio-img{position:relative;z-index:1;overflow:hidden}.tp-portfolio-style3 .portfolio-item .portfolio-img:before{content:"";position:absolute;background:#bb0b0b;opacity:.902;width:100%;height:0;left:0;top:0;z-index:1;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}.tp-portfolio-style3 .portfolio-item .portfolio-img img{width:100%;-webkit-transition:1.3s all ease;transition:1.3s all ease;border-radius:0}.tp-portfolio-style3 .portfolio-item .portfolio-img .p-link{display:none!important;top:20px;right:20px;display:inline-block;font-size:32px;color:#fff;-webkit-transition:0.6s all ease;transition:0.6s all ease;opacity:0;z-index:10}.tp-portfolio-style3 .portfolio-item .portfolio-img .p-link i{margin-left:2px;display:none}.tp-portfolio-style3 .portfolio-item .portfolio-content{position:relative;padding:20px 0 0;opacity:1;z-index:1;bottom:0;left:0;right:0;text-align:left;width:100%;border-top:0}.tp-portfolio-style3 .portfolio-item .portfolio-content a{color:#2A4741}.tp-portfolio-style3 .portfolio-item .portfolio-content h4{margin-bottom:0;font-size:24px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:0.6s all ease;transition:0.6s all ease;font-weight:500!important;line-height:30px!important}.tp-portfolio-style3 .portfolio-item .portfolio-content h4 a:hover{color:#8AF135}.tp-portfolio-style3 .portfolio-item .portfolio-content p{margin-bottom:0;color:#2A4741;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:0.6s all ease;transition:0.6s all ease}.tp-portfolio-style3 .portfolio-item .portfolio-content p a{font-size:14px}.tp-portfolio-style3 .portfolio-item a.pf-btn2{color:#fff;font-size:16px;font-weight:700;line-height:1;padding:15px 30px;border:2px solid rgb(255 255 255 / .1);display:inline-block;position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0)}.tp-portfolio-style3 .portfolio-item:hover h4 a{text-decoration:underline!important}.tp-portfolio-style3 .portfolio-item:hover .portfolio-img:before{height:100%}.tp-portfolio-style3 .portfolio-item:hover .portfolio-img a.pf-btn2{transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1)}.tp-portfolio-style4 .portfolio-item{position:relative;overflow:hidden;border-radius:0}.tp-portfolio-style4 .portfolio-item .portfolio-img{position:relative;z-index:1;overflow:hidden}.tp-portfolio-style4 .portfolio-item .portfolio-img:before{content:"";position:absolute;background:#086ad8;opacity:.902;width:100%;height:0;left:0;bottom:0;z-index:1;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;clip-path:polygon(0% -65%,0% 100%,99% 100%)}.tp-portfolio-style4 .portfolio-item .portfolio-img img{width:100%;-webkit-transition:1.3s all ease;transition:1.3s all ease;border-radius:0}.tp-portfolio-style4 .portfolio-item .portfolio-img .p-link{display:none!important;top:20px;right:20px;display:inline-block;font-size:32px;color:#fff;-webkit-transition:0.6s all ease;transition:0.6s all ease;opacity:0;z-index:10}.tp-portfolio-style4 .portfolio-item .portfolio-img .p-link i{margin-left:2px;display:none}.tp-portfolio-style4 .portfolio-item .portfolio-content{position:relative;padding:35px 0 0;opacity:1;z-index:1;bottom:0;left:0;right:0;text-align:left;width:100%;border-top:0}.tp-portfolio-style4 .portfolio-item .portfolio-content a{color:#2A4741}.tp-portfolio-style4 .portfolio-item .portfolio-content h4{margin-bottom:0;font-size:24px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:0.6s all ease;transition:0.6s all ease;font-weight:500!important;line-height:30px!important}.tp-portfolio-style4 .portfolio-item .portfolio-content h4 a:hover{color:#8AF135}.tp-portfolio-style4 .portfolio-item .portfolio-content p{margin-bottom:0;color:#2A4741;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:0.6s all ease;transition:0.6s all ease}.tp-portfolio-style4 .portfolio-item .portfolio-content p a{font-size:14px}.tp-portfolio-style4 .portfolio-item .portfolio-content{transition:0.4s;opacity:0;display:none;position:absolute;left:40px;bottom:40px;z-index:5}.tp-portfolio-style4 .portfolio-item .portfolio-content .p-title{margin-bottom:0;max-width:255px}.tp-portfolio-style4 .portfolio-item .portfolio-content .p-title a{color:#fff}.tp-portfolio-style4 .portfolio-item .portfolio-content .p-category{margin-bottom:0}.tp-portfolio-style4 .portfolio-item .portfolio-content .p-category .separator{color:#fff}.tp-portfolio-style4 .portfolio-item .portfolio-content .p-category a{color:#fff;font-size:14px;font-weight:400}.tp-portfolio-style4 .portfolio-item a.pf-btn2{color:#fff;font-size:16px;font-weight:700;line-height:1;padding:15px 16px;border:2px solid rgb(255 255 255 / .1);display:inline-block;position:absolute;z-index:6;right:30px;bottom:30px;transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0);transform:translate(0%,0%) scale(0);border-radius:100px;background:#fff;width:50px;height:50px}.tp-portfolio-style4 .portfolio-item a.pf-btn2 i{color:#333;position:relative;left:-3px}.tp-portfolio-style4 .portfolio-item a.pf-btn2:hover{background:#086ad8}.tp-portfolio-style4 .portfolio-item a.pf-btn2:hover i{color:#fff}.tp-portfolio-style4 .portfolio-item:hover h4 a{text-decoration:underline!important}.tp-portfolio-style4 .portfolio-item:hover .portfolio-img:before{height:100%;display:block}.tp-portfolio-style4 .portfolio-item:hover .portfolio-img .portfolio-content{display:block;opacity:1}.tp-portfolio-style4 .portfolio-item:hover .portfolio-img a.pf-btn2{transform:translate(0%,0%) scale(1);-webkit-transform:translate(0%,0%) scale(1);-moz-transform:translate(0%,0%) scale(1);-ms-transform:translate(0%,0%) scale(1);-o-transform:translate(0%,0%) scale(1)}.tp-portfolio-style5 .portfolio-item{position:relative;overflow:hidden;border-radius:15px;border:1px solid #EDEFF3;padding:35px}.tp-portfolio-style5 .portfolio-item .portfolio-img{position:relative;z-index:1;overflow:hidden;border-radius:15px}.tp-portfolio-style5 .portfolio-item .portfolio-img:before{position:absolute;content:"";height:100%;width:133%;background:#8AF135;opacity:.5;left:0;top:0;transform:rotate(-54deg) translateY(-162%);transition:0.5s;z-index:0}.tp-portfolio-style5 .portfolio-item .portfolio-img:after{position:absolute;content:"";height:100%;width:133%;background:#8AF135;opacity:.5;left:0;top:0;transform:rotate(-45deg) translateY(126%);transition:0.5s;z-index:0}.tp-portfolio-style5 .portfolio-item .portfolio-img img{width:100%;-webkit-transition:1.3s all ease;transition:1.3s all ease;border-radius:0}.tp-portfolio-style5 .portfolio-item .portfolio-img a.pf-btn2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);z-index:5;background:#8AF135;border-radius:50%;width:55px;height:55px;line-height:55px;text-align:center}.tp-portfolio-style5 .portfolio-item .portfolio-img a.pf-btn2 i{color:#fff}.tp-portfolio-style5 .portfolio-item .portfolio-img:hover:before{transform:rotate(-54deg) translateY(-100%)}.tp-portfolio-style5 .portfolio-item .portfolio-img:hover:after{transform:rotate(-54deg) translateY(30%)}.tp-portfolio-style5 .portfolio-item .portfolio-content{position:relative;padding:35px 0 0;opacity:1;z-index:1;bottom:0;left:0;right:0;text-align:left;width:100%;border-top:0}.tp-portfolio-style5 .portfolio-item .portfolio-content a{color:#2A4741}.tp-portfolio-style5 .portfolio-item .portfolio-content .p-title{line-height:28px;margin-bottom:8px}.tp-portfolio-style5 .portfolio-item .portfolio-content h4{margin-bottom:0;font-size:24px;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:0.6s all ease;transition:0.6s all ease;font-weight:500!important;line-height:30px!important}.tp-portfolio-style5 .portfolio-item .portfolio-content h4 a:hover{color:#8AF135}.tp-portfolio-style5 .portfolio-item .portfolio-content p{margin-bottom:0;color:rgb(255 255 255 / .7019607843);-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:0.6s all ease;transition:0.6s all ease}.tp-portfolio-style5 .portfolio-item .portfolio-content p a{font-size:14px}.tp-portfolio-style5 .portfolio-item:hover h4 a{text-decoration:underline!important}.tp-portfolio-style5 .portfolio-item:hover .portfolio-img:before{height:100%;display:block}.tp-portfolio-style5 .portfolio-item:hover .portfolio-img .portfolio-content{top:0;display:block;opacity:1}.tp-portfolio-style5 .portfolio-item:hover .portfolio-img a.pf-btn2{transform:translate(-50%,-50%) scale(1)}.tps-btn{padding:17px 30px;min-width:max-content;font-size:16px;line-height:21px;font-weight:700;border-radius:15px;background:#8AF135;color:#fff}.tps-btn:hover{background-color:#fff}.tp-portfolio-style6.swiper{overflow:visible!important}.tp-portfolio-style6.swiper .swiper-pagination-frac{top:-19%;right:75px;font-weight:700;position:absolute;max-width:max-content;left:unset}.tp-portfolio-style6.swiper .swiper-pagination-frac .swiper-pagination-current{color:#8AF135}.tp-portfolio-style6 .bg-right-gallery{background:#181c27;padding:102px 50px 60px;border-radius:15px;position:relative}.tp-portfolio-style6 .bg-right-gallery .shape--bg{position:absolute;top:0;right:0}.tp-portfolio-style6 .bg-right-gallery .tps-btn:hover{background:#FFECEC;color:#fff}.tp-portfolio-style6 .p-title{margin-top:30px}.tp-portfolio-style6 .p-title a{font-size:30px;font-family:"Outfit",sans-serif;font-weight:700;color:#fff}.tp-portfolio-style6 .p-category a{font-size:16px;color:#fff}.tp-portfolio-style6 p.disc{margin-top:16px;color:#B3B7C1;margin-bottom:45px;line-height:26px;margin-top:20px}.tp-portfolio-style6 .thumbnail-gallery img{border-radius:15px}.tp-portfolio-style6 .swiper-button-next{top:-16%;right:0}.tp-portfolio-style6 .swiper-button-prev{top:-16%;right:135px;left:auto}.tp-portfolio-style6 .swiper-button-prev,.tp-portfolio-style6 .swiper-button-next{background:#fff;box-shadow:0 10px 20px rgb(24 16 16 / .06);border-radius:8px}.tp-portfolio-style7 .tps-business-case-s-2{position:relative;overflow:hidden;z-index:1;border-radius:20px;width:100%;transition:0.3s}.tp-portfolio-style7 .tps-business-case-s-2 .shape--bg{position:absolute;height:100%;width:100%;z-index:1;background-repeat:no-repeat;transition:0.3s;top:-75%;right:-55%;opacity:0}.tp-portfolio-style7 .tps-business-case-s-2 .thumbnail{border-radius:20px;overflow:hidden}.tp-portfolio-style7 .tps-business-case-s-2 .thumbnail img{overflow:hidden;transition:0.3s;border-radius:20px}.tp-portfolio-style7 .tps-business-case-s-2 .inner{padding:35px;text-align:center;position:absolute;bottom:35px;left:50%;transform:translateX(-50%);width:84%;background:#fff;border-radius:20px;overflow:hidden;z-index:10}.tp-portfolio-style7 .tps-business-case-s-2 .inner .icon{position:absolute;height:58px;width:58px;bottom:-48px;left:-36px;transition:0.3s;opacity:0}.tp-portfolio-style7 .tps-business-case-s-2 .inner span{color:#5D666F;font-size:16px;position:relative}.tp-portfolio-style7 .tps-business-case-s-2 .inner .title{margin-bottom:2px;transition:0.3s;font-weight:700;font-size:24px;line-height:32px;color:#1C2539}.tp-portfolio-style7 .tps-business-case-s-2:hover .thumbnail img{transform:scale(1.1)}.tp-portfolio-style7 .tps-business-case-s-2:hover::after{top:-16%;right:-56%}.tp-portfolio-style7 .tps-business-case-s-2:hover .inner span::after{bottom:-55px;left:-111px}.tp-portfolio-style7 .tps-business-case-s-2:hover .shape--bg{top:-28%;right:-55%;opacity:1}.tp-portfolio-style7 .tps-business-case-s-2:hover .inner .icon{bottom:-17px;left:-17px;opacity:1}.tp-portfolio-style8 .tps-business-case-s-2{position:relative;overflow:hidden;z-index:1;border-radius:5px;width:100%;transition:1.3s}.tp-portfolio-style8 .tps-business-case-s-2 .thumbnail{border-radius:20px;overflow:hidden;position:relative}.tp-portfolio-style8 .tps-business-case-s-2 .thumbnail img{overflow:hidden;transition:1.3s;border-radius:5px}.tp-portfolio-style8 .tps-business-case-s-2 .thumbnail i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);height:55px;width:55px;display:flex;align-items:center;justify-content:center;color:#8AF135;background:#fff;z-index:5;border-radius:50%;transition:0.3s}.tp-portfolio-style8 .tps-business-case-s-2 .inner{position:absolute;background:linear-gradient(90deg,#FFFFFF 0%,#fff0 100%);bottom:-30px;left:30px;right:30px;display:block;width:90%;padding:33px;opacity:0;transition:1s}.tp-portfolio-style8 .tps-business-case-s-2 .inner .icon{position:absolute;height:58px;width:58px;bottom:-48px;left:-36px;transition:0.3s;opacity:0}.tp-portfolio-style8 .tps-business-case-s-2 .inner span{color:#5D666F;font-size:16px;position:relative}.tp-portfolio-style8 .tps-business-case-s-2 .inner .title{margin-bottom:2px;transition:0.3s;font-weight:700;font-size:24px;line-height:32px;color:#1C2539}.tp-portfolio-style8 .tps-business-case-s-2:hover .thumbnail img{transform:scale(1.15)}.tp-portfolio-style8 .tps-business-case-s-2:hover .thumbnail i{transform:translate(-50%,-50%) scale(1)}.tp-portfolio-style8 .tps-business-case-s-2:hover::after{top:-16%;right:-56%}.tp-portfolio-style8 .tps-business-case-s-2:hover .inner span::after{bottom:-55px;left:-111px}.zq_project-wrapper{border-top:1px solid rgb(255 255 255 / .1);display:flex;align-items:start}@media (max-width:767px){.zq_project-wrapper{flex-wrap:wrap}}.zq_project-img{overflow:hidden;border-radius:17px;margin-bottom:20px}.zq_project-img img{width:100%}.zq_project-single{padding-top:40px}.zq_project-single:first-child{border-right:1px solid rgb(255 255 255 / .1)}@media (max-width:767px){.zq_project-single:first-child{border-right:0}}@media (max-width:767px){.zq_project-single:last-child{padding-top:0}}@media (max-width:991px){.zq_project-single.pl-40{padding-left:20px}.zq_project-single.pr-40{padding-right:20px}}@media (max-width:767px){.zq_project-single.pl-40{padding-left:0}.zq_project-single.pr-40{padding-right:0}}.zq_project-item{border-bottom:1px solid rgb(255 255 255 / .1);padding-bottom:35px;margin-bottom:30px}.zq_project-content-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.zq_project-content-title{color:var(--bodyheading);font-size:32px;font-weight:600;line-height:1.3;margin-bottom:0}@media (max-width:991px){.zq_project-content-title{font-size:24px}}.zq_project-content-title:hover a{color:var(--themeprimary)}.zq_project-content-btn{color:rgb(255 255 255 / .2);font-size:30px;font-weight:700}.zq_project-content p{color:rgb(255 255 255 / .7);font-size:16px;font-weight:400;line-height:24px;margin-bottom:0}.zq_project-client{display:flex;align-items:center;gap:10px;margin-bottom:35px}.zq_project-client-info h3{color:var(--bodyheading);font-size:32px;font-weight:600;line-height:1.2;margin-bottom:0}.zq_project-client-info p{color:var(--bodyheading);font-size:18px;font-weight:400;line-height:28px;margin-bottom:0;font-family:"Inter",sans-serif}.zq_project-client-img{display:flex;align-items:center}.zq_project-client-img img:not(:first-child){margin-left:-20px}.zq_project-item:hover .zq_project-content-btn{color:var(--themeprimary)}.zq_h2_project-item{background-color:#33574F;border-radius:8px}.zq_h2_project-item-content{padding:25px 30px 24px}@media (max-width:480px){.zq_h2_project-item-content{padding:25px 25px 24px}}.zq_h2_project-item-content span{color:var(--bodyheading);font-size:18px;font-weight:600;line-height:26px;letter-spacing:-1px;display:block;margin-bottom:15px}.zq_h2_project-item-content h3{color:var(--bodyheading);font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin-bottom:15px}@media (max-width:1399px){.zq_h2_project-item-content h3{font-size:28px}}@media (max-width:991px){.zq_h2_project-item-content h3{font-size:24px}}.zq_h2_project-item-content h3:hover a{color:var(--themeprimary)}.zq_h2_project-item-content p{color:rgb(255 255 255 / .7);font-family:Inter;font-size:16px;font-weight:400;line-height:24px;margin-bottom:0}.zq_h2_project-item-img{border-radius:0 0 8px 8px;overflow:hidden;position:relative;z-index:1}.zq_h2_project-item-img img{width:100%}.zq_h2_project-item-img-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:60px;box-shadow:0 16px 30px 0 rgb(1 6 20 / .1);background:var(--themeprimary);display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--commonblack);font-size:22px;opacity:0;visibility:hidden}.zq_h2_project-item-img-icon:hover{color:var(--commonblack)}.zq_h2_project-item-img::before{position:absolute;left:0;top:0;content:"";width:100%;height:100%;border-radius:8px;background:linear-gradient(180deg,#fff0,rgb(138 241 53 / .5) 100%);opacity:.7}.zq_h2_project-img{overflow:hidden;border-radius:8px}.zq_h2_project-img img{width:100%}.zq_h2_project-item:hover .zq_h2_project-item-img-icon{opacity:1;visibility:visible}.swiper.h3_project-active{margin-left:-290px;margin-right:-290px}@media (max-width:767px){.swiper.h3_project-active{margin-left:15px;margin-right:15px}}.zq_h3_project-item{padding:30px 30px 25px;background:#33574F;border-radius:8px;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s}@media (max-width:480px){.zq_h3_project-item{padding:30px 20px 25px}}.zq_h3_project-item-img{overflow:hidden;margin-bottom:20px}.zq_h3_project-item-img img{width:100%;border-radius:8px}.zq_h3_project-item-content-icon svg{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;color:#fff;width:20px}@media (max-width:480px){.zq_h3_project-item-content-icon svg{width:16px}}.zq_h3_project-item-content-title{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:16px}.zq_h3_project-item-content-title h3{color:#fff;font-family:Outfit;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin-bottom:0}@media (max-width:480px){.zq_h3_project-item-content-title h3{font-size:24px}}.zq_h3_project-item-content span{display:flex;align-items:center;color:rgb(255 255 255 / .7);font-size:18px;font-weight:600;line-height:26px;letter-spacing:-.6px;gap:15px;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s}@media (max-width:480px){.zq_h3_project-item-content span{font-size:16px}}.zq_h3_project-item-content span del{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;color:rgb(255 255 255 / .5);position:relative;z-index:1;padding-left:13px}.zq_h3_project-item-content span del::before{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;position:absolute;left:-3px;top:50%;transform:translateY(-50%);content:"";width:4px;height:4px;background:rgb(255 255 255 / .7);border-radius:50%}.zq_h3_project-item:hover{background-color:var(--themeprimary)}.zq_h3_project-item:hover .zq_h3_project-item-content-icon svg{color:var(--commonblack)}.zq_h3_project-item:hover .zq_h3_project-item-content-title h3{color:var(--commonblack)}.zq_h3_project-item:hover .zq_h3_project-item-content span{color:rgb(15 41 35 / .7)}.zq_h3_project-item:hover .zq_h3_project-item-content span del{color:rgb(15 41 35 / .5)}.zq_h3_project-item:hover .zq_h3_project-item-content span del::before{background-color:rgb(15 41 35 / .7)}.zq_h4_project-item-img{margin-bottom:20px}.zq_h4_project-item-img img{width:100%;border-radius:8px}.zq_h4_project-item-content h3{color:#fff;font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin-bottom:5px}.zq_h4_project-item-content span{display:flex;align-items:center;gap:10px;color:#fff;font-family:Inter;font-size:18px;font-weight:400;line-height:28px;margin-bottom:31px}.zq_h4_project-item-content span del{color:rgb(255 255 255 / .5);position:relative;z-index:1;padding-left:15px}.zq_h4_project-item-content span del::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:5px;height:5px;background-color:rgb(255 255 255 / .5);border-radius:50%}.zq_h4_project-item-btn{color:var(--commonblack);font-family:Inter;font-size:18px;font-weight:500;line-height:28px;display:inline-flex;align-items:center;height:55px;background:#fff;padding:0 35px;border-radius:50px}.zq_h4_project-item-btn:hover{background-color:var(--themeprimary);color:var(--commonblack)}.swiper.h5_project-active{margin-right:-451px}@media (max-width:575px){.swiper.h5_project-active{margin-right:0}}.zq_h5_project-item{padding:20px 20px 20px;background:#33574F;border-radius:8px;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s}.zq_h5_project-item-img{overflow:hidden;margin-bottom:15px}.zq_h5_project-item-img img{width:100%;border-radius:8px}.zq_h5_project-item-content-icon svg{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;color:#fff;width:20px}.zq_h5_project-item-content-title{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-bottom:6px}.zq_h5_project-item-content-title h3{font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-1px;margin-bottom:0}.zq_h5_project-item-content-title h3 a{color:#fff}.zq_h5_project-item-content span{display:flex;align-items:center;color:#fff;font-size:18px;font-weight:400;line-height:26px;letter-spacing:-.6px;gap:15px;-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s}.zq_h5_project-item-content span del{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;color:rgb(255 255 255 / .5);position:relative;z-index:1;padding-left:13px}.zq_h5_project-item-content span del::before{-webkit-transition:all 0.3s linear 0s;-moz-transition:all 0.3s linear 0s;-ms-transition:all 0.3s linear 0s;-o-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;position:absolute;left:-3px;top:50%;transform:translateY(-50%);content:"";width:4px;height:4px;background:rgb(255 255 255 / .7);border-radius:50%}.zq_h5_project-item:hover{background-color:var(--themeprimary)}.zq_h5_project-item:hover .zq_h5_project-item-content-icon svg{color:var(--commonblack)}.zq_h5_project-item:hover .zq_h5_project-item-content-title h3 a{color:var(--commonblack)}.zq_h5_project-item:hover .zq_h5_project-item-content span{color:rgb(15 41 35 / .7)}.zq_h5_project-item:hover .zq_h5_project-item-content span del{color:rgb(15 41 35 / .5)}.zq_h5_project-item:hover .zq_h5_project-item-content span del::before{background-color:rgb(15 41 35 / .7)}.zq_inner_project-item{border-radius:17px;overflow:hidden;background-color:#2A4741}.zq_inner_project-img{overflow:hidden;border-radius:17px}.zq_inner_project-img img{width:100%;-webkit-transition:all 0.5s linear 0s;-moz-transition:all 0.5s linear 0s;-ms-transition:all 0.5s linear 0s;-o-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s}.zq_inner_project-content{padding:27px 30px 35px 30px}@media (max-width:480px){.zq_inner_project-content{padding-right:20px;padding-left:20px}}.zq_inner_project-content-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.zq_inner_project-content-title{color:var(--bodyheading);font-size:32px;font-weight:600;line-height:1.3;margin-bottom:0}@media (max-width:1199px){.zq_inner_project-content-title{font-size:28px}}@media (max-width:991px){.zq_inner_project-content-title{font-size:32px}}@media (max-width:575px){.zq_inner_project-content-title{font-size:26px}}@media (max-width:480px){.zq_inner_project-content-title{font-size:20px}}.zq_inner_project-content-title:hover a{color:var(--themeprimary)}.zq_inner_project-content-btn{color:rgb(255 255 255 / .2);font-size:30px;font-weight:700}.zq_inner_project-content p{color:rgb(255 255 255 / .7);font-size:16px;font-weight:400;line-height:24px;margin-bottom:0}.zq_inner_project-item:hover .zq_inner_project-content-btn{color:var(--themeprimary)}.zq_inner_project-item:hover .zq_inner_project-img img{transform:scale(1.1)}.zq_inner-pagination ul{display:flex;list-style:none;justify-content:center;gap:8px;align-items:center}.zq_inner-pagination ul li a{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border:1px solid rgb(138 241 53 / .5);border-radius:50%;color:#fff;font-family:Inter;font-size:18px;font-weight:500;line-height:28px}.zq_inner-pagination ul li a:hover{background:var(--themeprimary);color:var(--commonblack)}.zq_portfolio_details-info{border:1px solid rgb(255 255 255 / .16);border-radius:8px;display:grid;grid-template-columns:repeat(6,1fr)}@media (max-width:1199px){.zq_portfolio_details-info{grid-template-columns:repeat(4,1fr)}}@media (max-width:991px){.zq_portfolio_details-info{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.zq_portfolio_details-info{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.zq_portfolio_details-info{grid-template-columns:repeat(1,1fr)}}.zq_portfolio_details-info-item{border-right:1px solid rgb(255 255 255 / .16);padding:32px 30px 34px}@media (max-width:480px){.zq_portfolio_details-info-item{border-right:0}}.zq_portfolio_details-info-item span{color:rgb(255 255 255 / .7);font-family:Inter;font-size:16px;font-weight:400;line-height:24px;display:block;margin-bottom:10px}.zq_portfolio_details-info-item p{color:#fff;font-family:Inter;font-size:18px;font-weight:600;line-height:24px;letter-spacing:-1px;margin-bottom:0}