:root{--bodyFont:"Onest", sans-serif;--titleFont:"Onest", sans-serif;--primaryColor:#01A66B;--secondaryColor:#005651;--seceondary2Color:#ffaf40;--bodyColor:#4B655C;--whiteColor:#ffffff;--titleColor:#1C1E30;--borderColor:#CDE4DC;--inputbgColor:#E6F7F1;--shadow6:0px 16px 32px 0px rgba(0, 0, 0, .06);--transition:0.4s all ease}.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:var(--primaryColor);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;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:var(--secondaryColor);width:100%;height:0;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:var(--primaryColor)}.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:var(--primaryColor)}.tp-portfolio-style1 .slick-slider .slick-next:hover{background:var(--primaryColor)}.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:-ms-linear-gradient(90deg,rgb(0 0 0 / .70196) 0%,#fff0 100%);width:100%;height:100%;transition:all 0.3s ease 0s;left:0;bottom:0;z-index:1}.tp-portfolio-style2 .portfolio-item:after{content:"";position:absolute;background-color:var(--primaryColor);opacity:.902;-webkit-clip-path:polygon(100% 0,100% 100%,44.5% 100%,0% 65%,0 0);clip-path:polygon(100% 0,100% 100%,44.5% 100%,0% 65%,0 0);width:100%;height:0;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;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:var(--primaryColor)}.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);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;-webkit-clip-path:polygon(0 64.6%,0% 100%,45.5% 100%);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;transition:all 0.3s ease 0s}.tp-portfolio-style3 .portfolio-item .portfolio-img img{width:100%;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;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:var(--secondaryColor)}.tp-portfolio-style3 .portfolio-item .portfolio-content h4{margin-bottom:0;font-size:24px;transform:translateY(0);transition:0.6s all ease;font-weight:500!important;line-height:30px!important}.tp-portfolio-style3 .portfolio-item .portfolio-content h4 a:hover{color:var(--primaryColor)}.tp-portfolio-style3 .portfolio-item .portfolio-content p{margin-bottom:0;color:var(--secondaryColor);transform:translateY(0);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;transition:all 0.3s ease 0s;-webkit-clip-path:polygon(0% -65%,0% 100%,99% 100%);clip-path:polygon(0% -65%,0% 100%,99% 100%)}.tp-portfolio-style4 .portfolio-item .portfolio-img img{width:100%;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;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:var(--secondaryColor)}.tp-portfolio-style4 .portfolio-item .portfolio-content h4{margin-bottom:0;font-size:24px;transform:translateY(0);transition:0.6s all ease;font-weight:500!important;line-height:30px!important}.tp-portfolio-style4 .portfolio-item .portfolio-content h4 a:hover{color:var(--primaryColor)}.tp-portfolio-style4 .portfolio-item .portfolio-content p{margin-bottom:0;color:var(--secondaryColor);transform:translateY(0);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);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:var(--primaryColor);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:var(--primaryColor);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%;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:var(--primaryColor);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:var(--secondaryColor)}.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;transform:translateY(0);transition:0.6s all ease;font-weight:500!important;line-height:30px!important}.tp-portfolio-style5 .portfolio-item .portfolio-content h4 a:hover{color:var(--primaryColor)}.tp-portfolio-style5 .portfolio-item .portfolio-content p{margin-bottom:0;color:var(--bodyColor);transform:translateY(0);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:-moz-max-content;min-width:max-content;font-size:16px;line-height:21px;font-weight:700;border-radius:15px;background:var(--primaryColor);color:#fff}.tps-btn:hover{background-color:var(--titleColor)}.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:-moz-max-content;max-width:max-content;left:unset}.tp-portfolio-style6.swiper .swiper-pagination-frac .swiper-pagination-current{color:var(--primaryColor)}.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:var(--titleColor)}.tp-portfolio-style6 .p-title{margin-top:30px}.tp-portfolio-style6 .p-title a{font-size:30px;font-family:var(--titleFont);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:var(--primaryColor);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}.portfolio-style2 .portfolio-slider-nav .swiper-button-prev,.portfolio-style2 .portfolio-slider-nav .swiper-button-next{color:var(--whiteColor);height:60px!important;width:60px!important;display:inline-block;line-height:60px;text-align:center;border-radius:0;background:#fff0;transition:0.3s;border:1px solid rgb(255 255 255 / .2)}.portfolio-style2 .portfolio-slider-nav .swiper-button-prev:hover,.portfolio-style2 .portfolio-slider-nav .swiper-button-next:hover{background:var(--primaryColor)}