:root{--bodyFont:"DM Sans",sans-serif;--titleFont:"Poppins",sans-serif;--titleColor:#fff;--textColor:#fff;--primaryColor:#5c00e5;--secondaryColor:#f23f5d;--bodyColor:#111;--bodyColor2:#1a1a1a;--whiteColor:#fff;--blackColor:#000;--borderColor:#e2eaf0;--inputbgColor:#f5f9fc;--softbgColor:#f5f9fc;--neutralColor0:#fff;--neutralColor10:#fafafb;--neutralColor20:#f5f6f7;--neutralColor30:#ebecef;--neutralColor40:#dfe0e4;--neutralColor50:#c1c4cc;--neutralColor60:#b2b6bf;--neutralColor70:#a6aab5;--neutralColor80:#979ca8;--neutralColor90:#888e9c;--neutralColor100:#798090;--neutralColor200:#6a7283;--neutralColor300:#5b6477;--neutralColor400:#4f586d;--neutralColor500:#404a60;--neutralColor600:#343e56;--neutralColor700:#222e48;--neutralColor800:#13203b;--neutralColor800:#13203b;--transition:.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 .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:rgba(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 .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 .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:0px 16px 32px 0px rgba(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,rgba(0,0,0,.70196) 0%,rgba(0,0,0,0) 100%);width:100%;height:100%;transition:all .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 .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 .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 .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}.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:#2a9d8f;opacity:.902;width:100%;height:0;left:0;top:0;z-index:1;transition:all .3s ease 0s}.tp-portfolio-style3 .portfolio-item .portfolio-img img{width:100%;transition:1.3s all ease;border-radius:0;height:500px;-o-object-fit:cover;object-fit:cover}.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:.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:.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(0px);transition:.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:1px solid #fff;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 .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:.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:.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(0px);transition:.6s all ease}.tp-portfolio-style4 .portfolio-item .portfolio-content p a{font-size:14px}.tp-portfolio-style4 .portfolio-item .portfolio-content{transition:.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 rgba(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:.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:.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:.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(0px);transition:.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:0px 10px 20px rgba(24,16,16,.06);border-radius:8px}.tp-portfolio-style7 .tps-business-case-s-2{position:relative;overflow:hidden;z-index:1;border-radius:0;width:100%;transition:.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:.3s;top:-75%;right:-55%;opacity:0}.tp-portfolio-style7 .tps-business-case-s-2 .thumbnail{border-radius:0;overflow:hidden}.tp-portfolio-style7 .tps-business-case-s-2 .thumbnail img{overflow:hidden;transition:.3s;border-radius:0;height:500px;-o-object-fit:cover;object-fit:cover}.tp-portfolio-style7 .tps-business-case-s-2 .inner{padding:35px;position:absolute;bottom:35px;left:50%;transform:translateX(-50%);width:84%;background:#fff;border-radius:0;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:.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:.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:.3s}.tp-portfolio-style8 .tps-business-case-s-2 .inner{position:absolute;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 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:.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:.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:0 0;transition:.3s;border:1px solid rgba(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)}