.btn.hz-btn,.btn.hz-btn:before{background:-o-linear-gradient(45deg,#468ce3,#5ed6ff);background:linear-gradient(45deg,#468ce3,#5ed6ff);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}html{scroll-behavior:smooth}.client-2-row .client-logo,.hz-brand-box,.loader,.modal-main-wrap .modal-inner,.policy-page .banner-left-content,.port-cont-wrap,a.btn-a{text-align:center}.bg-blue,.btn.hz-btn,.follow-txt h5{position:relative}ul.foot-nav li a,ul.foot-nav li a:after{-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;color:#212529}.main-footer-circle,span.banner-circle{-webkit-animation:5s linear infinite rotate360;animation:5s linear infinite rotate360}.rw-slide img,.web-porfolio-img img{-o-object-position:top;object-position:top;-o-object-fit:cover;object-fit:cover}.mb-6,.my-6{margin-bottom:3.5rem!important}.mt-6,.my-6{margin-top:3.5rem!important}.mb-7,.my-7{margin-bottom:4rem!important}.mt-7,.my-7{margin-top:4rem!important}a.btn-a{display:inline-block}.btn.hz-btn{border:0;font-size:20px;padding:18px 60.9px;overflow:hidden;z-index:0}.port-inner a.btn-a{margin-top:-30px;display:block}.port-inner .hz-btn{-webkit-box-shadow:0 20px 40px 0 #468ce3a6;box-shadow:0 20px 40px 0 #468ce3a6}.btn.hz-btn:before{content:'';position:absolute;width:0%;height:100%;left:0;top:0;z-index:-1}.blue-theme-work .related-work-slider ul.slick-dots li.slick-active button,.fancybox-progress,.professional-work .related-work-slider ul.slick-dots li.slick-active button,.slick-btns button,.testi-slider .testi-inner:nth-child(odd){background:#459aff}.banner-rental img,.banner-right-img-virtualreality img,.btn.hz-btn:hover:before,.col-bpo-items .items-bpo:hover:after,.ecom-item img,.hz-op-content .op-img img,.image-resource-service img,.items-bpo.bpoactivate:after,.oa-left h2:before,.part-2-inner-text ul li a.active-tab:after,.part-2-inner-text ul li a:hover:after,.reseller-service-img img,.services-parent ul li a:hover:before,form.modal-form .form-group.focused:after,span.image-world-map>img{width:100%}.port-2-row .port-inner .port-cont-wrap{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform:translateY(100%) rotateX(270deg);transform:translateY(100%) rotateX(270deg);opacity:0}.port-2-row .port-inner.slick-current .port-cont-wrap,.port-2-row .port-inner:hover .port-cont-wrap{-webkit-transform:translateY(0) rotateX(0);transform:translateY(0) rotateX(0);opacity:1}.port-2-row .slick-arrow,.port-2-row ul.slick-dots,.testi-slider button.slick-arrow,.testi-slider ul.slick-dots{display:none!important}.port-2-row .slick-list.draggable{padding:0 28.5%!important;overflow-y:auto!important}.port-img-wrap img{width:100%;height:100%!important;-o-object-fit:cover;object-fit:cover;border-radius:20px}.port-2-row .port-inner{margin-left:28.5px!important;margin-right:28.5px!important}.port-2-row .slick-list.draggable .slick-track{overflow-y:inherit!important;padding-bottom:70px}.port-inner .hz-btn i.fa-solid{margin-left:20px}section#portfolio{padding-bottom:0!important}section#our-client{z-index:2;margin-top:-70px}.client-2-row .col-lg-3{margin-bottom:17px;height:129px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.client-2-row .col-lg-3 .client-logo{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #00000080;-webkit-transition:.3s linear 0s;-o-transition:.3s .3s linear 0s;transition:.3s .3s linear 0s;position:relative;overflow:hidden;cursor:pointer}body.darkPage .client-2-row .col-lg-3 .client-logo{border-color:#fff}body .client-2-row .col-lg-3 .client-logo:hover{border-color:#fff}body .client-logo:before{content:'';position:absolute;left:-100%;top:0;width:100%;height:100%;background:#fff;z-index:-1;transition:all .3s linear 0s}body:not(.darkPage) .client-logo:hover:before{left:0}body .client-logo:hover{box-shadow:3px 3px 11px rgb(0 0 0/50%);border-color:#fff}body.darkPage .client-logo:before{left:0}body.darkPage .client-logo:hover{box-shadow:3px 3px 11px rgb(255 255 255/50%);border-color:#fff}.social-links,.social-links-wrap,.testi-client{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.client-2-row .col-lg-3 .client-logo img{-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.bg-blue p.text-white,.list-items,.max-width-550{max-width:550px}.bg-blue-wrap{max-width:499px;margin-left:65px}.bg-blue{padding-top:60px;padding-bottom:60px}.bg-blue:before{content:'';background:-o-linear-gradient(45deg,#2a4b99,#328efa);background:linear-gradient(45deg,#2a4b99,#328efa);position:absolute;right:0;width:60vw;height:100%;z-index:-1;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.mb-22{margin-bottom:22px}.testi-slider .testi-inner:nth-child(2n){background:#5ed6ff}.testi-slider .slick-list.draggable{padding-left:22%!important}.testi-slider .testi-inner{padding:57px 171px 66px 77px;border-radius:30px;margin-left:14px;margin-right:14px}.testi-slider .testi-inner .quote-ico{margin-bottom:37px}.testi-slider .testi-inner .testi-cont{margin-bottom:71px}.banner-left-content span a i,.col-location span.img-location,.contact-main-area button .arrow-img,.pricing-main-panel>a>img,.testi-client .client-img,.text-resources-service span a i{margin-right:10px}.testi-client .name{font-size:26px;font-weight:300;letter-spacing:.5px}.testi-client .name{font-size:15px;font-weight:300;letter-spacing:.5px}.slick-btns button{color:#fff;width:52px;height:52px;border-radius:100px;font-size:20px;margin-left:10px;margin-right:10px;-webkit-box-shadow:0 0 0 2px #00000026;box-shadow:0 0 0 2px #00000026;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.slick-btns button:hover{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.container-800{max-width:800px;margin:0 auto;width:90%}.slick-btns{margin-top:36px}.footer-logo-wrap,.industry-price-panel .pricing-flex-play{margin-bottom:40px}.footer-logo-wrap img{max-width:100%;width:auto}.fa-30{font-size:30px}.follow-txt h5{color:#001341;display:inline-block}.follow-txt h5:before,.foot-head:before{content:'';position:absolute;left:0;bottom:-6px;width:100%;height:4px;background:-webkit-gradient(linear,right top,left top,from(#459aff),to(#5ed6ff));background:-o-linear-gradient(right,#459aff,#5ed6ff);background:linear-gradient(-90deg,#459aff,#5ed6ff);-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}.social-links-wrap{padding-top:5px}.follow-txt{padding-right:50px}.social-links-wrap a.social-link{background:#459aff;border-radius:100px;height:26px;width:26px;color:#fff;margin-right:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.foot-head{display:inline-block;position:relative;padding-bottom:15px}ul.foot-nav{list-style:none;margin-bottom:0}.footer-menu{padding-top:50px}.ecom-pricing .pricing-items ul li,ul.foot-nav li{margin-bottom:25px}ul.foot-nav li a{position:relative}ul.foot-nav li a:before{content:'';position:absolute;left:0;bottom:0;width:0%;height:9px;background:#bceeff;z-index:-1;-webkit-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out}ul.foot-nav li a:hover:before,ul.foot-nav li.active a:before{width:110%}ul.foot-nav li a:after{content:'\f178';visibility:hidden;font-family:FontAwesome;font-weight:300;position:absolute;left:-20px;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px);opacity:0}.part-2-inner-text ul li a.active-tab:before,.part-2-inner-text ul li a:hover:before,ul.foot-nav li a:hover:after,ul.foot-nav li.active a:after{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);visibility:visible}ul.foot-nav li a:hover,ul.foot-nav li.active a{padding-left:10px}.footer-bottom{color:#000;font-size:12px}.line-height-169{line-height:169%}.port-2-row{margin-top:80px!important}.port-img-wrap{height:355px}.client-2-row{margin-top:100px!important}#portfolio .text-center,.child-education,.hz-our-brand .text-center,.image-blockchain-service,section.hz-our-categories .left-line h2{position:relative;display:inline-block}.left-line h2:before,.right-line h2:after{content:'';position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);height:11px;width:100%;max-width:478px}.left-line h2:before{background:-webkit-gradient(linear,left top,right top,from(#459aff),to(transparent));background:-o-linear-gradient(left,#459aff,transparent);background:linear-gradient(90deg,#459aff,transparent);left:calc(100% + 33px)}.right-line h2:after{background:-webkit-gradient(linear,right top,left top,from(#459aff),to(transparent));background:-o-linear-gradient(right,#459aff,transparent);background:linear-gradient(270deg,#459aff,transparent);right:calc(100% + 33px)}.footer-circle{position:absolute;background:0 0;z-index:-1;right:-440px;bottom:30px}.app-design-tab section.text-resource-services-section:before,.box-web03 .oh-icon:before,.btn-d-none,.emerging-tech .footer .world-circles-images.footer-circle,.emerging-tech-augmented-reality .footer .world-circles-images.footer-circle,.emerging-tech-augmented-reality section.text-resource-services-section:before,.emerging-tech-blockchain .footer .world-circles-images.footer-circle,.emerging-tech-blockchain section.text-resource-services-section:before,.emerging-tech-nft .footer .world-circles-images.footer-circle,.emerging-tech-nft .step-process-row [class*=col-]:not(:last-child) .step-box:after,.emerging-tech-nft section.text-resource-services-section:before,.emerging-tech-virtual-reality .footer .world-circles-images.footer-circle,.emerging-tech-web03 .footer .world-circles-images.footer-circle,.emerging-tech-web03 section.text-resource-services-section:before,.footer-circle .image-bg-map:before,.footer-circle .main-circle:before,.hz-bpo-three:before,.i-digital-step .step-box .oh-icon:before,.i-estate-banner:before,.ie-service-img:before,.industry-plans-cleaning .main-footer-circle,.industry-plans-digital-agency .footer-circle,.industry-plans-digital-agency .section-2:before,.industry-plans-ecommerce .bg-image-on-top:before,.industry-plans-ecommerce .footer-circle,.industry-plans-ecommerce .image-resource-service.service-circle-img:before,.industry-plans-ecommerce .text-resource-services-section:before,.industry-plans-law-firms .world-circles-images.footer-circle,.industry-plans-professional-services .footer-circle,.industry-plans-real-estate .footer-circle,.industry-plans-real-estate section.text-resource-services-section:before,.industry-plans-restaurants .client-section .color-blur-circle,.industry-plans-restaurants .footer-circle,.industry-plans-restaurants .portfolio-section .color-blur-circle,.industry-plans-restaurants section.text-resource-services-section:before,.no-portfolio .portfolio-section,.portfolio-modal .modal-body>img,.section-2.industry-plans-cleaning:before,app-design-tab section.text-resource-services-section::before,button.for-mobile{display:none}.footer-circle span.inner-circle{background:#fff;border:0 solid #fff;width:450px;height:450px}.main-footer-circle{width:650px;height:650px;display:block;margin-left:auto;border-radius:100%;position:relative;overflow:hidden;z-index:0;border:80px solid transparent;background:-o-linear-gradient(45deg,#468ce3,#37cffb) border-box;background:linear-gradient(45deg,#468ce3,#37cffb) border-box;-webkit-mask:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff)) padding-box,-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff));-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.dark-blue-box:hover:before,.wfy-box{background:#41b1ff}.footer:before{content:'';position:absolute;right:-13%;bottom:-35%;width:1152px;height:1152px;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#459aff80),color-stop(60%,rgb(255 255 255/23%)));background:-o-linear-gradient(bottom,#459aff80 0,rgb(255 255 255/23%) 60%);background:linear-gradient(0deg,#459aff80 0,rgb(255 255 255/23%) 60%);border-radius:50%;pointer-events:none;z-index:-1}.footer .container-1560,header{z-index:99}.footer{position:relative;z-index:1}.footer:after{content:'';background-image:url(../assets/home/bg-3.png);width:100%;height:100%;position:absolute;bottom:0;right:0;z-index:-2}.column-responsive-pricing .slick-track,.testi-slider .slick-track{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.column-responsive-pricing .slick-slide,.testi-slider .slick-slide{height:inherit!important}.row-footer-location{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:105px}.col-location{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:62px}.text-location-footer h6{font-size:20.74px;margin-bottom:5px}.text-location-footer p{font-size:15px;font-weight:500;text-transform:uppercase;color:#000}.col-location:last-child,.links-columns>ul>li:last-child>a{margin:0}.btn-reg.btn-gradient.pinkbtn{background:-webkit-gradient(linear,left top,right top,from(#e90268),to(#de02648c));background:-o-linear-gradient(left,#e90268,#de02648c);background:linear-gradient(90deg,#e90268,#de02648c)}.btn-reg.btn-gradient.pinkbtn:before{background:linear-gradient(90deg,#de02648c,#e90268)}.btn-reg.btn-gradient.purplebtn{background:-webkit-gradient(linear,left top,right top,from(#a00bfc),to(#3700ad));background:-o-linear-gradient(left,#a00bfc,#3700ad);background:linear-gradient(90deg,#a00bfc,#3700ad)}.btn-reg.btn-gradient.purplebtn:before{background:-webkit-gradient(linear,left top,right top,from(#ff007a),to(#5119ef3d));background:-o-linear-gradient(left,#ff007a,#5119ef3d);background:linear-gradient(90deg,#ff007a,#5119ef3d)}.btn-reg.btn-gradient.yellowbtn{background:-webkit-gradient(linear,left top,right top,color-stop(0,#ffb800),to(#ffb800));background:-o-linear-gradient(left,#ffb800 0,#ffb800 100%);background:linear-gradient(90deg,#ffb800 0,#ffb800 100%);color:#000;box-shadow:0 0 13px rgb(0 0 0/20%)}.btn-reg.btn-gradient.yellowbtn:before{background:-webkit-gradient(linear,right top,left top,from(#fff),to(#feba0a));background:-o-linear-gradient(right,#fff,#feba0a);background:linear-gradient(to left,#fff,#feba0a)}.btn-reg.btn-gradient.yellowblackbtn{background:-webkit-gradient(linear,left top,right top,color-stop(0,#1d1d1d),to(#a98846));background:-o-linear-gradient(left,#1d1d1d 0,#a98846 100%);background:linear-gradient(90deg,#1d1d1d 0,#a98846 100%);-webkit-box-shadow:0 10px 40px rgb(0 0 0/50%);box-shadow:0 10px 40px rgb(0 0 0/50%)}.btn-reg.btn-gradient.yellowblackbtn:before{background:-webkit-gradient(linear,left top,right top,color-stop(0,#1d1d1d),to(#a98846));background:-o-linear-gradient(left,#1d1d1d 0,#a98846 100%);background:linear-gradient(90deg,#1d1d1d 0,#a98846 100%)}.btn-reg.btn-gradient.darkbluebtn{background:#0e1f34}.btn-reg.btn-gradient.darkbluebtn:before{background:-webkit-gradient(linear,right top,left top,from(#468ce3),to(#5ed6ff));background:-o-linear-gradient(right,#468ce3,#5ed6ff);background:linear-gradient(270deg,#468ce3,#5ed6ff);color:#fff!important}.btn-reg.btn-gradient.bluegreenbtn{background:-webkit-gradient(linear,left top,right top,color-stop(20%,#459aff),to(#34d3bc));background:-o-linear-gradient(left,#459aff 20%,#34d3bc);background:linear-gradient(90deg,#459aff 20%,#34d3bc)}.btn-reg.btn-gradient.bluegreenbtn:before{background:-webkit-gradient(linear,right top,left top,from(#468ce3),to(#5ed6ff));background:-o-linear-gradient(right,#468ce3,#5ed6ff);background:linear-gradient(270deg,#468ce3,#5ed6ff);color:#fff!important}.btn-reg.btn-gradient.brownbtn{background:-webkit-gradient(linear,left top,right top,color-stop(0,#1d1d1d),to(#a77451));background:-o-linear-gradient(left,#1d1d1d 0,#a77451 100%);background:linear-gradient(90deg,#1d1d1d 0,#a77451 100%)}.btn-reg.btn-gradient.brownbtn:before{background:-webkit-gradient(linear,left top,right top,color-stop(0,#1d1d1d),to(#a77451));background:-o-linear-gradient(left,#1d1d1d 0,#a77451 100%);background:linear-gradient(90deg,#1d1d1d 0,#a77451 100%)}.btn-reg.btn-gradient.blackwhitebtn{background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),to(#ffffff47));background:-o-linear-gradient(left,transparent 0,#ffffff47 100%);background:linear-gradient(90deg,transparent 0,#ffffff47 100%);-webkit-box-shadow:0 9px 40px 0 rgb(0 0 0);box-shadow:0 9px 40px 0 rgb(0 0 0)}.btn-reg.btn-gradient.blackwhitebtn:before{background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),to(#ffffff47));background:-o-linear-gradient(left,transparent 0,#ffffff47 100%);background:linear-gradient(90deg,transparent 0,#ffffff47 100%)}div#myModal .modal-dialog{width:480px}div#myModal.main-modal .modal-body{padding:60px 40px 80px}div#myModal h6{font-size:50px}div#myModal .service-head{font-size:13px}div#myModal form.modal-form .form-group input,div#myModal form.modal-form .form-group textarea{height:47px;border-radius:5px;padding:.375rem .75rem}div#myModal form.modal-form .form-group textarea{height:120px}div#myModal.main-modal .modal-body .btn-close{top:10px;right:10px;line-height:32px}div#myModal span.circle-modal{display:none}header .social-contact a:last-child span:first-child{margin-right:0}div.banner-right-imgAbout img{-webkit-animation:globeAboutrotation 100s linear infinite;-moz-animation:globeAboutrotation 100s linear infinite;-ms-animation:globeAboutrotation 100s linear infinite;-o-animation:globeAboutrotation 100s linear infinite;animation:globeAboutrotation 100s linear infinite}section.aboutBannerSec:before{background:url(../assets/about/bannerAboutCircle.png);content:'';position:absolute;right:0;bottom:0;width:50%;height:70%;background-repeat:no-repeat;background-position:bottom right;background-size:contain}.globeAbout:before{background:url(../assets/about/aboutBannerShadow.png)}@keyframes globeAboutrotation{from{-ms-transform:rotate(0);-moz-transform:rotate(0);-webkit-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.hz-oc-btn.getStartedTn{display:inline}.hz-oc-btn.getStartedTn.getStartedTnEven{margin-left:15px}.hz-oc-btn.getStartedTn.getStartedTnEven a.btn-reg{min-height:61px}@keyframes upDown{0%{margin-top:0}50%{margin-top:10px}100%{margin-top:0}}@keyframes upDownTranslatey{0%{transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0vw)}}@keyframes skewAnim{0%{transform:skew(0deg,0deg)}50%{transform:skew(10deg,10deg)}100%{transform:skew(0deg,0deg)}}@-webkit-keyframes emain{0%{transform:skew(0deg,0deg)}50%{transform:skew(10deg,10deg)}100%{transform:skew(0deg,0deg)}}@keyframes e1{0%{transform:skew(0deg,0deg) rotate(0deg)}50%{transform:skew(5deg,5deg) rotate(35deg)}100%{transform:skew(0deg,0deg) rotate(0deg)}}@-webkit-keyframes e1{0%{transform:skew(5deg,5deg)}50%{transform:skew(5deg,5deg)}100%{transform:skew(5deg,5deg)}}@keyframes emain{0%{transform:translate(-50%,-50%);margin-top:.606vw}50%{transform:translate(-50%,-50%);margin-top:1.818vw}100%{transform:translate(-50%,-50%);margin-top:.606vw}}@-webkit-keyframes emain{0%{transform:translate(-50%,-50%);margin-top:0}50%{transform:translate(-50%,-50%);margin-top:1.818vw}100%{transform:translate(-50%,-50%);margin-top:0}}.zoomandgrayAnim{animation:zoomandgrayAnim 10s linear infinite;-webkit-animation:zoomandgrayAnim 10s linear infinite}div.banner-right-imgDigitalServiceIn img{width:90%;height:auto}section.dblCircleSec:after{content:'';position:absolute;right:0;top:50%;width:35vw;height:35vw;border-radius:50%;margin-right:-10vw;z-index:-1;transform:translateY(calc(-50% + 0px)) rotate(180deg);opacity:.7;background:linear-gradient(90.51deg,#35DBFF -12.7%,rgba(53,219,255,0) 90.52%)}section.dblCircleSec>span:not(.top-right-gradient-circle){content:'';position:absolute;right:2.5vw;top:50%;width:30vw;height:30vw;border-radius:50%;margin-right:-10vw;z-index:-1;transform:translateY(calc(-50% + 0px)) rotate(180deg);opacity:.7;background:linear-gradient(90.51deg,#35DBFF -12.7%,rgba(53,219,255,0) 90.52%)}@keyframes zoomandgrayAnim{0%{-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)); -webkit-filter:grayscale(0%); filter:grayscale(0%); } 50% { -ms-transform:scale(.95); -moz-transform:scale(.95); -webkit-transform:scale(.95); -o-transform:scale(.95); transform:scale(.95); -webkit-filter:grayscale(50%); filter:grayscale(50%); } 100% { -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1)); -webkit-filter:grayscale(0%); filter:grayscale(0%); } } @-webkit-keyframes zoomandgrayAnim { 0% { -ms-transform:scale(.95); -moz-transform:scale(.95); -webkit-transform:scale(.95); -o-transform:scale(.95); transform:scale(.95)); -webkit-filter:grayscale(0%); filter:grayscale(0%); } 50% { -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-filter:grayscale(50%); filter:grayscale(50%); } 100% { -ms-transform:scale(.95); -moz-transform:scale(.95); -webkit-transform:scale(.95); -o-transform:scale(.95); transform:scale(.95)); -webkit-filter:grayscale(0%); filter:grayscale(0%); } } .cirCleBottomSec:after { content:''; background:url(../assets/about/bannerAboutCircle.png); position:absolute; right:0; bottom:0; width:50%; height:70%; background-repeat:no-repeat; background-position:bottom right; background-size:contain; z-index:-1; } .text-white-law h1 { color:#fff; } @keyframes zoomandgrayAnimEcom { 0% { -ms-transform:scale(.95); -moz-transform:scale(.95); -webkit-transform:scale(.95); -o-transform:scale(.95); transform:scale(0.1)); -webkit-filter:grayscale(0%); filter:grayscale(0%); } 50% { -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1.1); -webkit-filter:grayscale(50%); filter:grayscale(50%); } 100% { -ms-transform:scale(.95); -moz-transform:scale(.95); -webkit-transform:scale(.95); -o-transform:scale(.95); transform:scale(0.1)); -webkit-filter:grayscale(0%); filter:grayscale(0%); } } @-webkit-keyframes zoomandgrayAnimEcom { 0% { -ms-transform:scale(.95); -moz-transform:scale(.95); -webkit-transform:scale(.95); -o-transform:scale(.95); transform:scale(0.1)); -webkit-filter:grayscale(0%); filter:grayscale(0%); } 50% { -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1.1); -webkit-filter:grayscale(50%); filter:grayscale(50%); } 100% { -ms-transform:scale(.95); -moz-transform:scale(.95); -webkit-transform:scale(.95); -o-transform:scale(.95); transform:scale(0.1)); -webkit-filter:grayscale(0%); filter:grayscale(0%); } } .hz-oc-logos { align-items:center; } .blogs section.banner-section { box-shadow:0 0 50px rgb(2 111 243/10%); } nav.flex.items-center.justify-between { padding-bottom:30px; padding-top:30px; border-top:1px solid rgba(2,111,243,.2); border-bottom:1px solid rgba(2,111,243,.2); margin-bottom:30px; margin-top:30px; } .blog-details figure.image,.blog-details img { max-width:100%; } .item-insight-report > div > a > img { border-radius:20px;width:100% } .mb-100 { margin-bottom:100px; } .item-insight-report .row { margin-top:25px; align-items:center; } .text-insight-report h3 { font-size:40px; line-height:112%; letter-spacing:-0.8px; margin:5px 0 15px; color:#0C0C0C; } .text-insight-report span { color:#545454; font-size:15px; font-weight:500; line-height:112%; letter-spacing:-0.3px;display:block } .text-insight-report p { color:#4A4A4A; font-size:16px; line-height:169%; } .slider-insights-footer .slick-list { margin:0 -25px; } .slider-insights-footer .slick-list .slider-insights-items-footer { margin:0 25px; } .slider-insights-footer .slick-arrow { position:absolute; left:-100px; top:50%; transform:translateY(-50%); font-size:0px; width:60px; height:60px; border-radius:50%; border:none; background:#3fa2fc; z-index:1; opacity:0; visibility:hidden; transition:0.3s ease-in-out; } .slider-insights-footer .slick-arrow:before { content:"\f054"; font-family:"Font Awesome 6 Free"; font-weight:900; font-size:22px; color:white; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); } .slider-insights-footer .slick-next.slick-arrow { left:auto; right:-100px; } .slider-insights-footer .slick-prev.slick-arrow:before { content:'\f053'; } .slider-insights-footer .slick-arrow:hover { transition:0.3s ease-in-out; background:var(--blue); } .insightreportfooter:hover .slick-arrow { visibility:visible; opacity:1; } .item-insight-report .dwnload-btn { box-shadow:-5px 5px 15px 0px #000000ad; } .item-insight-report div a:hover h3 { text-decoration:underline; color:black; } .darkPage .color-blue,.darkPage .text-insight-report * { color:white!important; } .industry-plans-real-estate .insightreportfooter .slick-arrow,.industry-plans-real-estate .item-insight-report .dwnload-btn { background:#a98846; } .industry-plans-restaurants .insightreportfooter .slick-arrow,.industry-plans-restaurants .item-insight-report .dwnload-btn{ background:#9b6c4c; } .industry-plans-law-firms .insightreportfooter .slick-arrow,.industry-plans-law-firms .item-insight-report .dwnload-btn{ background:#3f3f3f; } .emerging-tech-nft .insightreportfooter .slick-arrow,.emerging-tech-nft .item-insight-report .dwnload-btn{ background:#f8006c; } .emerging-tech-virtual-reality .insightreportfooter .slick-arrow,.emerging-tech-virtual-reality .item-insight-report .dwnload-btn{ background:#e102e4; } .emerging-tech-web03 .insightreportfooter .slick-arrow,.emerging-tech-web03 .item-insight-report .dwnload-btn{ background:#885dab; } .sub-menu-insights h3 { font-size:22px; line-height:110%; letter-spacing:-.015em; color:#000000; padding:10px 0; display:block; border-bottom:1px solid #b3b3b3; cursor:pointer; position:relative; padding-right:30px; } .sub-menu-insights { flex:0 0 100%; } .globe-oit-main-div img { max-width:100%; width:100%; } .on-top-of-globe.shine-on-globe { position:absolute; top:-35px; width:110%; height:auto; left:50%; transform:translateX(-50%) scale(1.4); mix-blend-mode:screen; } .globe-single { position:relative; width:31vw; top:-20px; margin:0 auto; } .on-top-of-globe.logo-on-top-globe { position:absolute; width:100%; height:100%; top:0; left:0; display:flex; align-items:center; justify-content:center; transform:scale(0.5); } @keyframes roundglobe { from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } .drop-shadow > img { animation:15s roundglobe infinite linear; } .drop-shadow { filter:drop-shadow(0px 48px 55px rgba(0,0,0,1)); } .no-after:after { display:none; } .side-by-side-tabs-insights-footer { display:flex; align-items:center; justify-content:space-between; margin-bottom:3vw; } .no-slider .slick-track{ margin-left:0; } .insight-tabs-footer .nav-link.active { color:#fff; } .insight-tabs-footer .nav-tabs { justify-content:center; border:none; gap:50px; } .insight-tabs-footer .nav-link { font-size:20px; color:#000; font-weight:500; padding:24px 42px; margin:0 0px; display:inline-block; position:relative; z-index:1; min-width:200px; text-align:center; -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out; background:transparent; border:none; } .insight-tabs-footer .nav-link:before { height:100%; position:absolute; width:100%; left:0; content:''; top:0; background:#fff; border-radius:16px; z-index:-1; -webkit-transition:.4s cubic-bezier(.76,.27,.03,.66); -o-transition:.4s cubic-bezier(.76,.27,.03,.66); transition:.4s cubic-bezier(.76,.27,.03,.66); } .insight-tabs-footer .nav-link:after { content:''; position:absolute; left:-2px; top:-2px; width:calc(100% + 4px); height:calc(100% + 4px); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5aa8ff),to(#4ec6ff)); background:-o-linear-gradient(top,#5aa8ff 0,#4ec6ff 100%); background:linear-gradient(180deg,#5aa8ff 0,#4ec6ff 100%); -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out; z-index:-2; border-radius:18px; right:0; } .insight-tabs-footer .nav-link.active:before { transform:scale(0); opacity:1; } .insight-tabs-footer .nav-link:hover { border-color:transparent; } @media(max-width:1750px) and (min-width:1581px) { #our-client .container-1560,#portfolio .container-1560,#testimonials .container-1560,.footer .container-1560 { width:90%; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } #portfolio h2,.client-1-row h2 { font-size:70px } .testi-slider .testi-inner { padding:47px 100px 56px 67px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } } @media(max-width:1580px) { #our-client .container-1560,#portfolio .container-1560,#testimonials .container-1560,.footer .container-1560 { width:90%; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } #portfolio h2,.bg-blue-wrap h2,.client-1-row h2 { font-size:70px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .bg-blue p.text-white,.client-1-row .fa-18,.foot-desc p.fa-18,.testi-cont p.fa-18 { font-size:16px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner .testi-cont { margin-bottom:40px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner .quote-ico img { width:80px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner .quote-ico { margin-bottom:30px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .footer .py-110 { padding-top:20px!important; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .footer-logo-wrap img { width:180px; height:auto; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .follow-txt h5 { font-size:25px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } footer .foot-head { font-size:23px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .client-2-row .col-lg-3 .client-logo img { max-width:160px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .client-2-row .col-lg-3 { height:115px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner { padding:47px 100px 56px 67px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .port-inner .hz-btn { padding:15px 45px; font-size:17px } .port-inner .port-img-wrap { height:300px } .sub-menu-insights h3 { font-size:20px; padding:8px 0; padding-right:20px; } } @media(max-width:1440px) { #portfolio h2 { font-size:65px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .bg-blue-wrap h2,.client-1-row h2 { font-size:60px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .client-1-row .fa-18 { font-size:16px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .bg-blue p.text-white,.foot-desc p.fa-18,.testi-cont p.fa-18,ul.foot-nav li a { font-size:15px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner .quote-ico,.testi-slider .testi-inner .testi-cont { margin-bottom:30px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner .quote-ico img { width:70px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .footer .py-110 { padding-top:20px!important; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .footer-logo-wrap img { width:160px; height:auto; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .follow-txt h5 { font-size:25px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } footer .foot-head { font-size:20px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .client-2-row .col-lg-3 .client-logo img { max-width:160px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .client-2-row .col-lg-3 { height:115px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner { padding:47px 90px 56px 57px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .port-inner .hz-btn { padding:15px 45px; font-size:17px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .port-inner .port-img-wrap { height:270px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .port-2-row .port-inner { margin-left:18px!important; margin-right:18px!important; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .col-lg-6.bg-blue { padding-top:40px; padding-bottom:50px; padding-left:0; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-client .client-img img { width:65px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .slick-btns button { width:45px; height:45px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .footer-menu ul.foot-nav li { margin-bottom:15px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-inner .testi-client .name { font-size:22px; margin-bottom:4px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-inner .testi-client .name { font-size:14px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .sub-menu-insights h3 { font-size:18px; padding:6px 0; padding-right:18px; } } @media(max-width:1280px) { .client-1-row .fa-18,.port-inner .hz-btn { font-size:15px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } #portfolio h2 { font-size:60px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .client-1-row h2 { font-size:49px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .bg-blue-wrap h2 { font-size:50px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .bg-blue p.text-white,.foot-desc p.fa-18,.testi-cont p.fa-18,ul.foot-nav li a { font-size:14px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner .quote-ico,.testi-slider .testi-inner .testi-cont { margin-bottom:25px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner .quote-ico img { width:65px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .footer .py-110 { padding-top:20px!important; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .footer-logo-wrap img { width:140px; height:auto; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .follow-txt h5 { font-size:16px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } footer .foot-head { font-size:18px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .client-2-row .col-lg-3 .client-logo img { max-width:130px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .client-2-row .col-lg-3 { height:90px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-slider .testi-inner { padding:37px 50px 40px 40px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s; margin-left:10px; margin-right:10px } .port-inner .hz-btn { padding:15px 25px } .port-inner .port-img-wrap { height:220px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .port-2-row .port-inner { margin-left:18px!important; margin-right:18px!important; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .col-lg-6.bg-blue { padding-top:40px; padding-bottom:50px; padding-left:0; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-client .client-img img { width:60px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .slick-btns button { width:45px; height:45px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .footer-menu ul.foot-nav li { margin-bottom:15px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-inner .testi-client .name { font-size:20px; margin-bottom:4px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .testi-inner .testi-client .name { font-size:12px; -webkit-transition:.3s; -o-transition:.3s; transition:.3s } .port-inner .hz-btn i.fa-solid { margin-left:15px } #our-client .client-2-row { margin-top:0!important; margin-bottom:0!important } .slick-btns .container-800 { width:50%!important } .testi-2-row.slick-btns { margin-top:25px } .footer .footer-menu { padding-top:40px } ul.foot-nav li a:after { top:2px } .social-links .follow-txt { padding-right:30px } section#our-client.client-section { margin-top:0 } .sub-menu-insights h3 { font-size:15px; padding:6px 0; padding-right:18px; } } @media(max-width:991px) { .bg-blue-wrap h2,.client-1-row h2 { margin-bottom:10px } .client-1-row .fa-18,.client-1-row h2,.foot-desc,.footer-logo-wrap,p.footer-bottom { text-align:center } .portfolio-section .port-2-row .slick-list.draggable { padding:0 20%!important } .testi-slider .slick-list.draggable { padding-left:10%!important } .bg-blue-wrap h2 { font-size:40px } .testi-slider .testi-inner { padding-left:30px; padding-right:40px; margin-left:7px; margin-right:7px } .bg-blue .bg-blue-wrap { margin-left:40px } .testi-client .client-img img { width:50px } .testi-inner .testi-client .name { font-size:17px } .testi-inner .testi-client .name { font-size:10px } .foot-desc { width:70%; margin:0 auto } .social-links { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-bottom:0!important } .footer .py-110 { padding-bottom:50px } .port-inner .hz-btn { font-size:12px; max-width:fit-content; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:10px 18px; margin-top:0!important } .port-inner a.btn-a { margin-top:0!important; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) } #portfolio h2 { font-size:40px } .on-top-of-globe.shine-on-globe { top:-22px; } .insight-tabs-footer .nav-link { font-size:14px; padding:10px 20px; min-width:auto; } .insight-tabs-footer .nav-tabs { gap:20px; } .insight-tabs-footer .nav-link:before,.insight-tabs-footer .nav-link:after { border-radius:10px; } .side-by-side-tabs-insights-footer{ margin-bottom:5vw; } } @media(max-width:767px) { .bg-image-on-top:before { background:transparent!important; } .bg-blue:before { width:100%; left:0 } .testi-slider .slick-list.draggable { padding:0 8%!important } .testi-slider { margin-top:20px } .testi-1-row { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse } .bg-blue .bg-blue-wrap { margin-left:0!important } .col-lg-6.bg-blue { position:relative; padding-left:60px; padding-right:60px } .testi-2-row.slick-btns { text-align:center } .footer .foot-desc { width:100% } .portfolio-section .port-2-row .slick-list.draggable { padding:0 10%!important } #portfolio h2,.client-1-row h2 { font-size:40px!important } .port-2-row { margin-top:30px!important; margin-bottom:0!important } .client-1-row { margin-top:0!important } #our-client .client-1-row .fa-18 { font-size:12px } .footer .col-lg-2 { -webkit-box-flex:0; -ms-flex:0 0 33.333%; flex:0 0 33.333% } .bg-blue p.text-white,.foot-desc p.fa-18,.testi-cont p.fa-18 { font-size:12px!important } .footer .col-lg-2 .footer-menu li.active { padding-left:20px } .sub-menu-insights h3 { text-align:center; padding:6px 15px; } .on-top-of-globe.shine-on-globe { top:-12px; } .globe-single { max-width:260px; } .drop-shadow { filter:drop-shadow(0px 30px 20px rgba(0,0,0,1)); } .on-top-of-globe.logo-on-top-globe { transform:scale(0.3); } .side-by-side-tabs-insights-footer { flex-direction:column; gap:25px; margin-bottom:25px; } .side-by-side-tabs-insights-footer .no-after:after { display:block; } .insight-tabs-footer .nav-link { font-size:12px; } .insight-tabs-footer .nav-link:before,.insight-tabs-footer .nav-link:after { border-radius:8px; } .insight-tabs-footer .nav-link:after { width:calc(100% + 3px); height:calc(100% + 3px); left:-1px; top:-1px; } .text-banner-home { text-align:center; margin-left:auto; margin-right:auto; } .text-banner-home .text-bottom { justify-content:center; } } @media(max-width:575px) {.mh-banner-min-height-mobile-home,.globe-oit-main-div { min-height:228px; } h1.fa-4vw { font-size:2.4rem; } .client-2-row ul.slick-dots { display:none!important } .client-2-row .col-lg-3 .client-logo { max-width:300px; margin:0 auto } .client-2-row .col-lg-3 .client-logo img { max-width:100%; width:auto } .client-2-row .col-lg-3 { height:100px } .footer .col-lg-2 { -webkit-box-flex:0!important; -ms-flex:0 0 100%!important; flex:0 0 100%!important } .footer .col-lg-2 .footer-menu { padding-left:10px } #portfolio h2,.bg-blue-wrap h2,.client-1-row h2 { font-size:35px!important } .col-lg-6.bg-blue { padding-left:40px; padding-right:40px } .testi-slider .slick-list.draggable { padding:0 3%!important } .testi-slider .testi-inner { margin-left:4px!important; margin-right:4px!important } .port-2-row .port-inner { margin-left:10px!important; margin-right:10px!important } .pakage-desc { margin:20px 0; } .btn-reg.btn-gradient.pinkbtn { margin-top:20px; } .on-top-of-globe.shine-on-globe { top:-12px; } .globe-single { max-width:230px; } .drop-shadow { filter:drop-shadow(0px 30px 20px rgba(0,0,0,1)); } .on-top-of-globe.logo-on-top-globe { transform:scale(0.3); } nav.insight-tabs-footer .nav-tabs { gap:10px; } .insight-tabs-footer .nav-link { font-size:12px; } } .fa-70 { font-size:70px } .fa-92 { font-size:92px } .fa-166 { font-size:166px } .emerging-tech-augmented-reality .text-resources-service h3,.emerging-tech-blockchain .text-resources-service h3,.emerging-tech-virtual-reality .text-resources-service h3,.emerging-tech-web03 .text-resources-service h3,.emerging-tech-augmented-reality .text-resources-service h1,.emerging-tech-blockchain .text-resources-service h1,.emerging-tech-virtual-reality .text-resources-service h1,.emerging-tech-web03 .text-resources-service h1,.fa-85 { font-size:85px } .fa-130 { font-size:130px } .line-height-89 { line-height:89.25px } .line-height-110 { line-height:110% } .letter-spacing-3 { letter-spacing:-3px } .line-height-103 { line-height:103% } .content-right-column .letter-spacing-9 { letter-spacing:-9px } .justify-content-evenly { -webkit-box-pack:space-evenly; -ms-flex-pack:space-evenly; justify-content:space-evenly } .color-blur-circle.color-blur-circle-820 { width:820px; height:820px; } .banner-section .container-1560,.banner-section .container-1560>.row,.col-bpo-items .items-bpo:hover:before,.contactimageweb03main>img,.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area img.image-nft-form,.items-bpo.bpoactivate:before,.oh-box,.port-inner-video,.port-video:hover .port-video-inner:before { height:100% } .banner-section { padding:380px 0 } .banner-left-content { position:relative; z-index:2 } .banner-section .top-right-gradient-circle { right:-30% } .banner-left-content span a { font-size:14.06px; line-height:15.46px; color:#000; font-weight:500 } .banner-left-content span i { font-size:21px } .banner-left-content span { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:70px } span.banner-circle { width:1730px; height:1730px; display:block; position:absolute; top:-935px; right:-530px; border-radius:50%; background:-webkit-gradient(linear,left top,left bottom,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(top,#459aff,#5ed6ff); background:linear-gradient(180deg,#459aff,#5ed6ff); z-index:-2 } @-webkit-keyframes rotate360 { 0%,from { -webkit-transform:rotate(0); transform:rotate(0) } 100%,to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes rotate360 { 0%,from { -webkit-transform:rotate(0); transform:rotate(0) } 100%,to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } span.banner-circle:after { content:''; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:calc(100% - 400px); height:calc(100% - 400px); background:#fff; border-radius:50% } .rounded-first { top:210px; right:800px } .rounded-first-1 { top:230px } .rounded-second { top:490px; right:410px } .rounded-third { right:-60px; top:500px } .rounded-absolute { z-index:-1; opacity:.6; -webkit-filter:blur(30px); filter:blur(30px) } .banner-right-img img { width:325px; height:325px; image-rendering:-webkit-optimize-contrast } .banner-right-imgs img,.banner-rounded-img,.ie-bag,.ie-cart { position:absolute } img.rounded-absolute { position:absolute; left:0; bottom:-40px } .banner-after-left:after { content:''; background:url(../assets/about/banner-before.png) left top/cover no-repeat; position:absolute; width:83%; height:78%; top:0; left:-42%; mix-blend-mode:soft-light; z-index:0 } .banner-sm-img img { width:17%; height:33.5%; -webkit-box-shadow:0 30px 30px rgb(0 0 0/40%); box-shadow:0 30px 30px rgb(0 0 0/40%); border-radius:50%; position:absolute; -ms-interpolation-mode:nearest-neighbor; image-rendering:-webkit-optimize-contrast; image-rendering:-moz-crisp-edges; image-rendering:-o-pixelated; image-rendering:pixelated } .gyp-row [class*=col-] img,.p-banner-imgs img,.pi-slide img,.rw-slide img { image-rendering:-webkit-optimize-contrast } .banner-sm-img img:first-child { top:18%; left:39% } .banner-section .container-1560>.row .col-lg-8,.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 { position:static } .banner-sm-img img:nth-child(2) { top:49%; left:60% } .banner-sm-img img:nth-child(3) { right:-3%; top:50% } .hz-what-for-you { padding-bottom:180px } .wfy-box .wfy-content h2 { font-size:30px; line-height:33.6px; color:#fff; font-weight:700; max-width:190px; margin-bottom:20px } .wfy-box { position:relative; border-radius:10px; padding:50px 60px 50px 50px; min-height:288px } .animate-box.hz-dark-blue-box:after,.animate-box.hz-dark-blue-box:before { background-color:#41b1ff } .animate-box { position:relative; overflow:hidden; z-index:1; cursor:pointer; -webkit-transition:.4s; -o-transition:.4s; transition:.4s } .animate-box:hover { -webkit-box-shadow:0 4px 30px #459aff; box-shadow:0 4px 30px #459aff } .animate-box:after,.animate-box:before { content:''; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background-color:#026ff3; width:10px; height:0; z-index:-1; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; opacity:0 } .oa-logo:after,.oa-logo:before,.oh-icon:before { -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .animate-box:after,.box-content:after,.items:after,.port-slider-sec-img img:nth-child(3),.pricing-main-panel:after,section.before-circle-on-right:before { left:auto!important; right:0 } @-webkit-keyframes animate-box { 0% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:100%; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:100%; height:100% } } @keyframes animate-box { 0% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:100%; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:100%; height:100% } } .animate-box:hover:after,.animate-box:hover:before { opacity:1; -webkit-animation:1s forwards animate-box; animation:1s forwards animate-box } .wfy-box .wfy-content p { font-size:15px; line-height:25.35px; color:#fff; max-width:330px } .wfy-img img { mix-blend-mode:overlay } .wfy-box.hz-dark-blue-box { background:#026ff3 } .bpo-sec .hz-oucrcate-row,.hz-oc-btn,.wfy-row { margin-top:70px } span.hz-wfy-left-blue,span.hz-wfy-right-blue { width:60.5%; height:114.5%; position:absolute; left:-40%; top:-12%; background:-webkit-gradient(linear,left top,left bottom,color-stop(-10%,#5ed6ff),color-stop(40%,transparent)); background:-o-linear-gradient(top,#5ed6ff -10%,transparent 40%); background:linear-gradient(180deg,#5ed6ff -10%,transparent 40%); border-radius:50% } span.hz-wfy-right-blue { left:auto; right:-40%; bottom:-6%; top:auto; background:-o-linear-gradient(89deg,#5ed6ff -10%,transparent 40%); background:linear-gradient(1deg,#5ed6ff -10%,transparent 40%) } .hz-our-Philosophy { padding-top:80px } .hz-op-content h1,.z-change-h1 h6 { font-size:120px; line-height:134.4px } .hz-op-content h1 span:before,.z-change-h1 h6 span:before { bottom:-10px; height:65px; width:100% } .e-banner-img,.hz-op-content .op-img { text-align:right } .hz-rc-box,.hz-sec-text,.oh-box,.step-box { text-align:center } .hz-op-content { padding:0 0 80px 9.35vw; } .hz-op-content p { line-height:30.42px; margin-top:60px; color:#000; max-width:1490px } section.our-heritage { padding:100px 0 80px } .our-heritage .color-blur-circle,section.hz-our-certification .color-blur-circle { right:0; left:auto } .oa-logo:after,.oa-logo:before,.oh-icon,.oh-icon:before { position:absolute; left:50% } .list-items ul li:last-child,.onhoverphonenumbers a:last-child,.part-2-inner-text ul li:last-child a,.services-parent ul li:last-child a,h1,h2,h3,h4,h5,h6,p,section.our-heritage .fa-70 { margin-bottom:0 } .hz-sec-text { color:#000; max-width:900px; margin:35px auto 0 } .hz-oh-row { min-height:545px; background:url(../assets/about/ourheritage.png) center center/100% 100% no-repeat; margin-top:170px } .oh-box { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .oc-right-content,.oh-icon { -webkit-box-align:center; -ms-flex-align:center; align-items:center; display:-webkit-box; display:-ms-flexbox; display:flex } .oh-box h2 { font-size:20px; line-height:22.4px; font-weight:700; color:#459aff; margin:40px 0 10px } .color-before-finance .pricing-items h2,.industry-plans-ecommerce .industry-price-panel .pricing-flex-play h3,.industry-plans-ecommerce .list-items ul li,.industry-plans-ecommerce .pricing-items h3,.industry-plans-ecommerce .section-2 .col-lg-6 h1,.oc-left-content p,.oh-box p,.text-black { color:#000 } .oh-box h3 { font-size:32px; line-height:35px; font-weight:700; margin-bottom:30px } .oh-box p { font-size:16px; line-height:30.16px; max-width:300px; margin:0 auto } .oh-icon { -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:170px; height:170px; border-radius:50%; background:#fff; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-shadow:0 30px 25px rgb(94 214 255/70%); box-shadow:0 30px 25px rgb(94 214 255/70%); top:-70px } .oh-icon img { max-width:67px } .oh-icon:before { content:''; top:50%; width:90%; height:90%; border:1px solid #459AFFB2; border-radius:50% } .emerging-tech-web03.section-2,.hz-our-brand { padding:150px 0 } .hz-brand-wrapper { border-radius:1012.91px; background:-webkit-gradient(linear,left bottom,left top,color-stop(-25.58%,#459aff),color-stop(39.81%,rgba(255,255,255,.23))); background:-o-linear-gradient(bottom,#459aff -25.58%,rgba(255,255,255,.23) 39.81%); background:linear-gradient(0deg,#459aff -25.58%,rgba(255,255,255,.23) 39.81%); padding:110px 0; -webkit-box-shadow:inset 0 5px rgb(214 214 214/10%); box-shadow:inset 0 5px rgb(214 214 214/10%); margin-top:70px } .hz-brand-box p { font-size:15px; line-height:25.35px; font-weight:400; margin:40px auto 0; color:#000; max-width:320px } .hz-brand-img { min-height:115px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:end; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } section.hz-our-certification,section.i-digital-service { padding:100px 0 } .oc-right-content { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; padding-left:30px } .oc-left-content h2 { margin-bottom:20px } .hz-oc-logos { margin-top:110px } .hz-our-affiliations { padding:120px 0 150px } .oa-left h2 { z-index:1; margin:0 } .oa-logo { width:330px; height:330px; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative; z-index:1 } .oa-logo:first-child { margin-right:90px } .oa-logo:before { content:''; top:50%; width:80%; height:80%; background:#ecf5ff; border-radius:50%; z-index:-1 } .oa-logo:after { content:''; top:50%; width:100%; height:100%; border-radius:50%; background:-webkit-gradient(linear,left top,left bottom,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(top,#459aff,#5ed6ff); background:linear-gradient(to bottom,#459aff,#5ed6ff); z-index:-2; -webkit-animation:4s linear infinite oarotate360; animation:4s linear infinite oarotate360 } .hz-rc-box:after,.hz-rc-box:before,.hz-rc-img img { position:absolute; left:0; width:100%; height:100% } @-webkit-keyframes oarotate360 { 0% { -webkit-transform:translate(-50%,-50%) rotate(0); transform:translate(-50%,-50%) rotate(0) } 100% { -webkit-transform:translate(-50%,-50%) rotate(360deg); transform:translate(-50%,-50%) rotate(360deg) } } @keyframes oarotate360 { 0% { -webkit-transform:translate(-50%,-50%) rotate(0); transform:translate(-50%,-50%) rotate(0) } 100% { -webkit-transform:translate(-50%,-50%) rotate(360deg); transform:translate(-50%,-50%) rotate(360deg) } } section.hz-our-categories { padding:200px 0 80px } .hz-oucrcate-row { margin-top:130px } .hz-rc-img img { top:0; -o-object-fit:cover; object-fit:cover; z-index:-2 } .hz-rc-box:before { content:''; bottom:0; background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#459aff),color-stop(80%,rgb(255 255 255/0))); background:-o-linear-gradient(bottom,#459aff 20%,rgb(255 255 255/0) 80%); background:linear-gradient(to top,#459aff 20%,rgb(255 255 255/0) 80%); z-index:-1 } .hz-rc-box:after { content:''; top:50%; background:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#459aff),color-stop(90%,rgb(194 221 255))); background:-o-linear-gradient(top,#459aff 10%,rgb(194 221 255)90%); background:linear-gradient(180deg,#459aff 10%,rgb(194 221 255)90%); z-index:-2; opacity:0; -webkit-transition:.5s; -o-transition:.5s; transition:.5s } .banner-section.portfolio-banner .p-banner-content .col-lg-8,.contact-section.contact-web03,.hz-rc-box,.hz-rc-content,.pi-slide,.port-process-mobile,.step-box,section.text-resource-services-section { position:relative } .hz-rc-box:hover:after { top:0; opacity:1 } .hz-rc-box:hover:before,.items.active-industry .image-items:before,.items:hover .image-items:before { opacity:0 } .hz-rc-content h2 { font-size:38.9091px; line-height:50.3px; color:#fff; font-weight:500; max-width:340px; margin:0 auto 20px } .hz-rc-box { padding:32px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:end; margin-bottom:30px; min-height:505px; z-index:1; overflow:hidden } .hz-rc-content p { font-size:15px; color:#000; line-height:25.35px; margin:50px auto 25px } .hz-rc-inner .oh-icon { position:relative; margin:0 auto; width:145px; height:145px; -webkit-transform:none; -ms-transform:none; transform:none; left:auto; top:0 } .hz-rc-content a { font-weight:600; font-size:14.6966px; color:#000; line-height:16.46px; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .hz-rc-content a i { font-size:19px; margin-right:7px } .hz-rc-inner { margin-bottom:-290px; opacity:0; -webkit-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; max-height:295px } .hz-rc-box:hover .hz-rc-inner { margin:0; opacity:1; max-height:initial } .color-blur-circle.portfolio-circle.top-3,.hz-our-categories .color-blur-circle,.port-inner-process .left-blue-circle-800:before { bottom:0; top:auto } .opacity-07 { opacity:.7 } section.step-process { padding:160px 0 } .step-box .oh-icon { width:135px; height:135px; -webkit-box-shadow:0 15px 25px rgb(0 0 0/20%); box-shadow:0 15px 25px rgb(0 0 0/20%); top:-80px; -webkit-transition:.4s; -o-transition:.4s; transition:.4s } .step-box .oh-icon h2 { font-weight:500; font-size:65.64px; background:-o-linear-gradient(297.66deg,#459aff 4.44%,#5ed6ff 80.68%); background:linear-gradient(152.34deg,#459aff 4.44%,#5ed6ff 80.68%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; letter-spacing:-5px; margin-left:-10px; padding:12px } .step-box { max-width:255px; min-height:240px; margin:0 auto; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#459aff),to(#5ed6ff)); background:-o-linear-gradient(bottom,#459aff 0,#5ed6ff 100%); background:linear-gradient(0deg,#459aff 0,#5ed6ff 100%); border-radius:10px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; color:#fff; -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out; cursor:pointer } .step-box:hover { -webkit-box-shadow:0 0 25px #00000042; box-shadow:0 0 25px #00000042 } .i-digital-step .step-box:hover,.step-box:hover .oh-icon,.web-porfolio-img:hover img { -webkit-box-shadow:none; box-shadow:none } .step-box>h2 { font-weight:700; font-size:32.4604px; margin:55px 0 25px } .step-box p { font-size:12px; line-height:22.62px; max-width:200px; margin:0 auto; color:#e8f3ff } .step-process-row { margin-top:160px } .step-process-row [class*=col-]:not(:last-child) .step-box:after { content:''; position:absolute; top:50%; left:calc(100% + 40px); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:url(../assets/digital-services/step-arrow.png) 0 0/60px no-repeat; width:60px; height:32px } section.step-process .color-blur-circle { right:0; left:auto; z-index:-2 } .left-blue-circle-800:before,.right-blue-circle-800:after { content:''; width:800px; height:800px; display:block; position:absolute; top:30px; border-radius:50%; z-index:-1 } .right-blue-circle-800:after { right:-540px; background:-o-linear-gradient(248deg,#459aff -25.58%,rgba(255,255,255,.23) 66.95%); background:linear-gradient(202deg,#459aff -25.58%,rgba(255,255,255,.23) 66.95%) } .left-blue-circle-800:before { background:-o-linear-gradient(73deg,#459aff -25.58%,rgba(255,255,255,.23) 66.95%); background:linear-gradient(17deg,#459aff -25.58%,rgba(255,255,255,.23) 66.95%); left:-540px } .services-text-left p { line-height:30px; max-width:calc(100% - 160px); color:#000; font-weight:500; margin:40px 0 30px; letter-spacing:-.015px } .services-text-left ul li { font-size:21px; line-height:21px; color:#000; font-weight:500; padding:30px 30px 30px 0; -webkit-box-flex:0; -ms-flex:0 0 33.33%; flex:0 0 33.33%; letter-spacing:-1px } .services-text-left ul { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-flow:wrap; flex-flow:wrap; padding-left:25px; margin-bottom:40px } .services-text-left ul li::marker { color:#459aff; font-size:25px } .services-text-left .next-section { color:#000; font-size:14.0575px; font-weight:500 } .services-text-left .next-section i { font-size:17px; margin-right:10px } .image-resource-service.service-circle-img { max-width:initial; margin-right:0 } .image-resource-service.service-circle-img:before { width:600px; height:600px; background:url(../assets/digital-services/creative/service-img-circle.png) 0 0/cover no-repeat; border-radius:unset } .image-resource-service.service-circle-img:after { width:520px; height:520px; display:none } .image-resource-service.service-circle-img img { max-width:680px; max-height:630px; width:auto; height:auto; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); image-rendering:-webkit-optimize-contrast } .designing-pakage .color-blur-circle { left:auto; right:0; top:-50% } .bg-circle-lines:after { content:''; position:absolute; left:0; top:140px; width:100%; height:1352px; background:url(../assets/digital-services/creative/creative-bg.png) 0 0/cover no-repeat; opacity:.2; z-index:-4 } .service-text-right { padding-left:90px } .service-sec-rotate .services-text-left p { max-width:calc(100% - 120px) } .video-pakage { padding-top:0 } .video-development .color-blur-circle { left:auto; right:0; bottom:-30%; top:auto } .video-pakage .color-blur-circle { top:-30% } .ml-40 { margin-left:40px } .ml-minus-40 { margin-left:-40px } .mt-40 { margin-top:40px } .mt-minus-60 { margin-top:-60px } .services-text-left .big-flex-list li { -webkit-box-flex:0; -ms-flex:0 0 34%; flex:0 0 34% } .image-resource-service.service-small-circle:before { width:600px; height:600px } .gyp-row { background:-o-linear-gradient(0.12deg,#2a4b99 .08%,#328efa 99.88%); background:linear-gradient(89.88deg,#2a4b99 .08%,#328efa 99.88%); border-radius:30px; padding:70px 130px } section.get-your-app { padding:170px 0 120px } .box-content.emergingactivate h3,.box-content:hover h3,.btn-reg.btn-gradient:hover,.ecom-pricing .pricing-items h3,.ecom-pricing .pricing-items span,.emerging-tech .links-columns>ul>li>a,.emerging-tech ul.foot-nav li a:after,.emerging-tech-augmented-reality .links-columns>ul>li>a,.emerging-tech-augmented-reality ul.foot-nav li a:after,.emerging-tech-blockchain .links-columns>ul>li>a,.emerging-tech-blockchain ul.foot-nav li a:after,.emerging-tech-nft .links-columns>ul>li>a,.emerging-tech-nft ul.foot-nav li a:after,.emerging-tech-virtual-reality .links-columns>ul>li>a,.emerging-tech-virtual-reality ul.foot-nav li a:after,.emerging-tech-web03 .links-columns>ul>li>a,.emerging-tech-web03 ul.foot-nav li a:after,.gyp-content,.industry-medical-pricing.selected-pricing.color-before-professional h2,.industry-plans-digital-agency .follow-txt h5,.industry-plans-digital-agency .foot-desc p,.industry-plans-digital-agency .footer-bottom,.industry-plans-digital-agency .links-columns>ul>li>a,.industry-plans-digital-agency .foot-head,.industry-plans-digital-agency ul.foot-nav li a,.industry-plans-digital-agency ul.foot-nav li a:after,.industry-plans-ecommerce .links-columns>ul>li>a,.industry-plans-real-estate .follow-txt h5,.industry-plans-real-estate .foot-desc p,.industry-plans-real-estate .footer-bottom,.industry-plans-real-estate .links-columns>ul>li>a,.industry-plans-real-estate .pricing-items h3,.industry-plans-real-estate .foot-head,.industry-plans-real-estate section.charges-remind p,.industry-plans-real-estate ul.foot-nav li a,.industry-plans-real-estate ul.foot-nav li a:after,.industry-plans-restaurants .follow-txt h5,.industry-plans-restaurants .foot-desc p,.industry-plans-restaurants .footer-bottom,.industry-plans-restaurants .links-columns>ul>li>a,.industry-plans-restaurants .foot-head,.industry-plans-restaurants ul.foot-nav li a,.industry-plans-restaurants ul.foot-nav li a:after,.portfolio-tabs li a.active,.portfolio-tabs li a:hover,.pricing-main-panel.selected-pricing .pricing-items h3,.pricing-main-panel.selected-pricing>*,.pricing-main-panel.selected-pricing>.pricing-items span { color:#fff } .gyp-content h2 { line-height:99px } .gyp-content p { max-width:520px; margin:50px 0 40px } .gyp-row [class*=col-] img { position:absolute; top:calc(50% - 80px); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0; max-width:695px; max-height:685px } .main-modal,.portfolio-modal { padding:0!important } .main-modal .modal-dialog { height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:0 0; margin:0 auto; max-width:700px } .main-modal .modal-body { padding:35px 100px 70px; position:relative; z-index:1; -webkit-transform:scale(.6); -ms-transform:scale(.6); transform:scale(.6); opacity:0; border-radius:20px; background-repeat:no-repeat; background-position:center; background-size:cover; background:linear-gradient(180deg,#0539AB,#459aff); } .main-modal .modal-content { border-radius:0; border:0; background:0 0 } .main-modal.show .modal-body,.portfolio-modal.show .modal-body video { -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1 } .modal-main-wrap .vertical-heading { -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%; position:relative } .modal-main-wrap .modal-inner h6 { font-weight:700; font-size:72.0553px; text-transform:uppercase; background:-o-linear-gradient(359.47deg,#0ff 5.13%,#4cd9ed 98.03%); background:linear-gradient(90.53deg,#0ff 5.13%,#4cd9ed 98.03%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-top:40px } .circle-modal:after { content:''; position:absolute; left:50%; top:25%; width:46.5vw; height:46.5vw; max-width:900.8px; max-height:900.8px; background:linear-gradient(0deg,#3AC1F6 0%,transparent 40%); z-index:-1; border-radius:50%; transform:translate(-50%,-50%); } .circle-modal { position:absolute; height:100%; width:100%; overflow:hidden; top:0; left:0; } .ids-wrapper h4,.ids-wrapper h1,.portfolio-tabs li a,.step-box p:first-letter { text-transform:capitalize } .mb-30,.modal-logo { margin-bottom:30px } .main-modal .modal-body:before { content:''; position:absolute; bottom:80px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); height:calc(100% + 250px); width:calc(100% + 250px); border-radius:50%; background:-webkit-gradient(linear,left bottom,left top,color-stop(11.06%,#3ac1f6),color-stop(31.11%,rgba(54,117,236,0))); background:-o-linear-gradient(bottom,#3ac1f6 11.06%,rgba(54,117,236,0) 31.11%); background:linear-gradient(0deg,#3ac1f6 11.06%,rgba(54,117,236,0) 31.11%); z-index:-2; background-size:cover; background-position:center; display:none } .vertical-heading h2 { position:absolute; top:50%; right:0; -webkit-transform:translateY(-50%) scale(-1); -ms-transform:translateY(-50%) scale(-1); transform:translateY(-50%) scale(-1); -webkit-writing-mode:vertical-lr; -ms-writing-mode:tb-lr; writing-mode:vertical-lr; color:#fff; font-size:90px; font-weight:600; height:100%; text-align:center } form.modal-form .form-group { margin-bottom:0; position:relative; padding:18px 0 0 } form.modal-form .form-group label { position:absolute; top:16px; margin:0; pointer-events:none; font-size:16px; font-weight:500; color:#000; -webkit-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; transition:.2s ease-in-out } form.modal-form .form-group input::-webkit-input-placeholder,form.modal-form .form-group textarea::-webkit-input-placeholder { color:rgba(0,0,0,.3) } form.modal-form .form-group input::-moz-placeholder,form.modal-form .form-group textarea::-moz-placeholder { color:rgba(0,0,0,.3) } form.modal-form .form-group input:-ms-input-placeholder,form.modal-form .form-group textarea:-ms-input-placeholder { color:rgba(0,0,0,.3) } form.modal-form .form-group input::-ms-input-placeholder,form.modal-form .form-group textarea::-ms-input-placeholder { color:rgba(0,0,0,.3) } form.modal-form .form-group input::placeholder,form.modal-form .form-group textarea::placeholder { color:rgba(0,0,0,.3) } form.modal-form .form-group input,form.modal-form .form-group textarea { font-size:15px; color:#000; border:0; resize:none; border-radius:9.76849px; -webkit-box-shadow:6.48088px 3.70336px 13.8876px rgb(0 0 0/15%); box-shadow:6.48088px 3.70336px 13.8876px rgb(0 0 0/15%); padding:16px 24px; height:auto } form.modal-form .form-group input:focus,form.modal-form .form-group textarea:focus { -webkit-box-shadow:none; box-shadow:none; outline:0; border:none } form.modal-form .form-group input:focus~label,form.modal-form .form-group textarea:focus~label { top:0 } form.modal-form .form-group:after,form.modal-form .form-group:before { content:''; position:absolute; bottom:0; left:0; border-radius:10px } form.modal-form .form-group:before { width:100%; height:1px; background:rgb(0 0 0/0%) } form.modal-form .form-group:after { width:0; height:3px; background:#459aff; bottom:-1px } .mt-20,form.modal-form button { margin-top:20px } .main-modal .modal-body .btn-close { position:absolute; top:30px; right:30px; font-size:31px; width:32px; height:32px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:50%; border:0; color:#0940b1; background:#fff; opacity:1; } .main-modal .modal-body .btn-close:hover { opacity:.9 } .service-head { font-weight:500; font-size:23.8372px; color:#fff; margin-bottom:20px } .main-modal .btn-reg.btn-gradient { position:absolute; bottom:-26px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); max-width:200px; background:-o-linear-gradient(348.45deg,#3675ec 2.42%,#184eae 138.7%); background:linear-gradient(101.55deg,#3675ec 2.42%,#184eae 138.7%); -webkit-box-shadow:12.0359px 5.55504px 35.1819px rgb(0 0 0/30%); box-shadow:12.0359px 5.55504px 35.1819px rgb(0 0 0/30%); border-radius:9.2584px; padding:16px 0 } .main-modal .btn-reg.btn-gradient img { margin-right:15px } .fa-39 { font-size:39.1203px } .mx-674,.services-text-left .mx-674 { max-width:674px } .ecom-pricing { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#459aff),color-stop(109.01%,#5ed6ff)); background:-o-linear-gradient(top,#459aff 0,#5ed6ff 109.01%); background:linear-gradient(180deg,#459aff 0,#5ed6ff 109.01%); padding:80px 80px 50px; color:#fff; max-width:1090px; margin:80px auto 0; position:relative } .pricing-items h2 { font-size:22px; font-weight:700; margin-bottom:30px } .pakage-desc p { font-size:12px; line-height:169%; color:#343434; max-width:510px; text-align:right; margin-left:auto } .col-pricing:nth-child(2),.ecom-pricing .btn-reg img { margin-right:20px } .ecom-pricing .btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,color-stop(0,#459aff),to(#459aff)); background:-o-linear-gradient(left,#459aff 0,#459aff 100%); background:linear-gradient(90deg,#459aff 0,#459aff 100%); -webkit-box-shadow:0 10px 40px rgba(0,0,0,.5); box-shadow:0 10px 40px rgba(0,0,0,.5); max-width:220px; position:absolute; bottom:-30px } .step-process.left-blue-circle-800:before,.amazon-pakage .left-blue-circle-800:before,.right-blue-circle-800:after { bottom:90px; top:auto } .row-pricing-servicess,.three-pricing .column-responsive-pricing { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .three-pricing .column-responsive-pricing .col-pricing { -webkit-box-flex:0; -ms-flex:0 0 calc(33.33% - 15px); flex:0 0 calc(33.33% - 15px); max-width:initial } .emerging-tech-augmented-reality,.emerging-tech-blockchain,.emerging-tech-nft,.emerging-tech-web03 { background:#010101 } .nfts-banner { background:url(../assets/emerging-tech/nfts/nft-banner.png) center/cover no-repeat } .banner-right-imgs .nft { top:60%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:0; max-width:1024px; max-height:899px; z-index:1 } .rw-shade-circle-before:after,.related-work-slider:before,.rw-shade-circle,.rw-slide h2 { -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); left:50% } .banner-right-imgs .circle { top:250px; right:490px; z-index:0; max-width:523px; max-height:523px; -webkit-animation:8s linear infinite rotate360; animation:8s linear infinite rotate360 } .emerging-tech-nft .nfts-banner:before { background:-webkit-gradient(linear,left bottom,left top,from(rgb(94 158 255/10%)),color-stop(70%,rgb(143 0 255/70%))); background:-o-linear-gradient(bottom,rgb(94 158 255/10%),rgb(143 0 255/70%) 70%); background:linear-gradient(0deg,rgb(94 158 255/10%),rgb(143 0 255/70%) 70%) } .fa-150 { font-size:150px } .emerging-tech-nft .bg-linear-gradient,.emerging-tech-virtual-reality.section-2,.i-digital-step .step-box,.industry-plans-ecommerce .section-2,.industry-plans-restaurants .section-2,.section-2.industry-plans-real-estate { background:0 0 } .emerging-tech-nft .bg-linear-gradient:before { background-image:url(../assets/emerging-tech/nfts/nfts-sec2.png); background-repeat:no-repeat; background-position:top center; height:100vh; z-index:-10 } .nfts-process .step-box .oh-icon:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-transform:none; -ms-transform:none; transform:none; background:-webkit-gradient(linear,left top,left bottom,color-stop(-10.99%,#e10370),color-stop(95.61%,#ffb800)); background:-o-linear-gradient(top,#e10370 -10.99%,#ffb800 95.61%); background:linear-gradient(180deg,#e10370 -10.99%,#ffb800 95.61%); z-index:-1; border:0; -webkit-transition:.7s ease-in-out; -o-transition:.7s ease-in-out; transition:.7s ease-in-out } .nfts-process .step-box { background:0 0; z-index:1; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:end; padding-bottom:35px; min-width:255px; margin:0 30px } .nfts-process .step-box:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:10px; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#ff006b),color-stop(40%,#8506b696),to(#0000)); background:-o-linear-gradient(bottom,#ff006b 0,#8506b696 40%,#0000); background:linear-gradient(0deg,#ff006b 0,#8506b696 40%,#0000); z-index:-1 } .nfts-process .step-box h2 { margin:-20px 0 0 } .nfts-process .step-box h3 { font-weight:500; font-size:126.621px; line-height:126.621px; letter-spacing:-7px; background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(77.01%,rgba(255,255,255,0))); background:-o-linear-gradient(top,#fff 0,rgba(255,255,255,0) 77.01%); background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 77.01%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:transparent; opacity:.3; z-index:-1 } .nfts-process .step-box .oh-icon img { max-width:90px; max-height:90px } .emerging-tech-nft .step-process-row .col-lg-3 { max-width:-webkit-max-content; max-width:-moz-max-content; max-width:max-content } .nfts-process .step-box:hover .oh-icon:before { -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg) } .nfts-process .step-box:hover h3 { opacity:1; -webkit-text-fill-color:#fff } .emerging-tech-nft .bg-linear-gradient:after { content:''; background:url(../assets/emerging-tech/nfts/sec2.png); width:455px; height:455px; position:absolute; top:60px; right:-14% } .max-w-685,.services-text-left .mx-685 { max-width:685px } .color-before-professional>h2,.fa-40 { font-size:40px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#459aff),color-stop(109.01%,#5ed6ff)); background:-o-linear-gradient(top,#459aff 0,#5ed6ff 109.01%); background:linear-gradient(180deg,#459aff 0,#5ed6ff 109.01%); border-radius:0 } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .form input,.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form textarea { border-color:#fff } .contact-section.contact-nft.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,color-stop(0,#459aff),to(#459aff)); background:-o-linear-gradient(left,#459aff 0,#459aff 100%); background:linear-gradient(90deg,#459aff 0,#459aff 100%); -webkit-box-shadow:0 10px 40px rgba(0,0,0,.5); box-shadow:0 10px 40px rgba(0,0,0,.5); border-radius:10px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,right top,left top,from(#468ce3),to(#5ed6ff)); background:-o-linear-gradient(right,#468ce3,#5ed6ff); background:linear-gradient(270deg,#468ce3,#5ed6ff) } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form { bottom:0; top:auto; -webkit-transform:none; -ms-transform:none; transform:none; right:0; max-width:650px } .hz-contact-bpo { padding:170px 0 250px } .hz-contact-bpo .left-blue-circle-800:before { left:-340px; bottom:-80px; top:auto } .contact-section.hz-contact-bpo { padding:100px 0 150px } .hz-contact-bpo .right-blue-circle-800:after { right:-340px; bottom:30px } .hz-bpo-three .image-ar-unique-service { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; height:auto } .hz-bpo-three .cols-ar-img-service:not(:last-child) { margin-right:40px } .hz-bpo-three .cols-ar-img-service { background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(-25.58%,#fff),color-stop(101.03%,rgba(255,255,255,0))); background:-o-linear-gradient(0,#fff -25.58%,rgba(255,255,255,0) 101.03%); background:linear-gradient(0,#fff -25.58%,rgba(255,255,255,0) 101.03%); position:relative } .cols-ar-img-service.big-devops-box { background:-webkit-gradient(linear,left top,right top,color-stop(-25.58%,#fff),color-stop(101.03%,rgba(255,255,255,0))); background:-o-linear-gradient(left,#fff -25.58%,rgba(255,255,255,0) 101.03%); background:linear-gradient(90deg,#fff -25.58%,rgba(255,255,255,0) 101.03%); max-width:347px; min-height:263px; -webkit-box-flex:1; -ms-flex:auto; flex:auto } .linear-border:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:28.4px; background:-webkit-gradient(linear,left top,right top,color-stop(24.42%,#fff),color-stop(101.03%,rgba(255,255,255,0))); background:-o-linear-gradient(left,#fff 24.42%,rgba(255,255,255,0) 101.03%); background:linear-gradient(90deg,#fff 24.42%,rgba(255,255,255,0) 101.03%); z-index:-1 } .linear-border:after { content:''; position:absolute; left:-3px; top:-2px; width:60%; height:calc(100% + 4px); background:-webkit-gradient(linear,left top,right top,color-stop(50%,rgb(73 156 255/50%)),to(#fff)); background:-o-linear-gradient(left,rgb(73 156 255/50%) 50%,#fff); background:linear-gradient(to right,rgb(73 156 255/50%) 50%,#fff); z-index:-4; border-radius:28.4px } .emerging-tech-augmented-reality .text-resources-service p,.emerging-tech-blockchain .text-resources-service p,.emerging-tech-virtual-reality .text-resources-service p,.emerging-tech-web03 .text-resources-service p,.fa-18,.hz-bpo-three .text-resources-service p { font-size:18px } .big-three-box .text-resources-service p,.image-map>img { max-width:100% } .hz-bpo-three .hz-linear-change .linear-border:first-child,.hz-bpo-three .hz-linear-change .linear-border:first-child:before,.hz-bpo-three .hz-linear-change .linear-border:nth-child(3),.hz-bpo-three .hz-linear-change .linear-border:nth-child(3):before { background:-webkit-gradient(linear,left top,left bottom,color-stop(-24.58%,#fff),color-stop(101.03%,rgba(255,255,255,0))); background:-o-linear-gradient(top,#fff -24.58%,rgba(255,255,255,0) 101.03%); background:linear-gradient(180deg,#fff -24.58%,rgba(255,255,255,0) 101.03%) } .hz-bpo-three .hz-linear-change .linear-border:nth-child(2),.hz-bpo-three .hz-linear-change .linear-border:nth-child(2):before { background:-webkit-gradient(linear,left bottom,left top,color-stop(-24.58%,#fff),color-stop(101.03%,rgba(255,255,255,0))); background:-o-linear-gradient(bottom,#fff -24.58%,rgba(255,255,255,0) 101.03%); background:linear-gradient(0deg,#fff -24.58%,rgba(255,255,255,0) 101.03%) } .hz-linear-change .linear-border:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(24.42%,#fff),color-stop(101.03%,rgba(255,255,255,0))); background:-o-linear-gradient(top,#fff 24.42%,rgba(255,255,255,0) 101.03%); background:linear-gradient(180deg,#fff 24.42%,rgba(255,255,255,0) 101.03%) } .hz-bpo-three .hz-linear-change .linear-border:first-child:after,.hz-bpo-three .hz-linear-change .linear-border:nth-child(3):after { width:calc(100% + 4px); left:-2px; top:-2px; height:60%; background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgb(73 156 255/50%)),to(#fff)); background:-o-linear-gradient(top,rgb(73 156 255/50%) 50%,#fff); background:linear-gradient(to bottom,rgb(73 156 255/50%) 50%,#fff) } .hz-bpo-three .hz-linear-change .linear-border:nth-child(2):after { width:calc(100% + 4px); left:-2px; top:auto; bottom:-2px; height:60%; background:-webkit-gradient(linear,left bottom,left top,color-stop(50%,rgb(73 156 255/50%)),to(#fff)); background:-o-linear-gradient(bottom,rgb(73 156 255/50%) 50%,#fff); background:linear-gradient(to top,rgb(73 156 255/50%) 50%,#fff) } .big-three-box .cols-ar-img-service { max-width:257px } section.text-resource-services-section.hz-bpo-three { padding-top:220px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700,.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form { max-width:700px } .mx-900 { max-width:800px; margin:0 auto } .bpo-sec .hz-rc-content h2 { font-size:32.4488px; line-height:36.34px; max-width:290px } section.bpo-sec { padding:120px 0 220px } .bpo-sec .hz-rc-content p { max-width:290px } .industry-plans-digital-agency { background:#071a5e } .i-digital-banner { background:url(../assets/industry-plans/digital/banner.png) center bottom/100% auto no-repeat; padding:280px 0 } .i-digital-banner:before { content:''; background:url(../assets/industry-plans/digital/banner-back.png) center/100% 100% no-repeat; position:absolute; left:0; bottom:0; width:100%; height:100%; mix-blend-mode:soft-light; z-index:-1 } .i-digital-banner .banner-left-content span,.policy-page .banner-left-content span { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .i-digital-banner .banner-left-content p { margin:40px auto 0; text-align:center } .industry-plans-digital-agency .section-2 { background:-webkit-gradient(linear,left bottom,left top,color-stop(20%,#071a5e00),to(#06f)); background:-o-linear-gradient(bottom,#071a5e00 20%,#06f 100%); background:linear-gradient(0deg,#071a5e00 20%,#06f 100%) } .i-digital-step .step-inner { max-width:1355px; margin:0 auto; background:-webkit-gradient(linear,left bottom,left top,color-stop(-88.13%,#ffffff8f),color-stop(103.87%,rgba(255,255,255,0))); background:-o-linear-gradient(bottom,#ffffff8f -88.13%,rgba(255,255,255,0) 103.87%); background:linear-gradient(0deg,#ffffff8f -88.13%,rgba(255,255,255,0) 103.87%); border-radius:60px; padding:50px 90px 90px; outline:#89a5d040 solid 4px } .i-digital-step .step-box .oh-icon { width:210px; height:210px; position:static; -webkit-transform:none; -ms-transform:none; transform:none; margin:0 auto; -webkit-box-shadow:0 21px 92px #49a2ff; box-shadow:0 21px 92px #49a2ff; background:-webkit-gradient(linear,left top,left bottom,color-stop(-9.96%,#459aff),color-stop(95.64%,#5ed6ff)); background:-o-linear-gradient(top,#459aff -9.96%,#5ed6ff 95.64%); background:linear-gradient(180deg,#459aff -9.96%,#5ed6ff 95.64%); border:1px solid rgba(0,255,240,.5) } .i-digital-step .step-box .oh-icon h2 { font-size:28px; font-weight:700; color:#fff; background:0 0; -webkit-background-clip:unset; -webkit-text-fill-color:unset; letter-spacing:0; margin:0 } .i-digital-step .step-box p { font-size:16px; max-width:100%; margin-top:40px } .i-digital-step .step-process-row { margin-top:90px } .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after { left:calc(100% + 45px); top:110px } .container-1700 { max-width:1560px; width:100%; margin:0 auto } .ids-wrapper { min-height:470px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; background:url(../assets/industry-plans/digital/sec3-back.png) center/100% 100% no-repeat; -webkit-filter:drop-shadow(0px 47px 64px rgba(0,0,0,.5)); filter:drop-shadow(0px 47px 64px rgba(0,0,0,.5)) } .rw-shade-circle-before:after,.pricing-shade-lg,.pricing-shade-sm,.rw-shade-circle,span.i-service-lines { display:block; position:absolute } .ids-wrapper p { font-size:18px; line-height:30px; color:#fff; max-width:1320px; margin-top:40px } ul.industry-list li { font-size:16px; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; font-weight:400; letter-spacing:0; max-width:450px; padding:15px 0 } .image-resource-service.service-circle-img.i-circle-service:before { width:calc(100% + 50px); height:709px; background:url(../assets/industry-plans/digital/service-bg.png) center/cover; border-radius:unset; left:46%; top:55%; -webkit-transform:translate(-50%,-53%); -ms-transform:translate(-50%,-53%); transform:translate(-50%,-53%) } span.i-service-lines { left:0; top:0; width:100%; height:100%; background:url(../assets/industry-plans/digital/id-lines.png) center/cover no-repeat } .industry-price-panel { color:#fff; background:0 0 } .industry-price-panel>h2 { font-size:60px; font-weight:700; margin-bottom:30px } .industry-price-panel>p { max-width:300px; margin-bottom:40px } .industry-price-panel .pricing-flex-play h3 { font-weight:700; font-size:32.669px; margin-bottom:25px; letter-spacing:-.02em; color:#fff } .industry-price-panel .pricing-items h2 { font-weight:600; font-size:20px; background:-webkit-gradient(linear,left top,right top,color-stop(8.09%,#5ed6ff),to(#0ff)); background:-o-linear-gradient(left,#5ed6ff 8.09%,#0ff 100%); background:linear-gradient(90deg,#5ed6ff 8.09%,#0ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:15px } .industry-price-panel .pricing-items ul li { margin-bottom:18px } .pricing-main-panel.industry-price-panel { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:start; background:0 0 } .industry-price-panel .pricing-flex-play:nth-last-child(-n+3) { -webkit-box-flex:1; -ms-flex-positive:1; flex-grow:1 } .pricing-main-panel.industry-price-panel:after,.pricing-main-panel.industry-price-panel:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#459aff),to(rgba(1,102,223,0))); background:-o-linear-gradient(top,#459aff 0,rgba(1,102,223,0) 100%); background:linear-gradient(180deg,#459aff 0,rgba(1,102,223,0) 100%) } .industry-price-panel.selected-pricing .pricing-flex-play h3 { background:-webkit-gradient(linear,left top,right top,color-stop(8.09%,#5ed6ff),to(#0ff)); background:-o-linear-gradient(left,#5ed6ff 8.09%,#0ff 100%); background:linear-gradient(90deg,#5ed6ff 8.09%,#0ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent } .industry-pricing .column-responsive-pricing { margin-top:120px } .contact-section.industry-contact .contact-main-area.radius-60,.radius-60 { border-radius:60px } .contact-section.contact-nft.industry-d .contact-main-area { background:-o-linear-gradient(150deg,#3675ec 20%,#4cd9ed63 56%,rgb(76 217 237/0%) 90.03%); background:linear-gradient(300deg,#3675ec 20%,#4cd9ed63 56%,rgb(76 217 237/0%) 90.03%); outline:#4cd9ed52 solid 3px } .contact-section.contact-nft.industry-d .contact-main-area h3 { font-weight:700; color:#fff; mix-blend-mode:overlay; opacity:.8 } .contact-section.contact-nft.industry-contact .contact-main-area p { color:#fff; max-width:700px; margin-bottom:30px } .contact-section.contact-nft.hz-contact-bpo.industry-d .contact-main-area .form input,.contact-section.contact-nft.hz-contact-bpo.industry-d .contact-main-area .form textarea { border-color:#4cd9edad } .industry-d:before { content:''; position:absolute; left:0; top:260px; width:100%; height:100%; background:url(../assets/industry-plans/digital/idcontact-lines.png) center/100% no-repeat; z-index:-1 } .industry-plans-digital-agency .client-section *,.industry-plans-digital-agency .footer *,.industry-plans-digital-agency .portfolio-section *,.emerging-tech .client-section *,.emerging-tech .footer *,.emerging-tech .portfolio-section *,.emerging-tech-augmented-reality .client-section *,.emerging-tech-augmented-reality .footer *,.emerging-tech-augmented-reality .portfolio-section *,.emerging-tech-blockchain .client-section *,.emerging-tech-blockchain .footer *,.emerging-tech-blockchain .portfolio-section *,.emerging-tech-nft .client-section *,.emerging-tech-nft .footer *,.emerging-tech-nft .portfolio-section *,.emerging-tech-virtual-reality .client-section *,.emerging-tech-virtual-reality .footer *,.emerging-tech-virtual-reality .portfolio-section *,.emerging-tech-web03 .client-section *,.emerging-tech-web03 .footer *,.emerging-tech-web03 .portfolio-section *,.industry-plans-digital-agency #portfolio .text-center,.industry-plans-digital-agency .client-1-row h2,.industry-plans-digital-agency .client-1-row p,.industry-plans-law-firms .client-section *,.industry-plans-law-firms .footer *,.industry-plans-law-firms .portfolio-section *,.industry-plans-real-estate #portfolio .text-center,.industry-plans-real-estate .client-1-row h2,.industry-plans-real-estate .client-1-row p,.industry-plans-real-estate .client-section *,.industry-plans-real-estate .footer *,.industry-plans-real-estate .portfolio-section *,.industry-plans-restaurants #portfolio .text-center,.industry-plans-restaurants .client-1-row h2,.industry-plans-restaurants .client-1-row p,.industry-plans-restaurants .client-section *,.industry-plans-restaurants .footer *,.industry-plans-restaurants .portfolio-section * { color:#fff!important } .industry-plans-digital-agency .bg-blue:before { background:-o-linear-gradient(0.12deg,#004ec2 .08%,rgba(16,11,255,0) 99.88%); background:linear-gradient(89.88deg,#004ec2 .08%,rgba(16,11,255,0) 99.88%) } .slick-btns button { border:0 } .industry-plans-digital-agency .footer:before { background:-o-linear-gradient(110deg,rgba(69,154,255,.5) 5.93%,rgba(63,140,255,0) 60.81%); background:linear-gradient(340deg,rgba(69,154,255,.5) 5.93%,rgba(63,140,255,0) 60.81%) } section.i-ecommerce-banner { background:url(../assets/industry-plans/ecommerce/bannerbg.png) center top/100% 100% no-repeat; padding:280px 0 170px } .e-banner-img img { max-width:680px; max-height:590px; -webkit-animation:3s linear infinite alternate transform; animation:3s linear infinite alternate transform } @-webkit-keyframes transform { 0% { -webkit-transform:translate(0,-10px); transform:translate(0,-10px); opacity:1 } 50%,75% { opacity:1 } 100% { -webkit-transform:translate(-60px,0); transform:translate(-60px,0); opacity:.3 } } @keyframes transform { 0% { -webkit-transform:translate(0,-10px); transform:translate(0,-10px); opacity:1 } 50%,75% { opacity:1 } 100% { -webkit-transform:translate(-60px,0); transform:translate(-60px,0); opacity:.3 } } .industry-plans-ecommerce .icon-tick:before { background:#ffb800; -webkit-box-shadow:0 0 10px #ffb800; box-shadow:0 0 10px #ffb800 } .industry-plans-ecommerce .icon-tick i { font-size:12px; color:#fff; top:-2px } .i-ecom-step .step-inner { background:-webkit-gradient(linear,left bottom,left top,color-stop(-52.62%,#828282),color-stop(98.77%,#120d00)); background:-o-linear-gradient(bottom,#828282 -52.62%,#120d00 98.77%); background:linear-gradient(0deg,#828282 -52.62%,#120d00 98.77%) } .i-ecom-step .step-box .oh-icon { background:-webkit-gradient(linear,left top,left bottom,color-stop(-9.96%,#ffb800),color-stop(95.64%,rgba(240,173,0,.72))); background:-o-linear-gradient(top,#ffb800 -9.96%,rgba(240,173,0,.72) 95.64%); background:linear-gradient(180deg,#ffb800 -9.96%,rgba(240,173,0,.72) 95.64%); border:1px solid rgba(255,255,255,.5); -webkit-box-shadow:0 21px 92px #ffb800; box-shadow:0 21px 92px #ffb800 } .ie-cart { left:30px; top:0; -webkit-animation:6s linear infinite alternate ham2; animation:6s linear infinite alternate ham2; max-width:130px; } @-webkit-keyframes ham2 { 0% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } 100% { -webkit-transform:rotate(30deg); transform:rotate(30deg); opacity:.6 } } @keyframes ham2 { 0% { -webkit-transform:rotate(0); transform:rotate(0); opacity:1 } 100% { -webkit-transform:rotate(30deg); transform:rotate(30deg); opacity:.6 } } .ie-bag { right:30px; top:-90px; -webkit-animation:6s linear infinite alternate ham1; animation:6s linear infinite alternate ham1; max-width:130px; } @-webkit-keyframes ham1 { 0% { -webkit-transform:translatey(20px); transform:translatey(20px); opacity:1 } 50% { -webkit-transform:scale(.8) rotate(360deg); transform:scale(.8) rotate(360deg); opacity:.6 } 75% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0); opacity:1 } } @keyframes ham1 { 0% { -webkit-transform:translatey(20px); transform:translatey(20px); opacity:1 } 50% { -webkit-transform:scale(.8) rotate(360deg); transform:scale(.8) rotate(360deg); opacity:.6 } 75% { -webkit-transform:scale(1) rotate(0); transform:scale(1) rotate(0); opacity:1 } } .industry-plans-ecommerce .ids-wrapper { background:url(../assets/industry-plans/ecommerce/sec3-back.png) center/100% 100% no-repeat; -webkit-filter:drop-shadow(0px 47px 34px rgb(229 175 33/70%)); filter:drop-shadow(0px 47px 34px rgb(229 175 33/70%)) } .industry-plans-ecommerce .industry-price-panel { color:#000; border-image-source:linear-gradient(to bottom,#000,#E4E7FB 50%) } .industry-plans-ecommerce .industry-price-panel .pricing-items h2 { color:#000; background:unset; -webkit-background-clip:unset; -webkit-text-fill-color:unset } .contact-section.contact-nft.hz-contact-bpo.industry-vehicle-contact .contact-main-area,.emerging-tech .banner-circle:after,.industry-plans-ecommerce .industry-price-panel.selected-pricing:after,.industry-plans-ecommerce .industry-price-panel.selected-pricing:before,.industry-plans-ecommerce .industry-price-panel:after,.industry-plans-ecommerce .industry-price-panel:before,.industry-plans-law-firms span.top-right-gradient-circle,.industry-vehicle-pricing .pricing-main-panel:after,.industry-vehicle-pricing .pricing-main-panel:before,body.industry-plans-law-firms { background:#000 } .industry-plans-ecommerce .industry-price-panel.selected-pricing .pricing-flex-play h3 { color:#ffb800; background:unset; -webkit-background-clip:unset; -webkit-text-fill-color:unset } .industry-plans-ecommerce .industry-price-panel.selected-pricing .pricing-items h2,.industry-plans-ecommerce .industry-price-panel.selected-pricing>h2 { color:#ffb800; -webkit-transition:.2s ease-in 0.5s; -o-transition:.2s ease-in 0.5s; transition:.2s ease-in 0.5s } .industry-plans-ecommerce .industry-price-panel>a.btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,color-stop(0,#ffb800),to(#ffb800)); background:-o-linear-gradient(left,#ffb800 0,#ffb800 100%); background:linear-gradient(90deg,#ffb800 0,#ffb800 100%); color:#000 } .contact-section.contact-nft.industry-ecom .contact-main-area button.btn-reg.btn-gradient:before,.industry-plans-ecommerce .industry-price-panel>a.btn-reg.btn-gradient:before,.industry-plans-ecommerce .port-inner .hz-btn:before { background:-webkit-gradient(linear,right top,left top,from(#fff),to(#feba0a)); background:-o-linear-gradient(right,#fff,#feba0a); background:linear-gradient(to left,#fff,#feba0a) } .contact-section.contact-nft.industry-ecom .contact-main-area button.btn-reg.btn-gradient img,.industry-plans-ecommerce .industry-price-panel>a.btn-reg.btn-gradient img { -webkit-filter:brightness(0) invert(0); filter:brightness(0) invert(0) } .industry-plans-ecommerce .left-line h2:before { background:-webkit-gradient(linear,left top,right top,from(#ffb800),to(transparent)); background:-o-linear-gradient(left,#ffb800,transparent); background:linear-gradient(90deg,#ffb800,transparent) } .industry-plans-ecommerce .right-line h2:after { background:-webkit-gradient(linear,right top,left top,from(#ffb800),to(transparent)); background:-o-linear-gradient(right,#ffb800,transparent); background:linear-gradient(270deg,#ffb800,transparent) } .pricing-shade-sm { left:0; top:0; width:100%; height:230px; opacity:0 } .pricing-shade-lg { right:0; bottom:0; width:100%; height:74%; opacity:0 } .industry-plans-ecommerce .industry-price-panel.selected-pricing .pricing-shade-lg,.industry-plans-ecommerce .industry-price-panel.selected-pricing .pricing-shade-sm,.industry-professional .contact-main-area h3,.industry-vehicle-contact .contact-main-area h3,.industry-vehicle-pricing .industry-price-panel.selected-pricing .pricing-shade-lg,.industry-vehicle-pricing .industry-price-panel.selected-pricing .pricing-shade-sm { opacity:1 } section.charges-remind p { font-weight:700; font-size:27.9126px; color:#000; opacity:.2; text-align:center; letter-spacing:-.02em } section.contact-section.hz-contact-bpo.industry-ecom .contact-main-area { background:-o-linear-gradient(76.03deg,#000 12.85%,#000 96.03%); background:linear-gradient(13.97deg,#000 12.85%,#000 96.03%); border:3px solid #ffb800 } .industry-ecom .contact-main-area h3 { font-weight:700; opacity:1 } .contact-section.contact-nft.industry-ecom .contact-main-area button.btn-reg.btn-gradient { background:#ffb800; color:#000 } .industry-ecom .left-blue-circle-800:before { background:-o-linear-gradient(43deg,#ffb800 -25.58%,rgba(255,255,255,.23) 66.95%); background:linear-gradient(47deg,#ffb800 -25.58%,rgba(255,255,255,.23) 66.95%) } .industry-ecom .right-blue-circle-800:after { background:-o-linear-gradient(301deg,#ffb800 -25.58%,rgba(255,255,255,.23) 66.95%); background:linear-gradient(149deg,#ffb800 -25.58%,rgba(255,255,255,.23) 66.95%) } img.contact-shade { position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:0 } .industry-plans-ecommerce .port-inner .hz-btn { background:-webkit-gradient(linear,left top,right top,color-stop(0,#feba0a),to(#f6b816)); background:-o-linear-gradient(left,#feba0a 0,#f6b816 100%); background:linear-gradient(90deg,#feba0a 0,#f6b816 100%); color:#000; -webkit-box-shadow:0 7px 40px 0 #feba0a; box-shadow:0 7px 40px 0 #feba0a } .ecom-work .related-work-slider ul.slick-dots li.slick-active button,.industry-plans-ecommerce .line-btn,.industry-plans-ecommerce .onhoverphonenumbers,.industry-plans-ecommerce .testi-slider .testi-inner:nth-child(odd) { background:#ffb800 } .industry-plans-ecommerce .testi-slider .testi-inner:nth-child(2n) { background:#090909 } .industry-plans-ecommerce .testi-slider .testi-inner:nth-child(2n) .quote-ico img { -webkit-filter:invert(33%) sepia(10%) saturate(6711%) hue-rotate(360deg) brightness(104%) contrast(104%); filter:invert(33%) sepia(10%) saturate(6711%) hue-rotate(360deg) brightness(104%) contrast(104%) } .industry-plans-ecommerce .testi-slider .testi-inner:nth-child(2n) .testi-client .name { color:#ffb800!important } .industry-plans-ecommerce .bg-blue:before { background:-o-linear-gradient(0.12deg,#ffb800 .08%,#ffb800 99.88%); background:linear-gradient(89.88deg,#ffb800 .08%,#ffb800 99.88%) } .industry-plans-ecommerce .slick-btns button { background:#fdb801; color:#000 } .industry-plans-ecommerce .footer:before { background:-o-linear-gradient(120deg,#ffb800 5.93%,rgba(217,217,217,0) 60.81%); background:linear-gradient(330deg,#ffb800 5.93%,rgba(217,217,217,0) 60.81%) } .industry-plans-ecommerce .services-text-left ul li::marker { color:#ffb800 } .industry-plans-real-estate,.industry-plans-restaurants { background:#141414 } .i-estate-banner { background:url(../assets/industry-plans/real-estate/banner.png) center bottom/100% auto no-repeat } .industry-plans-restaurants .bg-image-on-top:before,.section-2.industry-plans-real-estate:before { height:600px; z-index:-1 } .section-2.industry-plans-real-estate:before { background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.9))),url(../assets/industry-plans/real-estate/sec2bg.png) center top/100% auto no-repeat; background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9)),url(../assets/industry-plans/real-estate/sec2bg.png) center top/100% auto no-repeat; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.9)),url(../assets/industry-plans/real-estate/sec2bg.png) center top/100% auto no-repeat } .i-estate-step .step-inner { background:-webkit-gradient(linear,left bottom,left top,color-stop(-88.13%,#ffffff8f),color-stop(123.87%,rgb(255 255 255/4%))); background:-o-linear-gradient(bottom,#ffffff8f -88.13%,rgb(255 255 255/4%) 123.87%); background:linear-gradient(0deg,#ffffff8f -88.13%,rgb(255 255 255/4%) 123.87%) } .i-estate-step .step-box .oh-icon { border:1px solid #7d7156; background:-webkit-gradient(linear,left top,left bottom,color-stop(-29.96%,#000),color-stop(95.64%,#7d7156)); background:-o-linear-gradient(top,#000 -29.96%,#7d7156 95.64%); background:linear-gradient(180deg,#000 -29.96%,#7d7156 95.64%); -webkit-box-shadow:0 21px 92px #000; box-shadow:0 21px 92px #000 } .industry-plans-real-estate .ids-wrapper { background:url(../assets/industry-plans/real-estate/sec3-back.png) center/100% 100% no-repeat; -webkit-filter:drop-shadow(0px 47px 64px rgba(0,0,0,.3)); filter:drop-shadow(0px 47px 64px rgba(0,0,0,.3)) } .industry-plans-real-estate .color-blur-circle { background:#8b7b5c; -webkit-filter:blur(450px); filter:blur(450px) } .industry-plans-real-estate section.i-digital-service .color-blur-circle { bottom:-300px; top:auto } .industry-plans-real-estate .i-estate-circle-img:before { width:630px; height:630px; background:-webkit-gradient(linear,left bottom,left top,color-stop(.99%,#a98846),color-stop(83.87%,rgba(0,0,0,0))); background:-o-linear-gradient(bottom,#a98846 .99%,rgba(0,0,0,0) 83.87%); background:linear-gradient(0deg,#a98846 .99%,rgba(0,0,0,0) 83.87%); border-radius:50%; border:1px solid; top:55%; -webkit-transform:translate(-50%,-55%); -ms-transform:translate(-50%,-55%); transform:translate(-50%,-55%) } .industry-plans-real-estate .services-text-left ul li::marker { color:#816539 } .industry-plans-real-estate .industry-price-panel .pricing-items h2 { color:#a98846; background:unset; -webkit-text-fill-color:unset } .industry-plans-real-estate .industry-price-panel { border-image-source:linear-gradient(160deg,#A98846 70%,rgb(255 255 255/10%)) } .industry-plans-real-estate .industry-price-panel:after,.industry-plans-real-estate .industry-price-panel:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a98846),to(rgba(35,35,35,0))); background:-o-linear-gradient(top,#a98846 0,rgba(35,35,35,0) 100%); background:linear-gradient(180deg,#a98846 0,rgba(35,35,35,0) 100%) } .industry-plans-real-estate .industry-price-panel.selected-pricing .pricing-flex-play h3 { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(rgba(255,255,255,0))); background:-o-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%); background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text } .industry-plans-real-estate .pricing-main-panel>a.btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,color-stop(0,#1d1d1d),to(#a98846)); background:-o-linear-gradient(left,#1d1d1d 0,#a98846 100%); background:linear-gradient(90deg,#1d1d1d 0,#a98846 100%); -webkit-box-shadow:0 10px 40px rgba(0,0,0,.5); box-shadow:0 10px 40px rgba(0,0,0,.5) } .industry-plans-real-estate .pricing-main-panel>a.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#1d1d1d),to(#a98846)); background:-o-linear-gradient(left,#1d1d1d 0,#a98846 100%); background:linear-gradient(90deg,#1d1d1d 0,#a98846 100%) } .industry-plans-real-estate .right-line h2:after { background:-o-linear-gradient(210deg,#a98846 0,rgba(0,0,0,0) 83.72%); background:linear-gradient(240deg,#a98846 0,rgba(0,0,0,0) 83.72%) } .industry-plans-real-estate .left-line h2:before { background:-o-linear-gradient(330deg,#a98846 0,rgba(0,0,0,0) 83.72%); background:linear-gradient(-240deg,#a98846 0,rgba(0,0,0,0) 83.72%) } .contact-section.contact-nft.industry-r .contact-main-area { background:-webkit-gradient(linear,right top,left top,color-stop(12.85%,#a98845),color-stop(76.03%,rgba(0,0,0,0))); background:-o-linear-gradient(right,#a98845 12.85%,rgba(0,0,0,0) 76.03%); background:linear-gradient(-90deg,#a98845 12.85%,rgba(0,0,0,0) 76.03%); outline:#a9884570 solid 2px } .contact-section.contact-nft.industry-r .contact-main-area.radius-60,.contact-section.contact-nft.industry-res .contact-main-area.radius-60 { border-radius:20px } .industry-plans-real-estate .contact-main-area h3,.industry-plans-restaurants .contact-main-area h3 { opacity:.8; mix-blend-mode:overlay } .contact-section.contact-nft.industry-r .contact-main-area .form input,.contact-section.contact-nft.industry-r .contact-main-area .form textarea { border-color:#7a6439 } .contact-section.contact-nft.industry-r .contact-main-area button.btn-reg.btn-gradient,.contact-section.contact-nft.industry-r .contact-main-area button.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#151515),to(#a98846)); background:-o-linear-gradient(left,#151515 0,#a98846 100%); background:linear-gradient(90deg,#151515 0,#a98846 100%) } .contact-section.contact-nft.industry-r .contact-main-area .col-lg-4 img.image-nft-form { max-width:730px } .industry-plans-real-estate .btn.hz-btn,.industry-plans-real-estate .btn.hz-btn:before { background:-webkit-gradient(linear,right top,left top,color-stop(0,#a98846),to(#000)); background:-o-linear-gradient(right,#a98846 0,#000 100%); background:linear-gradient(-90deg,#a98846 0,#000 100%); -webkit-box-shadow:0 15px 40px 0 #a988467a; box-shadow:0 15px 40px 0 #a988467a } .industry-plans-real-estate .bg-blue:before { background:-o-linear-gradient(0.12deg,#a98846 .08%,rgba(0,0,0,0) 99.88%); background:linear-gradient(89.88deg,#a98846 .08%,rgba(0,0,0,0) 99.88%) } .estate-work .related-work-slider ul.slick-dots li.slick-active button,.industry-plans-real-estate .line-btn,.industry-plans-real-estate .onhoverphonenumbers,.industry-plans-real-estate .slick-btns button,.industry-plans-real-estate .social-links-wrap a.social-link,.industry-plans-real-estate .testi-slider .testi-inner:nth-child(odd),.industry-plans-real-estate ul.foot-nav li a:before { background:#a98846 } .industry-plans-real-estate .testi-slider .testi-inner:nth-child(2n) { background:#2d2921 } .industry-plans-real-estate .follow-txt h5:before,.industry-plans-real-estate .foot-head:before { background:-webkit-gradient(linear,right top,left top,color-stop(40%,transparent),color-stop(90%,#a98846)); background:-o-linear-gradient(right,transparent 40%,#a98846 90%); background:linear-gradient(-90deg,transparent 40%,#a98846 90%) } .industry-plans-real-estate .footer:before { background:-o-linear-gradient(130deg,rgba(169,136,70,.5) 5.93%,rgba(0,0,0,0) 60.81%); background:linear-gradient(-40deg,rgba(169,136,70,.5) 5.93%,rgba(0,0,0,0) 60.81%) } section.i-restaurant-banner { background:0 0; padding:210px 0 70px } section.i-restaurant-banner:before { content:''; position:absolute; right:0; bottom:0; width:875px; height:880px; background:url(../assets/industry-plans/restaurants/bannerbg.png) right/contain no-repeat; z-index:-1; -webkit-animation:4s linear forwards demo; animation:4s linear forwards demo } @-webkit-keyframes demo { 0% { opacity:.4; right:-50%; -webkit-transform:scale(0); transform:scale(0) } 50% { opacity:.7; right:-20%; -webkit-transform:scale(.5); transform:scale(.5) } 100% { opacity:1; right:0; -webkit-transform:scale(1); transform:scale(1) } } @keyframes demo { 0% { opacity:.4; right:-50%; -webkit-transform:scale(0); transform:scale(0) } 50% { opacity:.7; right:-20%; -webkit-transform:scale(.5); transform:scale(.5) } 100% { opacity:1; right:0; -webkit-transform:scale(1); transform:scale(1) } } .industry-plans-restaurants .e-banner-img img { max-height:750px } .industry-plans-restaurants .section-2:before { background-image:url(../assets/industry-plans/restaurants/sec2bg.png) } .i-restaurant-step .step-inner { background:-webkit-gradient(linear,left bottom,left top,color-stop(-28.13%,#736e66),color-stop(93.87%,#423b31)); background:-o-linear-gradient(bottom,#736e66 -28.13%,#423b31 93.87%); background:linear-gradient(360deg,#736e66 -28.13%,#423b31 93.87%); outline-color:#a097927d } .i-restaurant-step .step-box .oh-icon { background:-webkit-gradient(linear,left top,left bottom,color-stop(20.04%,rgba(0,0,0,0)),color-stop(95.64%,#a77451)); background:-o-linear-gradient(top,rgba(0,0,0,0) 20.04%,#a77451 95.64%); background:linear-gradient(180deg,rgba(0,0,0,0) 20.04%,#a77451 95.64%); border:1px solid #7d7156; -webkit-box-shadow:0 21px 92px #000000d1; box-shadow:0 21px 92px #000000d1 } section.i-restaurant-step .color-blur-circle { left:0; top:-60px } .industry-plans-restaurants .color-blur-circle { background:#a66550; -webkit-filter:blur(400px); filter:blur(400px) } section.i-restaurant-step .res-circle-shade { left:auto; right:0; background:rgba(139,123,92,.7) } .industry-plans-restaurants .ids-wrapper { background:url(../assets/industry-plans/restaurants/sec3-back.png) center/100% 100% no-repeat } .industry-plans-restaurants .i-res-circle-img:before { background:url(../assets/industry-plans/restaurants/res-service-bg.png) center/cover no-repeat; top:52%; -webkit-transform:translate(-49%,-55%); -ms-transform:translate(-49%,-55%); transform:translate(-49%,-55%) } .industry-plans-restaurants .right-line h2:after { background:-webkit-gradient(linear,right top,left top,color-stop(0,#9b6c4c),color-stop(83.72%,rgba(0,0,0,0))); background:-o-linear-gradient(right,#9b6c4c 0,rgba(0,0,0,0) 83.72%); background:linear-gradient(-90deg,#9b6c4c 0,rgba(0,0,0,0) 83.72%) } .industry-plans-restaurants .left-line h2:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#9b6c4c),color-stop(83.72%,rgba(0,0,0,0))); background:-o-linear-gradient(left,#9b6c4c 0,rgba(0,0,0,0) 83.72%); background:linear-gradient(90deg,#9b6c4c 0,rgba(0,0,0,0) 83.72%) } .industry-plans-restaurants .pricing-main-panel { border-image-source:linear-gradient(160deg,#9B6C4C 70%,rgb(255 255 255/10%)) } .industry-plans-restaurants .pricing-main-panel.industry-price-panel:after,.industry-plans-restaurants .pricing-main-panel.industry-price-panel:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#a77451),to(rgba(35,35,35,0))); background:-o-linear-gradient(top,#a77451 0,rgba(35,35,35,0) 100%); background:linear-gradient(180deg,#a77451 0,rgba(35,35,35,0) 100%) } .industry-plans-restaurants .industry-price-panel .pricing-items h2 { background:unset; -webkit-text-fill-color:unset; color:#a77451 } .industry-plans-restaurants .pricing-main-panel>a.btn-reg.btn-gradient,.industry-plans-restaurants .pricing-main-panel>a.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#1d1d1d),to(#a77451)); background:-o-linear-gradient(left,#1d1d1d 0,#a77451 100%); background:linear-gradient(90deg,#1d1d1d 0,#a77451 100%) } .industry-plans-restaurants .industry-price-panel.selected-pricing .pricing-flex-play h3 { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),to(rgba(255,255,255,0))); background:-o-linear-gradient(top,#fff 0,rgba(255,255,255,0) 100%); background:linear-gradient(180deg,#fff 0,rgba(255,255,255,0) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent } .contact-section.contact-nft.industry-res .contact-main-area { background:-webkit-gradient(linear,right top,left top,color-stop(12.85%,#a77451),color-stop(76.03%,rgba(0,0,0,0))); background:-o-linear-gradient(right,#a77451 12.85%,rgba(0,0,0,0) 76.03%); background:linear-gradient(-90deg,#a77451 12.85%,rgba(0,0,0,0) 76.03%); outline:#503a2b solid 2px } .contact-section.contact-nft.industry-res .contact-main-area button.btn-reg.btn-gradient,.contact-section.contact-nft.industry-res .contact-main-area button.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#151515),to(#a77451)); background:-o-linear-gradient(left,#151515 0,#a77451 100%); background:linear-gradient(90deg,#151515 0,#a77451 100%) } .contact-section.contact-nft.industry-res .contact-main-area .form input,.contact-section.contact-nft.industry-res .contact-main-area .form textarea { border-color:#a7745182 } .industry-plans-restaurants .industry-price-panel>h2 { font-size:50px } .industry-plans-restaurants .port-inner .hz-btn,.industry-plans-restaurants .port-inner .hz-btn:before { background:-webkit-gradient(linear,right top,left top,color-stop(0,#a77451),to(#000)); background:-o-linear-gradient(right,#a77451 0,#000 100%); background:linear-gradient(-90deg,#a77451 0,#000 100%); -webkit-box-shadow:0 15px 40px 0 #a7745175; box-shadow:0 15px 40px 0 #a7745175 } .blue-theme-work .related-work-slider:before,.professional-step-z .step-inner,.professional-work .related-work-slider:before { -webkit-box-shadow:inset -10.1291px -8.10326px 81.0326px rgba(214,214,214,.25),inset 10.1291px 8.10326px 81.0326px rgba(255,255,255,.25); box-shadow:inset -10.1291px -8.10326px 81.0326px rgba(214,214,214,.25),inset 10.1291px 8.10326px 81.0326px rgba(255,255,255,.25) } .rw-slide,.rw-slide img { border-radius:20px; z-index:1 } .industry-plans-restaurants .bg-blue:before { background:-o-linear-gradient(0.12deg,#a77451 .08%,rgba(0,0,0,0) 99.88%); background:linear-gradient(89.88deg,#a77451 .08%,rgba(0,0,0,0) 99.88%) } .industry-plans-restaurants .testi-slider .testi-inner:nth-child(odd) { background:-o-linear-gradient(31.33deg,#a77451 -3.03%,#151515 102.6%); background:linear-gradient(58.67deg,#a77451 -3.03%,#151515 102.6%) } .industry-plans-restaurants .testi-slider .testi-inner:nth-child(2n) { background:#2b2b2b } .industry-plans-restaurants .line-btn,.industry-plans-restaurants .onhoverphonenumbers,.industry-plans-restaurants .slick-btns button,.industry-plans-restaurants .social-links-wrap a.social-link,.industry-plans-restaurants ul.foot-nav li a:before,.restaurant-work .related-work-slider ul.slick-dots li.slick-active button { background:#a77451 } .industry-plans-restaurants .footer:before { background:-o-linear-gradient(130deg,rgb(167 116 81/50%) 5.93%,rgba(0,0,0,0) 60.81%); background:linear-gradient(-40deg,rgb(167 116 81/50%) 5.93%,rgba(0,0,0,0) 60.81%) } .industry-plans-restaurants .follow-txt h5:before,.industry-plans-restaurants .foot-head:before { background:-webkit-gradient(linear,right top,left top,color-stop(40%,transparent),color-stop(90%,#a77451)); background:-o-linear-gradient(right,transparent 40%,#a77451 90%); background:linear-gradient(-90deg,transparent 40%,#a77451 90%) } .rw-head { font-size:224.974px; font-weight:700; text-align:center; background:-webkit-gradient(linear,left top,left bottom,color-stop(-31.35%,#fbfeff),color-stop(89.09%,rgba(251,254,255,0))); background:-o-linear-gradient(top,#fbfeff -31.35%,rgba(251,254,255,0) 89.09%); background:linear-gradient(180deg,#fbfeff -31.35%,rgba(251,254,255,0) 89.09%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; mix-blend-mode:overlay; margin-bottom:-45px } .rw-shade-circle-before:after,.rw-shade-circle { width:1142px; height:415px; background:-webkit-gradient(linear,left top,left bottom,color-stop(10.36%,rgba(0,255,255,.5)),color-stop(65.06%,rgba(217,217,217,0))); background:-o-linear-gradient(top,rgba(0,255,255,.5) 10.36%,rgba(217,217,217,0) 65.06%); background:linear-gradient(180deg,rgba(0,255,255,.5) 10.36%,rgba(217,217,217,0) 65.06%); -webkit-filter:blur(150px); filter:blur(150px); z-index:-1; top:30px } .rw-shade-circle-before:after{ content:''; position:absolute; } section.related-work { position:relative; padding:80px 0 } .rw-slide { height:380px; margin:0 15px; position:relative; background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(69,154,255,0)),to(#459aff)); background:-o-linear-gradient(top,rgba(69,154,255,0) 0,#459aff 100%); background:linear-gradient(180deg,rgba(69,154,255,0) 0,#459aff 100%); cursor:pointer } .rw-slide img { width:100%; height:100%; -webkit-transition:.4s; -o-transition:.4s; transition:.4s; position:relative } .rw-slide h2 { position:absolute; bottom:70px; width:100%; text-align:center; font-size:25px; font-weight:700; color:#fff; opacity:0; -webkit-transition:.4s ease-in-out .2s; -o-transition:.4s ease-in-out .2s; transition:.4s ease-in-out .2s } .rw-slide.slick-slide.slick-current+.rw-slide img,.rw-slide:hover img { -webkit-transform:translateY(-60px) scale(.9); -ms-transform:translateY(-60px) scale(.9); transform:translateY(-60px) scale(.9); margin:0 auto; border-radius:0; -webkit-box-shadow:0 4px 54px rgb(0 0 0/40%); box-shadow:0 4px 54px rgb(0 0 0/40%) } .rw-slide.slick-slide.slick-current+.rw-slide h2,.rw-slide:hover h2 { bottom:25px; opacity:1 } .related-work-slider .slick-track { padding:80px 0 } .related-work-slider { padding:70px 0; position:relative } .related-work-slider:before { content:''; position:absolute; top:0; width:82%; height:100%; background:url(../assets/industry-plans/digital/work-bg.png) center/cover no-repeat; border-radius:80px; z-index:-1 } .related-work-slider ul.slick-dots { position:absolute; width:100%; bottom:60px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin:0 } .pricing-items ul,.related-work-slider ul.slick-dots li,.services-parent ul { list-style:none } .related-work-slider ul.slick-dots li button { font-size:0; display:inline-block; width:60px; height:7px; background:#d9d9d9; border-radius:20px; margin:0 3px; border:none } .related-work-slider ul.slick-dots li.slick-active button { background:#5bd1fb } .ecom-work .related-work-slider:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(-132.23%,#abaaaa),color-stop(117.27%,rgba(92,92,92,0))); background:-o-linear-gradient(top,#abaaaa -132.23%,rgba(92,92,92,0) 117.27%); background:linear-gradient(180deg,#abaaaa -132.23%,rgba(92,92,92,0) 117.27%) } .ecom-work .rw-head { background:-webkit-gradient(linear,left top,left bottom,color-stop(-31.35%,#5a5a5a),color-stop(89.09%,rgba(69,69,69,0))); background:-o-linear-gradient(top,#5a5a5a -31.35%,rgba(69,69,69,0) 89.09%); background:linear-gradient(180deg,#5a5a5a -31.35%,rgba(69,69,69,0) 89.09%); -webkit-background-clip:text; mix-blend-mode:normal } .ecom-work .rw-slide { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,184,0,0)),to(#ffb800)); background:-o-linear-gradient(top,rgba(255,184,0,0) 0,#ffb800 100%); background:linear-gradient(180deg,rgba(255,184,0,0) 0,#ffb800 100%) } .estate-work .related-work-slider:before,.industry-plans-law-firms .related-work-slider:before,.restaurant-work .related-work-slider:before { background:-webkit-gradient(linear,left bottom,left top,color-stop(-132.23%,#000),color-stop(117.27%,rgb(191 191 191/32%))); background:-o-linear-gradient(bottom,#000 -132.23%,rgb(191 191 191/32%) 117.27%); background:linear-gradient(0deg,#000 -132.23%,rgb(191 191 191/32%) 117.27%) } .estate-work .rw-head { background:-webkit-gradient(linear,left top,left bottom,color-stop(-31.35%,#fbfeff),color-stop(89.09%,rgba(251,254,255,0))); background:-o-linear-gradient(top,#fbfeff -31.35%,rgba(251,254,255,0) 89.09%); background:linear-gradient(180deg,#fbfeff -31.35%,rgba(251,254,255,0) 89.09%); -webkit-background-clip:text; mix-blend-mode:soft-light } .estate-work .rw-slide { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(#a98846)); background:-o-linear-gradient(top,rgba(0,0,0,0) 0,#a98846 100%); background:linear-gradient(180deg,rgba(0,0,0,0) 0,#a98846 100%) } .restaurant-work .rw-slide { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(#a77451)); background:-o-linear-gradient(top,rgba(0,0,0,0) 0,#a77451 100%); background:linear-gradient(180deg,rgba(0,0,0,0) 0,#a77451 100%) } .industry-plans-restaurants .services-text-left ul li::marker { color:#a77451 } .professional-banner .medical-banner-z-img { bottom:0px } .professional-banner img.bg-banner-finance { left:50%; width:63%; height:58%; top:auto; bottom:-10%; -webkit-transform:none; -ms-transform:none; transform:none } .bg-image-on-top.industry-plans-professional-services { background:url(../assets/industry-plans/professional/sec2bg.png) center/cover no-repeat } .bg-image-on-top.industry-plans-professional-services:before { background:no-repeat } .professional-step-z .step-inner { background:-webkit-gradient(linear,left bottom,left top,color-stop(-25.58%,#459aff),color-stop(39.81%,rgba(255,255,255,.23))); background:-o-linear-gradient(bottom,#459aff -25.58%,rgba(255,255,255,.23) 39.81%); background:linear-gradient(0deg,#459aff -25.58%,rgba(255,255,255,.23) 39.81%); outline:0 } .professional-z-sec4 .ids-wrapper { background:url(../assets/industry-plans/professional/sec3bg.png) center/100% 100% no-repeat; -webkit-filter:none; filter:none } .industry-price-panel.color-before-professional .pricing-items h2 { background:unset; -webkit-text-fill-color:unset; color:#000 } .pricing-main-panel.industry-price-panel.color-before-professional:after,.pricing-main-panel.industry-price-panel.color-before-professional:before,.pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-professional.selected-pricing:after,.pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-professional.selected-pricing:before { background:-o-linear-gradient(90.11deg,#062b87 -13.26%,#0a63d9 74.71%); background:linear-gradient(359.89deg,#062b87 -13.26%,#0a63d9 74.71%) } .contact-section.contact-nft.industry-professional .contact-main-area { background:-o-linear-gradient(339.31deg,#042883 36.3%,#0070f7 98.77%); background:linear-gradient(110.69deg,#042883 36.3%,#0070f7 98.77%) } .contact-section.contact-nft.industry-professional .contact-main-area button.btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(.01%,#468ce3),to(#5ed6ff)); background:-o-linear-gradient(left,#fff 0,#468ce3 .01%,#5ed6ff 100%); background:linear-gradient(90deg,#fff 0,#468ce3 .01%,#5ed6ff 100%); -webkit-box-shadow:0 10px 40px rgba(0,0,0,.5); box-shadow:0 10px 40px rgba(0,0,0,.5) } .contact-section.contact-nft.industry-professional .contact-main-area button.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#fff),color-stop(.01%,#468ce3),to(#5ed6ff)); background:-o-linear-gradient(left,#fff 0,#468ce3 .01%,#5ed6ff 100%); background:linear-gradient(90deg,#fff 0,#468ce3 .01%,#5ed6ff 100%) } .professional-work .related-work-slider:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(-25.58%,#459aff),color-stop(39.81%,rgba(255,255,255,.23))); background:-o-linear-gradient(top,#459aff -25.58%,rgba(255,255,255,.23) 39.81%); background:linear-gradient(-180deg,#459aff -25.58%,rgba(255,255,255,.23) 39.81%); border-radius:42px } .professional-work .rw-head { background:-webkit-gradient(linear,left top,left bottom,color-stop(-146.39%,#a4a4a4),color-stop(104.56%,rgba(255,255,255,0)),color-stop(104.56%,rgba(255,255,255,0))); background:-o-linear-gradient(top,#a4a4a4 -146.39%,rgba(255,255,255,0) 104.56%,rgba(255,255,255,0) 104.56%); background:linear-gradient(180deg,#a4a4a4 -146.39%,rgba(255,255,255,0) 104.56%,rgba(255,255,255,0) 104.56%); -webkit-background-clip:text; color:transparent; mix-blend-mode:unset } .blue-theme-work .rw-slide,.professional-work .rw-slide { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,0)),to(#3675ec)); background:-o-linear-gradient(top,rgba(255,255,255,0) 0,#3675ec 100%); background:linear-gradient(180deg,rgba(255,255,255,0) 0,#3675ec 100%) } .professional-work .color-blur-circle { -webkit-filter:blur(650px); filter:blur(650px) } .professional-work .related-work-slider ul.slick-dots li button { background:#6f6f6f } .industry-plans-professional-services .footer:before { background:-o-linear-gradient(120deg,#5ed6ff 5.93%,rgba(217,217,217,0) 60.81%); background:linear-gradient(330deg,#5ed6ff 5.93%,rgba(217,217,217,0) 60.81%) } .industry-plans-professional-services .services-text-left ul li::marker { color:#0085ff } .blue-theme-work .rw-head { background:-webkit-gradient(linear,left top,left bottom,color-stop(-346.39%,#000),color-stop(84.56%,rgba(255,255,255,0)),color-stop(104.56%,rgba(255,255,255,0))); background:-o-linear-gradient(top,#000 -346.39%,rgba(255,255,255,0) 84.56%,rgba(255,255,255,0) 104.56%); background:linear-gradient(180deg,#000 -346.39%,rgba(255,255,255,0) 84.56%,rgba(255,255,255,0) 104.56%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; mix-blend-mode:unset } .blue-theme-work .related-work-slider:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(-25.58%,#459aff),color-stop(39.81%,rgba(255,255,255,.23))); background:-o-linear-gradient(top,#459aff -25.58%,rgba(255,255,255,.23) 39.81%); background:linear-gradient(-180deg,#459aff -25.58%,rgba(255,255,255,.23) 39.81%); border-radius:43px } .industry-plans-law-firms .rw-slide { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),to(#6a6a6a)); background:-o-linear-gradient(top,rgba(0,0,0,0) 0,#6a6a6a 100%); background:linear-gradient(180deg,rgba(0,0,0,0) 0,#6a6a6a 100%) } .industry-plans-law-firms .related-work-slider ul.slick-dots li.slick-active button { background:#fff } .industry-plans-law-firms .related-work-slider ul.slick-dots li button { background:#454545 } .industry-plans-law-firms .rw-head { background:-webkit-gradient(linear,left top,left bottom,color-stop(23.61%,#fbfeff),color-stop(89.09%,rgba(251,254,255,0))); background:-o-linear-gradient(top,#fbfeff 23.61%,rgba(251,254,255,0) 89.09%); background:linear-gradient(180deg,#fbfeff 23.61%,rgba(251,254,255,0) 89.09%); -webkit-background-clip:text; mix-blend-mode:unset; opacity:.3 } .image-bg-map:before,.soft-light { mix-blend-mode:soft-light } .p-banner-content p { margin:20px auto 0 } .mx-795 { max-width:795px } .p-banner-content .col-lg-8:before { content:''; position:absolute; left:50%; top:45%; -webkit-transform:translate(-50%,-45%); -ms-transform:translate(-50%,-45%); transform:translate(-50%,-45%); width:795px; height:780px; background:url(../assets/portfolio/bannerbg.png) center center/cover no-repeat; z-index:-1 } .banner-section.portfolio-banner { padding:430px 0 140px; position:relative } .p-banner-imgs img { position:absolute } .p-banner-imgs img:first-child { top:35%; left:10%; max-width:13%; -webkit-animation:1s linear infinite alternate portfolio1; animation:1s linear infinite alternate portfolio1 } .p-banner-imgs img:nth-child(2) { bottom:12%; left:17%; max-width:11%; -webkit-animation:2s linear infinite alternate portfolio2; animation:2s linear infinite alternate portfolio2 } .p-banner-imgs img:nth-child(3) { right:13%; top:28%; max-width:10%; -webkit-animation:2s linear 2s infinite alternate portfolio2; animation:2s linear 2s infinite alternate portfolio2 } .p-banner-imgs img:nth-child(4) { right:17%; bottom:6%; max-width:10%; -webkit-animation:1s linear 2s infinite alternate portfolio1; animation:1s linear 2s infinite alternate portfolio1 } @-webkit-keyframes portfolio2 { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:.4 } 100% { -webkit-transform:translatex(-20px); transform:translatex(-20px); opacity:1 } } @keyframes portfolio2 { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:.4 } 100% { -webkit-transform:translatex(-20px); transform:translatex(-20px); opacity:1 } } @-webkit-keyframes portfolio1 { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:.4 } 100% { -webkit-transform:translateY(-20px); transform:translateY(-20px); opacity:1 } } @keyframes portfolio1 { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:.4 } 100% { -webkit-transform:translateY(-20px); transform:translateY(-20px); opacity:1 } } .portfolio-banner .sec-4-blue-circle-left { top:-16%; left:-25% } .portfolio-banner .sec-4-blue-circle-right { bottom:0; top:auto; right:-29% } .portfolio-banner .color-blur-circle-820 { background:#459aff; -webkit-filter:blur(506.221px); filter:blur(506.221px) } .portfolio-tabs li a { font-size:20px; color:#000; font-weight:500; padding:24px 42px; margin:0 30px; display:inline-block; position:relative; z-index:1; min-width:200px; text-align:center; -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out } .portfolio-tabs { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border:0; max-width:1310px; margin:0 auto; row-gap:40px } .portfolio-tabs li a:after { content:''; position:absolute; left:-2px; top:-2px; width:calc(100% + 4px); height:calc(100% + 4px); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#5aa8ff),to(#4ec6ff)); background:-o-linear-gradient(top,#5aa8ff 0,#4ec6ff 100%); background:linear-gradient(180deg,#5aa8ff 0,#4ec6ff 100%); -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out; z-index:-2; border-radius:18px; right:0 } .portfolio-tabs li a:before,.web-porfolio-img:after { height:100%; position:absolute; width:100%; left:0; content:'' } .portfolio-tabs li a:before { top:0; background:#fff; border-radius:16px; z-index:-1; -webkit-transition:.4s cubic-bezier(.76,.27,.03,.66); -o-transition:.4s cubic-bezier(.76,.27,.03,.66); transition:.4s cubic-bezier(.76,.27,.03,.66) } .portfolio-tabs li a.active:before,.portfolio-tabs li a:hover:before { -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); opacity:0 } .portfolio-tab-content .tab-pane { margin-top:120px } .p-big-flex,.portfolio-grid,.row-bpo-services,.row-emerging,.row-sub-portion,.website-tab { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-flow:wrap; flex-flow:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .web-porfolio-img { position:relative; padding:40px; margin-bottom:40px; cursor:pointer; overflow:hidden; border-radius:45px;display:none; -webkit-box-flex:0; -ms-flex:0 0 48.3%; flex:0 0 48.3%; -webkit-animation:1s forwards scale1; animation:1s forwards scale1 } .port-video,.portfolio-grid a { margin-bottom:30px; overflow:hidden } @-webkit-keyframes scale1 { 0%,50% { opacity:0 } 100% { opacity:1 } } @keyframes scale1 { 0%,50% { opacity:0 } 100% { opacity:1 } } .web-porfolio-img img { border-radius:20px; -webkit-box-shadow:0 4px 80px rgba(0,0,0,.2); box-shadow:0 4px 80px rgba(0,0,0,.2); width:100%; height:365px; -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out } .web-porfolio-img:after { bottom:0; border:3px solid #50c2ff; border-radius:45px; z-index:-2; -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out } .web-porfolio-img:before { content:''; position:absolute; bottom:0; left:0; width:100%; height:0; background:-o-linear-gradient(268.63deg,rgba(77,201,255,0) -15.73%,#459aff 136.08%); background:linear-gradient(181.37deg,rgba(77,201,255,0) -15.73%,#459aff 136.08%); border-radius:42px; z-index:-1; -webkit-transition:.4s cubic-bezier(.9,-.08,0,1.38); -o-transition:.4s cubic-bezier(.9,-.08,0,1.38); transition:.4s cubic-bezier(.9,-.08,0,1.38) } .port-video-inner:before,.portfolio-grid a img { -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out; width:100% } .web-porfolio-img:hover:after { height:70%; opacity:0 } .web-porfolio-img:hover:before { height:calc(70% - 2px) } .web-porfolio-img:nth-child(2n) { -webkit-transform:translateY(110px); -ms-transform:translateY(110px); transform:translateY(110px) } .web-tab-btn { margin-top:200px; text-align:center } section.portfolio-sec2 { padding:150px 0; position:relative } .portfolio-grid a { -webkit-box-flex:0; -ms-flex:0 0 32%; flex:0 0 32%; display:none; -webkit-animation:1s forwards scale; animation:1s forwards scale } @-webkit-keyframes scale { 0% { -webkit-transform:scale(0); transform:scale(0); opacity:0 } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } } @keyframes scale { 0% { -webkit-transform:scale(0); transform:scale(0); opacity:0 } 100% { -webkit-transform:scale(1); transform:scale(1); opacity:1 } } .onhoverphonenumbers a:hover,.portfolio-grid a img:hover,.social-contact a:hover span:first-child { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1) } .port-video { -webkit-box-flex:0; -ms-flex:0 0 49%; flex:0 0 49%; max-width:49%; border-radius:20px; position:relative } .port-video video { width:100%; height:100%; -o-object-fit:cover; object-fit:cover; display:none } .port-video img { width:100%; height:100%; -o-object-fit:cover; object-fit:cover } .port-video h2 { position:absolute; bottom:60px; font-weight:500; font-size:38.3799px; color:#fff } .port-video .video { position:static; -webkit-transform:none; -ms-transform:none; transform:none; height:100%; width:100% } .portfolio-app-content p { max-width:500px; margin:30px 0 50px } .color-blur-circle.portfolio-circle { background:rgba(69,154,255,.8); -webkit-filter:blur(850px); filter:blur(850px) } .app-design-tab .py-190-130 { padding:80px 0 40px } .color-blur-circle.portfolio-circle.top-1 { top:10% } .color-blur-circle.portfolio-circle.top-2 { top:40% } .port-video-inner { position:absolute; top:0; left:0; width:100%; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#000),to(rgba(0,0,0,0))); background:-o-linear-gradient(bottom,#000 0,rgba(0,0,0,0) 100%); background:linear-gradient(0deg,#000 0,rgba(0,0,0,0) 100%); cursor:pointer } button.port-video-play { width:145px; height:145px; border-radius:50%; background:-webkit-gradient(linear,left top,left bottom,color-stop(-9.96%,#459aff),color-stop(95.64%,#5ed6ff)); background:-o-linear-gradient(top,#459aff -9.96%,#5ed6ff 95.64%); background:linear-gradient(180deg,#459aff -9.96%,#5ed6ff 95.64%); border:1px solid rgba(0,255,240,.5); -webkit-box-shadow:0 21px 92px #49a2ff; box-shadow:0 21px 92px #49a2ff; margin-bottom:70px; opacity:0; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:.4s; -o-transition:.4s; transition:.4s } .pi-btn-text h2,.pp-content h2 { font-weight:500; -webkit-box-shadow:inset -10.1291px -8.10326px 81.0326px rgba(214,214,214,.25),inset 10.1291px 8.10326px 81.0326px rgba(255,255,255,.25); box-shadow:inset -10.1291px -8.10326px 81.0326px rgba(214,214,214,.25),inset 10.1291px 8.10326px 81.0326px rgba(255,255,255,.25); text-align:center; display:inline-block } .port-video:hover button.port-video-play { opacity:1; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } button.port-video-play i { color:#fff; font-size:55px; -webkit-filter:drop-shadow(0px 6px 12px rgba(0,0,0,.6)); filter:drop-shadow(0px 6px 12px rgba(0,0,0,.6)) } .port-video-inner:before { content:''; position:absolute; left:0; bottom:0; height:0; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#0073fc),to(rgba(0,0,0,0))); background:-o-linear-gradient(bottom,#0073fc 0,rgba(0,0,0,0) 100%); background:linear-gradient(0deg,#0073fc 0,rgba(0,0,0,0) 100%) } .portfolio-modal .modal-content { background:0 0; border:0 } .portfolio-modal .modal-dialog { max-width:800px; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin:0 auto } .pi-inner-wrap>.row .col-md-5,.portfolio-modal .modal-body { padding:0 } .portfolio-modal .modal-body video { width:100%; height:425px; border-radius:20px; -webkit-transform:scale(.4); -ms-transform:scale(.4); transform:scale(.4); opacity:0; -webkit-transition:.6s ease-in-out; -o-transition:.6s ease-in-out; transition:.6s ease-in-out; border:3px solid #fff; -o-object-fit:cover; object-fit:cover } .portfolio-modal .modal-content .btn-close { position:absolute; top:-50px; right:-30px; background:0 0; border:none; font-size:50px; color:#fff } .portfolio-inner-banner .max-w-100vh { max-width:46% } .portfolio-inner-banner .top-right-gradient-circle { left:-30% } section.portfolio-about { padding:140px 0 60px } .port-gray-text { color:rgba(0,31,59,.1) } .pa-content h2 { font-weight:500; font-size:30px; letter-spacing:-.055em; color:#459aff; margin-bottom:10px } .pa-content p { font-weight:500; font-size:12px; line-height:167%; color:#000; max-width:230px } section.portfolio-about [class*=col-] .row [class*=col-]:first-child,section.portfolio-about [class*=col-] .row [class*=col-]:nth-child(2) { margin-bottom:60px } .pi-btn-text h2 { font-size:20px; line-height:110%; color:#001f3b; background:-o-linear-gradient(358.7deg,#fff -25.58%,rgba(181,181,181,.19) 66.95%); background:linear-gradient(91.3deg,#fff -25.58%,rgba(181,181,181,.19) 66.95%); border-radius:24px; padding:28px 25px; min-width:100% } .pi-btn-text p { font-weight:500; font-size:15px; line-height:143%; color:#a2a2a2; margin:20px 0 0 10px } .port-process-mobile img { width:132%; -webkit-transform:translateX(-13%); -ms-transform:translateX(-13%); transform:translateX(-13%) } .pip-content { padding:120px 0 200px } .pi-inner-wrap>.row { margin-top:20px; min-height:730px } .port-process-mobile:after,.port-process-mobile:before { content:''; position:absolute; top:150px; left:10px; background:url(../assets/portfolio/bmad/process2.png) center/contain no-repeat; width:100px; height:300px; z-index:1 } .port-process-mobile:after { right:10px; left:auto; -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1) } .port-inner-process { padding:150px 0 60px } .pi-inner-wrap>p { max-width:970px; margin:0 auto } .pp-content h2 { font-size:18px; line-height:110%; color:#fff; background:-o-linear-gradient(358.7deg,#4dc9ff -25.58%,#3675ec 66.95%); background:linear-gradient(91.3deg,#4dc9ff -25.58%,#3675ec 66.95%); border-radius:10px; padding:18px 24px; min-width:170px } .pp-content p { color:#a1a1a1; font-weight:400; font-size:13px; line-height:160%; max-width:180px; margin-top:25px } .pi-slide img,.portfolio-bata .pi-inner-wrap>p { margin:0 auto } section.portfolio-project .row .row { margin-top:100px } img.pp-right-img { position:absolute; top:120px; right:0; max-width:42% } .portfolio-project { position:relative; padding:220px 0 60px } .port-inner-slider-sec { padding:20vw 0 10vw; position:relative } .port-slider-sec-img img:first-child { top:16.5%; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:78vw } .policy-sec h2:before,.policy-sec ol li:before,.policy-sec ul li:before { content:''; position:absolute; left:0; background:-o-linear-gradient(340.52deg,#459aff 1.79%,#5ed6ff 108.48%); background:linear-gradient(109.48deg,#459aff 1.79%,#5ed6ff 108.48%) } .port-slider-sec-img img { position:absolute; z-index:-1 } .port-slider-sec-img img:nth-child(2),.port-slider-sec-img img:nth-child(3) { bottom:15%; width:5vw } .pi-slide img { max-width:15vw; height:32.5vw; -webkit-transition:.6s ease-in-out; -o-transition:.6s ease-in-out; transition:.6s ease-in-out } .pi-slide.slick-current+.slick-slide img { border-radius:2vw } .port-inner-slider-sec .container-1560 { max-width:83.5vw } .pi-slide:before { background:url(../assets/portfolio/bmad/mobile-frame.png) center/80% 100% no-repeat; content:''; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:calc(20vw + 4vw); height:calc(100% + 4vw); -webkit-transition:.6s cubic-bezier(1,-.22,.58,1); -o-transition:.6s cubic-bezier(1,-.22,.58,1); transition:.6s cubic-bezier(1,-.22,.58,1); opacity:0 } .button-play,.items,.links-columns>ul>li>a:after,.video:before { -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } .pi-slide.slick-current+.slick-slide:before { width:20vw; opacity:1; height:100% } .pi-slide.slick-current+.pi-slide { -webkit-transform:scale(1.22) translateY(-1.6vw); -ms-transform:scale(1.22) translateY(-1.6vw); transform:scale(1.22) translateY(-1.6vw); -webkit-transition:.6s ease-in-out; -o-transition:.6s ease-in-out; transition:.6s ease-in-out } .port-inner-slider .slick-track { padding:6vw 0 } .portfolio-bata .portfolio-inner-banner .max-w-100vh { max-width:50% } .portfolio-bata .port-process-mobile img { width:60%; -webkit-transform:translateX(35%) translateY(10%); -ms-transform:translateX(35%) translateY(10%); transform:translateX(35%) translateY(10%) } .portfolio-drink .port-process-mobile img { width:110%; -webkit-transform:translateX(-5%) translateY(11%); -ms-transform:translateX(-5%) translateY(11%); transform:translateX(-5%) translateY(11%) } .portfolio-bata .port-process-mobile:after,.portfolio-bata .port-process-mobile:before { background:url(../assets/portfolio/bata/process2.png) center/contain no-repeat } .portfolio-drink .port-process-mobile:after,.portfolio-drink .port-process-mobile:before { background:url(../assets/portfolio/drink/process2.png) center/contain no-repeat } .portfolio-ocala .port-process-mobile img { width:112%; -webkit-transform:translateX(-5%) translateY(9%); -ms-transform:translateX(-5%) translateY(9%); transform:translateX(-5%) translateY(9%) } .mt-lg { margin-top:170px } .policy-sec h2 { margin:40px 0; display:inline-block } .policy-sec h2:before { bottom:-20px; width:60%; height:8px } .policy-sec p { margin-top:30px } .policy-sec ol { padding:20px 0 } .policy-sec ol li,.policy-sec ul li { list-style:none; padding-left:25px; position:relative; margin-bottom:10px } .policy-sec ul { padding:30px 0 } .policy-sec ol li:before,.policy-sec ul li:before { top:8px; width:12px; height:12px; border-radius:50% } @media (min-width:1920px) { .banner-section.portfolio-banner { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } } @media (max-width:1750px) { .hz-brand-img img,.oa-logo img,.wfy-img img { image-rendering:-webkit-optimize-contrast } .banner-section { padding:360px 0; min-height:auto } .banner-left-content span { margin-top:50px } .fa-70 { font-size:65px } .wfy-row { margin-top:60px } .wfy-box .wfy-content h2 { font-size:26px; line-height:30.6px; max-width:160px } .wfy-box .wfy-content p { font-size:14px; line-height:24.35px; max-width:300px } .wfy-img img { max-width:140px; max-height:130px } .wfy-box { padding:40px 60px 40px 50px } span.hz-wfy-left-blue,span.hz-wfy-right-blue { top:-8% } span.hz-wfy-right-blue { bottom:-1%; top:auto } .hz-op-content h1,.z-change-h1 h6 { font-size:110px; line-height:124.4px } .hz-op-content h1 span:before,.z-change-h1 h6 span:before { height:55px } .hz-op-content p { max-width:1360px; line-height:26.42px; margin-top:50px } section.our-heritage { padding:70px 0 } .hz-sec-text { max-width:810px } .hz-oh-row { margin-top:150px; min-height:505px } .oh-icon { width:160px; height:160px } .oh-icon img { max-width:60px } .oh-box h2 { font-size:18px; line-height:20.4px } .oh-box h3 { font-size:30px; line-height:33px; margin-bottom:25px } .oh-box p { font-size:15px; line-height:28.16px; max-width:280px } .hz-brand-img img { max-width:280px; max-height:100px } .hz-brand-box p { margin-top:35px } .hz-brand-wrapper { padding:90px 0; background:-webkit-gradient(linear,left bottom,left top,color-stop(-25.58%,#459aff),color-stop(39.81%,rgba(255,255,255,.33))); background:-o-linear-gradient(bottom,#459aff -25.58%,rgba(255,255,255,.33) 39.81%); background:linear-gradient(0deg,#459aff -25.58%,rgba(255,255,255,.33) 39.81%) } section.hz-our-certification { padding:80px 0 } .fa-100,.oc-left-content .fa-100 { font-size:90px } .oc-right-content img { max-width:240px } .oa-logo { width:300px; height:300px } .oa-logo img { max-width:170px } .hz-our-affiliations { padding:100px 0 120px } .color-blur-circle.color-blur-circle-820 { width:720px; height:720px } span.banner-circle { width:1630px; height:1630px; top:-900px; right:-500px } .banner-right-img img { width:305px; height:305px } .rounded-first { top:200px; right:730px } .rounded-second { top:450px; right:360px } .rounded-third { top:440px; right:-60px } .hz-rc-content h2 { font-size:38.9091px; line-height:44.3px; margin-bottom:15px; max-width:300px } .hz-rc-inner { margin-bottom:-270px } .hz-rc-inner .oh-icon { width:135px; height:135px } .hz-rc-content p { font-size:14px; line-height:21.35px; margin:40px auto 20px } .hz-rc-box { min-height:440px; padding:24px } section.hz-our-categories { padding:170px 0 80px } .step-box .oh-icon { width:125px; height:125px } .step-box .oh-icon h2 { font-size:58.64px } .step-box { max-width:230px; min-height:220px } .step-box>h2 { font-size:29.4604px; margin:50px 0 20px } .step-box p { font-size:11px; line-height:21.62px; max-width:180px } .step-process-row [class*=col-]:not(:last-child) .step-box:after { background-size:50px } section.step-process { padding:100px 0 } .left-blue-circle-800:before,.right-blue-circle-800:after { width:750px; height:750px } .left-blue-circle-800:before { left:-530px } .right-blue-circle-800:after { right:-530px } .services-text-left ul li { font-size:19px; line-height:19px; padding:25px 0 } .services-text-left ul li::marker { font-size:23px } .services-text-left p { margin:30px 0 20px } .image-resource-service.service-circle-img:before { width:650px; height:650px } .image-resource-service.service-circle-img img { max-width:600px; max-height:600px } .image-resource-service.service-small-circle img { max-width:500px; max-height:500px } .service-sec-rotate .services-text-left p { max-width:calc(100% - 110px) } .bg-circle-lines:after { height:1152px; top:80px } .image-resource-service.service-small-circle:before { width:550px; height:550px } .gyp-content h2 { line-height:89px } .gyp-content p { margin:40px 0 30px } .gyp-row { padding:60px 110px } .gyp-row [class*=col-] img { max-width:640px; top:calc(50% - 60px) } section.get-your-app { padding:150px 0 90px } .fa-92 { font-size:82px } .fa-166 { font-size:152px } .fa-85 { font-size:73px } .fa-39 { font-size:32.9091px } .image-resource-service img.ecom-rounded-img { max-width:460px } .mx-674,.services-text-left .mx-674 { max-width:624px } .color-before-professional>h2,.fa-40 { font-size:35px } .hz-bpo-three .text-resources-service p,.pp-content h2 { font-size:16px } section.bpo-sec { padding:100px 0 200px } .bpo-sec .hz-rc-content p { max-width:280px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form { max-width:580px } .fa-130 { font-size:120px } .i-digital-banner { padding:260px 0 } .i-digital-step .step-inner { max-width:1245px } .ids-wrapper p { font-size:18px; line-height:32.9px; max-width:1180px } .container-1700 { max-width:90vw } .ids-wrapper { min-height:420px } ul.industry-list { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column } ul.industry-list li { font-size:15px; max-width:400px; padding:16px 0 } .image-resource-service.service-circle-img.i-circle-service:before { height:620px } .industry-price-panel>h2 { font-size:55px; margin-bottom:20px } .industry-price-panel>p { max-width:250px; margin-bottom:30px } .industry-price-panel .pricing-flex-play h3 { font-size:28.669px; margin-bottom:20px } .industry-price-panel .pricing-flex-play { margin-bottom:30px } .rw-head { font-size:204.974px } .related-work-slider { padding:60px 0 } .rw-slide h2 { font-size:23px } .rw-slide { height:350px } .related-work-slider ul.slick-dots li button { width:50px; height:5px } .contact-section.contact-nft.industry-contact .contact-main-area p,.main-modal .modal-dialog { max-width:640px } .e-banner-img img { max-width:610px } section.i-ecommerce-banner { padding:240px 0 170px } .ie-bag,.ie-cart { max-width:160px } .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img { max-width:570px } section.charges-remind p { font-size:23.9126px } .industry-plans-ecommerce .icon-tick i { top:0 } .industry-plans-real-estate .image-resource-service.service-circle-img:before { width:600px; height:600px } .industry-plans-restaurants .e-banner-img img { max-height:660px } section.i-restaurant-banner { padding:200px 0 80px } section.i-restaurant-banner:before { width:775px; height:780px } .contact-section.industry-professional { padding:110px 0 140px } .p-banner-content .col-lg-8:before { width:720px; height:710px } .mx-795 { max-width:710px } .banner-section.portfolio-banner { padding:400px 0 130px } .portfolio-tabs li a { font-size:19px; padding:22px 40px; margin:0 25px } .portfolio-tabs { max-width:1280px } section.portfolio-sec2 { padding:120px 0 } .porfolio-app-img img { max-width:650px } .modal-main-wrap .modal-inner h6 { font-size:62.0553px; margin-top:30px } .service-head { font-size:19.8372px } .main-modal .modal-body .btn-close { font-size:28px; width:28px; height:28px } form.modal-form .form-group input,form.modal-form .form-group textarea { font-size:14px; padding:14px 22px } .main-modal .modal-body { padding:30px 90px 70px } .port-video h2 { font-size:34.3799px; bottom:50px } button.port-video-play { width:140px; height:140px } .pi-btn-text h2 { padding:25px; border-radius:22px; font-size:18px } .pi-inner-wrap>p { max-width:870px } .pp-content p { margin-top:20px } section.portfolio-project .row .row { margin-top:70px } .portfolio-ocala .port-process-mobile:after { right:-10px } .emerging-tech-nft .services-text-left .mx-685 { max-width:585px } } @media (max-width:1599px) { .ecom-pricing .pricing-items ul li,.oh-box h3 { margin-bottom:20px } .banner-left-content span a { font-size:11.06px; line-height:13.46px } .banner-left-content span i { font-size:17px } .banner-section { padding:310px 0 } .banner-section .top-right-gradient-circle { width:825px; height:915px } .fa-70 { font-size:55px } .hz-oc-btn,.wfy-row { margin-top:50px } .wfy-box .wfy-content h2 { font-size:23px; line-height:26.6px; max-width:140px } .wfy-box .wfy-content p { font-size:13px; line-height:21.35px; max-width:280px } .wfy-img img { max-width:110px; max-height:120px } .wfy-box { padding:30px 50px 30px 40px; min-height:248px } .hz-what-for-you { padding-bottom:130px } span.hz-wfy-left-blue,span.hz-wfy-right-blue { top:-3% } span.hz-wfy-right-blue { bottom:0; top:auto } .hz-our-Philosophy { padding-top:50px } .hz-op-content h1,.z-change-h1 h6 { font-size:90px; line-height:104.4px } .hz-op-content h1 span:before,.z-change-h1 h6 span:before { height:45px } .hz-op-content .line-bottom-heading { margin-bottom:60px } .hz-op-content p { font-size:14px; max-width:1210px; line-height:23.42px; margin-top:40px } .hz-rc-content a i,.industry-price-panel .pricing-items h2,.oh-box h2 { font-size:16px } .related-work-slider,section.our-heritage { padding:50px 0 } .oh-icon { width:145px; height:145px; -webkit-box-shadow:0 20px 25px rgb(94 214 255/70%); box-shadow:0 20px 25px rgb(94 214 255/70%) } .oh-icon img { max-width:54px } .oh-box h2 { line-height:17.4px } .oh-box h3 { font-size:27px; line-height:30px } .banner-left-content p,.fa-18.hz-sec-text,.hz-sec-text,.oh-box p { font-size:14px } .oh-box p { line-height:24.16px; max-width:265px } .hz-oh-row { margin-top:130px; min-height:455px } .hz-sec-text { max-width:710px; margin:30px auto 0 } .color-blur-circle.color-blur-circle-820 { width:620px; height:620px } .hz-brand-img img { max-width:230px; max-height:90px } .hz-brand-box p { font-size:13px; line-height:21.35px; max-width:270px } .hz-brand-wrapper { padding:80px 0; background:-webkit-gradient(linear,left bottom,left top,color-stop(-25.58%,#459aff),color-stop(39.81%,rgba(255,255,255,.25))); background:-o-linear-gradient(bottom,#459aff -25.58%,rgba(255,255,255,.25) 39.81%); background:linear-gradient(0deg,#459aff -25.58%,rgba(255,255,255,.25) 39.81%); margin-top:50px } .hz-our-brand { padding:120px 0 } .fa-100,.oc-left-content .fa-100 { font-size:80px } .oc-left-content .fa-18 { font-size:14px; max-width:480px } .oc-right-content img { max-width:210px } .hz-oc-logos img { max-width:260px; max-height:150px; image-rendering:-webkit-optimize-contrast } .hz-oc-logos,.hz-oucrcate-row,.portfolio-tab-content .tab-pane { margin-top:100px } section.hz-our-certification { padding:70px 0 } .oa-logo img { max-width:150px; max-height:110px } .oa-logo { width:270px; height:270px } .hz-our-affiliations { padding:80px 0 90px } span.banner-circle { width:1530px; height:1530px; top:-910px; right:-550px } span.banner-circle:after { width:calc(100% - 320px); height:calc(100% - 320px) } .banner-right-img img { width:230px; height:230px } .rounded-first { top:190px; right:610px } .rounded-second { top:390px; right:310px } .rounded-third { top:410px; right:-40px } img.rounded-absolute { bottom:-30px } .hz-rc-content h2 { font-size:36.9091px; line-height:41.3px; max-width:280px } .hz-rc-inner .oh-icon { width:125px; height:125px } .hz-rc-content p { font-size:13px; line-height:22.35px; margin:35px auto 20px } .hz-rc-content a { font-size:12.6966px; line-height:14.46px } .hz-rc-box { min-height:440px; padding:27px } .hz-rc-inner { margin-bottom:-250px } section.hz-our-categories { padding:160px 0 80px } .step-box .oh-icon { top:-70px; width:115px; height:115px } .step-box .oh-icon h2 { font-size:52.64px } .step-box { max-width:220px; min-height:210px } .step-box>h2 { font-size:25px; margin:45px 0 15px } section.step-process { padding:90px 0 } .left-blue-circle-800:before,.right-blue-circle-800:after { width:700px; height:700px; top:-10px } .left-blue-circle-800:before { left:-510px } .right-blue-circle-800:after { right:-510px } .step-process-row { margin-top:140px } .ecom-pricing,section.portfolio-project .row .row { margin-top:60px } .services-text-left p { line-height:25px } .services-text-left ul li { font-size:17px; line-height:17px; padding:22px 0 } .services-text-left ul li::marker { font-size:20px } .services-text-left ul { margin-bottom:30px } .image-resource-service.service-circle-img:before { width:560px; height:560px } .image-resource-service.service-small-circle:before { width:500px; height:500px } .image-resource-service.service-circle-img img { max-width:550px; max-height:550px } .image-resource-service.service-small-circle img { max-width:470px; max-height:470px } .ml-40 { margin-left:30px } .service-sec-rotate .services-text-left p { max-width:calc(100% - 100px) } .service-text-right { padding-left:60px } .bg-circle-lines:after { height:1052px } .gyp-content h2 { line-height:79px } .gyp-content p { font-size:15px; margin:30px 0 25px } .gyp-row { padding:70px 100px; border-radius:25px } .rw-slide,.rw-slide img { border-radius:15px } .gyp-row [class*=col-] img { max-width:600px; top:calc(50% - 60px) } .fa-92 { font-size:75px } .fa-166 { font-size:145px } .content-right-column .letter-spacing-9 { letter-spacing:-8px } .fa-85 { font-size:65px } .fa-39 { font-size:30.9091px } .image-resource-service img.ecom-rounded-img { max-width:400px } .step-process.left-blue-circle-800:before,.amazon-pakage .left-blue-circle-800:before,.right-blue-circle-800:after { top:auto } .ecom-pricing { max-width:1000px; padding:60px 60px 50px } .pricing-items h2 { font-size:18px } .ecom-pricing .btn-reg.btn-gradient { max-width:190px; bottom:-25px } .hz-bpo-three .text-resources-service p,.pp-content h2 { font-size:15px } .hz-bpo-three .cols-ar-img-service:not(:last-child) { margin-right:30px } .linear-border:after,.linear-border:before { border-radius:24px } section.bpo-sec { padding:80px 0 170px } .bpo-sec .hz-rc-content p { max-width:260px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form { max-width:510px } .fa-130 { font-size:110px } .i-digital-banner { padding:230px 0 } .i-digital-step .step-inner { max-width:1145px } .i-digital-step .step-box .oh-icon { width:170px; height:170px } .i-digital-step .step-process-row { margin-top:70px } .i-digital-step .step-box .oh-icon h2 { font-size:24px } .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after { left:calc(100% + 30px); top:90px } .i-digital-step .step-box p { font-size:13px; margin-top:30px } .ids-wrapper p { font-size:16px; line-height:28.9px; max-width:1040px; margin-top:30px } .ids-wrapper { min-height:380px } ul.industry-list li { font-size:14px; line-height:19px; padding:12px 0 } .industry-price-panel>h2 { font-size:48px } .industry-price-panel .pricing-flex-play h3 { font-size:25.669px } .industry-pricing .column-responsive-pricing { margin-top:110px } section.related-work { padding:40px 0 } .rw-head { font-size:188.974px; margin-bottom:-38px } .rw-slide { height:320px } .web-porfolio-img,.web-porfolio-img:after { border-radius:40px } .rw-slide h2 { font-size:21px } .rw-slide.slick-slide.slick-current+.rw-slide img,.rw-slide:hover img { -webkit-transform:translateY(-50px) scale(.9); -ms-transform:translateY(-50px) scale(.9); transform:translateY(-50px) scale(.9) } .rw-slide.slick-slide.slick-current+.rw-slide h2,.rw-slide:hover h2 { bottom:20px } .related-work-slider ul.slick-dots { bottom:50px } .image-resource-service.service-circle-img.i-circle-service:before { height:570px; width:100% } .e-banner-img img { max-width:560px } section.i-ecommerce-banner { padding:230px 0 130px } .ie-bag,.ie-cart { max-width:140px } section.charges-remind p { font-size:19.9126px } section.contact-section.hz-contact-bpo.industry-ecom .contact-main-area { border-width:2px } .industry-plans-real-estate .image-resource-service.service-circle-img:before { width:550px; height:550px } section.i-restaurant-banner { padding:170px 0 130px } .industry-plans-restaurants .e-banner-img img { max-height:600px } section.i-restaurant-banner:before { width:700px; height:700px } .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form { max-width:380px } .industry-plans-restaurants .industry-price-panel>h2 { font-size:44px } .professional-step-z .step-inner { background:-webkit-gradient(linear,left bottom,left top,color-stop(-25.58%,#459aff),color-stop(39.81%,rgba(255,255,255,.5))); background:-o-linear-gradient(bottom,#459aff -25.58%,rgba(255,255,255,.5) 39.81%); background:linear-gradient(0deg,#459aff -25.58%,rgba(255,255,255,.5) 39.81%) } .color-before-professional>h2 { font-size:32px; margin-bottom:0 } .p-banner-content .col-lg-8:before { width:650px; height:640px } .p-banner-content p { margin:15px auto 0 } .modal-logo img { max-width:180px } .modal-main-wrap .modal-inner h6 { font-size:52.0553px; margin-top:20px } .service-head { font-size:16.8372px } form.modal-form .form-group input,form.modal-form .form-group textarea { font-size:13px; padding:11px 17px } .main-modal .modal-body { padding:25px 80px 70px } .main-modal .modal-dialog { max-width:570px } .main-modal .btn-reg.btn-gradient { padding:13px 0; max-width:180px } .main-modal .modal-body .btn-close { font-size:30px; width:25px; height:25px; top:35px; line-height:25px; } .portfolio-tabs li a { font-size:17px; padding:19px 30px; margin:0 20px } .portfolio-tabs { max-width:1190px } section.portfolio-sec2 { padding:100px 0 } .mx-795 { max-width:660px } .banner-section.portfolio-banner { padding:350px 0 110px } .web-porfolio-img { padding:30px; margin-bottom:30px } .web-porfolio-img img { height:315px; border-radius:15px } .web-porfolio-img:before { border-radius:38px } .web-porfolio-img:nth-child(2n) { -webkit-transform:translateY(80px); -ms-transform:translateY(80px); transform:translateY(80px) } .app-design-tab .py-190-130 { padding:50px 0 0 } .porfolio-app-img img { max-width:610px } .port-video h2 { font-size:30.3799px; bottom:40px } button.port-video-play { width:130px; height:130px } button.port-video-play i { font-size:45px } .pa-content h2 { font-size:26px; margin-bottom:6px } .pa-content p { font-size:11px; max-width:210px } .port-inner-process { padding:120px 0 40px } .pi-btn-text h2 { padding:23px 19px; border-radius:20px; font-size:16px } .pi-btn-text p { font-size:14px; margin:15px 0 0 8px } .pi-inner-wrap>p { max-width:800px } .pi-inner-wrap>.row { min-height:670px } .pip-content { padding:120px 0 140px } .pp-content p { font-size:12px; margin-top:15px; max-width:170px } .portfolio-project { padding:190px 0 60px } .port-process-mobile:after,.port-process-mobile:before { left:0 } .port-process-mobile:after { left:auto; right:0 } .portfolio-ocala .port-process-mobile:after { right:-10px } .nfts-process .step-box { min-width:205px } .emerging-tech-nft .services-text-left .mx-685 { max-width:605px } .nfts-right-img img { max-width:470px } .contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form { max-width:500px } .policy-sec ol li:before,.policy-sec ul li:before { top:6px } } @media (max-width:1439px) { .banner-left-content .fa-110 { font-size:75px } .banner-left-content span a { font-size:9.06px; line-height:11.46px } .banner-left-content span i { font-size:13px; margin-right:7px } .banner-left-content span { margin-top:40px } .banner-section { padding:240px 0 } .banner-section .top-right-gradient-circle { width:725px; height:815px } .fa-70 { font-size:45px } .wfy-row { margin-top:30px } .wfy-box .wfy-content h2 { font-size:20px; line-height:23.6px; max-width:120px; margin-bottom:15px } .wfy-box .wfy-content p { font-size:11px; line-height:19.35px; max-width:240px } .wfy-img img { max-width:90px; max-height:100px } .wfy-box { padding:20px 40px 20px 30px; min-height:200px; margin-bottom:15px } .wfy-row [class*=col-] { padding:0 10px } span.hz-wfy-left-blue,span.hz-wfy-right-blue { top:-1% } span.hz-wfy-right-blue { bottom:3%; top:auto } .hz-op-content h1,.z-change-h1 h6{ font-size:75px; line-height:78.4px } .hz-op-content h1 span:before,.z-change-h1 h6 span:before{ height:35px } .hz-op-content .line-bottom-heading { margin-bottom:50px } .hz-op-content p { font-size:12px; max-width:1030px; line-height:20.42px; margin-top:30px } .hz-rc-content a i,.industry-price-panel .pricing-items h2,.oh-box h2 { font-size:14px } .hz-op-content { padding:0 0 60px 9.35vw; } .hz-our-brand .text-center,section.our-heritage .fa-70 { letter-spacing:-3px } .fa-18.hz-sec-text { margin:20px auto 0; font-size:12px; max-width:600px } .oh-icon { width:125px; height:125px } .oh-icon img { max-width:48px } .oh-box h2 { line-height:15.4px } .oh-box h3 { font-size:23px; line-height:26px; margin-bottom:15px } .oh-box p { font-size:12px; line-height:20.16px; max-width:225px } .hz-oh-row { margin-top:120px; min-height:375px } .left-line h2:before,.right-line h2:after { height:8px } .hz-brand-img img { max-width:200px; max-height:70px } .hz-brand-box p { font-size:11px; line-height:18.35px; max-width:250px; margin-top:25px } .hz-brand-img { min-height:80px } .hz-brand-wrapper { background:-webkit-gradient(linear,left bottom,left top,color-stop(-25.58%,#459aff),color-stop(39.81%,rgba(255,255,255,.35))); background:-o-linear-gradient(bottom,#459aff -25.58%,rgba(255,255,255,.35) 39.81%); background:linear-gradient(0deg,#459aff -25.58%,rgba(255,255,255,.35) 39.81%) } .hz-our-brand,section.step-process { padding:80px 0 } .fa-100 { font-size:70px } .oc-left-content .fa-100 { font-size:80px } .oc-left-content .fa-18 { font-size:12px; max-width:440px } .ecom-pricing .btn-reg.btn-gradient,.oc-right-content img { max-width:170px } .hz-oc-logos img { max-width:230px; max-height:120px } .hz-oc-logos { margin-top:70px } section.hz-our-certification { padding:60px 0 } .oa-logo { width:230px; height:230px } .oa-logo img { max-width:130px; max-height:90px } .hz-our-affiliations,section.portfolio-sec2 { padding:70px 0 } .color-blur-circle.color-blur-circle-820 { width:520px; height:520px } span.banner-circle { width:1330px; height:1330px; top:-790px; right:-500px } span.banner-circle:after { width:calc(100% - 280px); height:calc(100% - 280px) } .banner-right-img img { width:200px; height:200px } .rounded-first { top:140px; right:530px } .rounded-second { top:330px; right:280px } .rounded-third { right:-30px; top:360px } img.rounded-absolute { -webkit-filter:blur(20px); filter:blur(20px); bottom:-20px } .hz-rc-content h2 { font-size:31.9091px; line-height:36.3px; max-width:270px } .hz-rc-inner .oh-icon { width:110px; height:110px } .hz-rc-content p { font-size:11px; line-height:20.35px; margin:30px auto 12px } .hz-rc-content a { font-size:11.6966px; line-height:13.46px } .hz-rc-box { min-height:380px; padding:20px } .hz-rc-inner { margin-bottom:-220px } .hz-oucrcate-row { margin-top:90px } .bpo-sec .hz-oucrcate-row,.ecom-pricing,section.portfolio-project .row .row { margin-top:50px } section.hz-our-categories { padding:130px 0 80px } .step-box .oh-icon { top:-65px; width:105px; height:105px } .step-box .oh-icon h2 { font-size:48.64px } .step-box { max-width:190px; min-height:180px; border-radius:8px } .step-box>h2 { font-size:25px; margin:45px 0 15px } .mb-30,.modal-logo,.portfolio-grid a,.pricing-items h2 { margin-bottom:20px } .step-box p { font-size:10px; line-height:16.62px; max-width:160px } .contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form,.pakage-desc p { max-width:410px } section.i-restaurant-banner:before,.left-blue-circle-800:before,.right-blue-circle-800:after { width:600px; height:600px } .left-blue-circle-800:before { left:-420px } .right-blue-circle-800:after { right:-420px } .step-process-row [class*=col-]:not(:last-child) .step-box:after { background-size:45px; left:calc(100% + 35px) } .banner-left-content p,.fa-16,.gyp-content p,.hz-bpo-three .text-resources-service p { font-size:13px } .services-text-left p { font-size:13px; line-height:23px } .services-text-left ul li { font-size:15px; line-height:15px; padding:20px 0 } .services-text-left ul li::marker { font-size:18px } .services-text-left .next-section { font-size:11.0575px } .services-text-left .next-section i { font-size:13px; margin-right:5px } .image-resource-service.service-circle-img img { max-width:470px; max-height:470px } .image-resource-service.service-small-circle img { max-width:430px; max-height:430px } .image-resource-service.service-circle-img:before { width:500px; height:500px } .image-resource-service.service-small-circle:before { width:450px; height:450px } .bg-circle-lines:after { height:952px } .gyp-content h2 { line-height:69px } .gyp-row { padding:60px 80px } .gyp-row [class*=col-] img { max-width:540px; top:calc(50% - 50px) } section.get-your-app { padding:110px 0 50px } .fa-92 { font-size:68px } .fa-166 { font-size:127px } .content-right-column .letter-spacing-9 { letter-spacing:-7px } .fa-85 { font-size:60px } .fa-39 { font-size:27.9091px } .image-resource-service img.ecom-rounded-img { max-width:360px } .mx-674,.services-text-left .mx-674 { max-width:484px } .ecom-pricing { max-width:850px; padding:50px 50px 40px } .pricing-items h2 { font-size:16px } .ecom-pricing .pricing-items ul li { font-size:13px; margin-bottom:15px } .pakage-desc p { font-size:10px } .ecom-pricing .btn-reg img { margin-right:10px } .fa-40 { font-size:30px } section.bpo-sec { padding:60px 0 140px } .bpo-sec .hz-rc-content h2 { font-size:28.4488px; line-height:32.34px; max-width:260px } .bpo-sec .hz-rc-content p { max-width:210px } .mx-900 { max-width:700px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form { max-width:470px } .fa-130 { font-size:95px } .i-digital-banner { padding:200px 0 } .i-digital-step .step-inner { max-width:1000px; outline:#89a5d040 solid 3px; padding:40px 70px 70px; border-radius:50px } .i-digital-step .step-box .oh-icon { width:150px; height:150px } .i-digital-step .step-box .oh-icon h2 { font-size:20px } .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after { top:80px } .i-digital-step .step-box p { font-size:12px } .ids-wrapper p { font-size:15px; line-height:27.9px; max-width:990px; margin-top:25px } .ids-wrapper { min-height:350px } ul.industry-list li { font-size:13px; padding:13px 0; max-width:340px } .image-resource-service.service-circle-img.i-circle-service:before { height:500px } .industry-price-panel>h2,button.port-video-play i { font-size:40px } .industry-price-panel .pricing-flex-play h3 { font-size:23.669px } .contact-section.contact-nft.industry-contact .contact-main-area p { max-width:560px } .rw-head { font-size:168.974px; margin-bottom:-28px } .related-work-slider { padding:40px 0 } .rw-slide { height:280px } .rw-slide.slick-slide.slick-current+.rw-slide img,.rw-slide:hover img { -webkit-transform:translateY(-45px) scale(.9); -ms-transform:translateY(-45px) scale(.9); transform:translateY(-45px) scale(.9) } .related-work-slider:before { border-radius:60px } .related-work-slider ul.slick-dots li button { width:40px; height:4px } .rw-slide h2 { font-size:18px } .e-banner-img img { max-width:500px } section.i-ecommerce-banner { padding:200px 0 110px } .ie-bag,.ie-cart { max-width:120px } .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img { max-height:500px } section.charges-remind p { font-size:17.9126px } .industry-plans-ecommerce .ids-wrapper { -webkit-filter:drop-shadow(0px 27px 24px rgb(229 175 33/70%)); filter:drop-shadow(0px 27px 24px rgb(229 175 33/70%)) } .industry-plans-real-estate .image-resource-service.service-circle-img:before { width:480px; height:480px } .industry-plans-restaurants .e-banner-img img { max-height:520px } section.i-restaurant-banner { padding:160px 0 60px } .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form { max-width:350px } .contact-section.hz-contact-bpo.industry-res { padding:150px 0 160px } .industry-plans-restaurants .industry-price-panel>h2 { font-size:38px } .professional-step-z .step-inner { outline:0 } .color-before-professional>h2 { font-size:28px; min-height:100px } .modal-logo img { max-width:140px } .modal-main-wrap .modal-inner h6 { font-size:46.0553px; margin-top:10px } .service-head { font-size:14.8372px } form.modal-form .form-group input,form.modal-form .form-group textarea { font-size:12px; padding:9px 15px; border-radius:6.76849px } form.modal-form .form-group { padding:14px 0 0 } .main-modal .modal-body { padding:20px 70px 50px } .main-modal .modal-dialog { max-width:490px } .mx-795 { max-width:610px } .p-banner-imgs img:first-child { top:32%; max-width:12% } .p-banner-imgs img:nth-child(2) { bottom:15%; left:18%; max-width:10% } .p-banner-imgs img:nth-child(3) { right:15%; top:27%; max-width:8% } .p-banner-imgs img:nth-child(4) { right:18%; bottom:8%; max-width:9% } .portfolio-tabs li a { font-size:15px; padding:17px 20px; margin:0 15px; min-width:180px } .portfolio-tabs li a:before { border-radius:12px } .portfolio-tabs { max-width:1020px; row-gap:30px } .portfolio-tabs li a:after { border-radius:14px; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px) } .portfolio-tab-content .tab-pane { margin-top:80px } .banner-section.portfolio-banner { padding:300px 0 110px } .p-banner-content .col-lg-8:before { width:600px; height:590px } .web-porfolio-img img { height:275px; -webkit-box-shadow:0 4px 30px rgb(0 0 0/20%); box-shadow:0 4px 30px rgb(0 0 0/20%) } .web-porfolio-img { padding:25px; border-radius:32px } .web-porfolio-img:before { border-radius:34px } .web-porfolio-img:after { border-radius:36px } .portfolio-content-wrap { margin-bottom:70px } .portfolio-app-content p { max-width:440px; margin:20px 0 30px } .porfolio-app-img img { max-width:550px } .app-design-tab .py-190-130 { padding:40px 0 0 } button.port-video-play { width:120px; height:120px } .port-video h2 { font-size:26.3799px } .port-video { margin-bottom:25px } .portfolio-modal .modal-dialog { max-width:680px } .portfolio-modal .modal-content .btn-close { top:-40px; right:-20px; font-size:40px } .pa-content h2 { font-size:22px } .pa-content p { font-size:10px; max-width:200px } section.portfolio-about [class*=col-] .row [class*=col-]:first-child,section.portfolio-about [class*=col-] .row [class*=col-]:nth-child(2) { margin-bottom:40px } .port-inner-process { padding:100px 0 40px } .port-process-mobile img { width:125%; -webkit-transform:translateX(-11%); -ms-transform:translateX(-11%); transform:translateX(-11%) } .pi-btn-text h2 { padding:19px 16px; border-radius:17px; font-size:14px } .pi-btn-text p { font-size:12px; margin:10px 0 0 8px } .port-process-mobile:after,.port-process-mobile:before { width:5.7vw; height:17vw; left:20px } .pip-content { padding:130px 0 90px } .pi-inner-wrap>.row { min-height:540px } .port-process-mobile:after { left:auto; right:10px } .pi-inner-wrap>p { max-width:730px } .pp-content h2 { font-size:13px; min-width:150px } .pp-content p { font-size:11px; margin-top:11px; max-width:150px } .portfolio-modal .modal-body video { height:355px } .portfolio-ocala .port-process-mobile img { -webkit-transform:translateX(-3%) translateY(12%); -ms-transform:translateX(-3%) translateY(12%); transform:translateX(-3%) translateY(12%) } .nfts-process .step-box { min-width:175px; padding-bottom:25px } .nfts-process .step-box h3 { font-size:116.621px } .emerging-tech-nft .step-box .oh-icon { top:-75px } .emerging-tech-nft .services-text-left .mx-685 { max-width:495px } .policy-sec ol li:before,.policy-sec ul li:before { top:4px; width:10px; height:10px } } @media (max-width:1199px) { .fa-70,section.our-heritage .fa-70 { letter-spacing:-2px } .banner-left-content .fa-110 { font-size:65px; letter-spacing:-3px } .banner-left-content span a { font-size:8.06px; line-height:9.46px } .banner-left-content span i { font-size:11px; margin-right:5px } .banner-section { padding:210px 0 } .banner-section .top-right-gradient-circle { width:525px; height:615px } .fa-70 { font-size:40px } .wfy-box .wfy-content h2 { font-size:17px; line-height:20.6px; max-width:100px; margin-bottom:10px } .wfy-box .wfy-content p { font-size:10px; line-height:15.35px; max-width:228px } .wfy-img img { max-width:80px; max-height:90px } .wfy-box { min-height:165px } .wfy-row { margin-top:20px } .hz-what-for-you { padding-bottom:90px } span.hz-wfy-left-blue,span.hz-wfy-right-blue { top:1% } span.hz-wfy-right-blue { bottom:1%; top:auto } .hz-op-content h1,.z-change-h1 h6 { font-size:65px; line-height:68.4px } .hz-op-content h1 span:before,.z-change-h1 h6 span:before { height:30px; bottom:-7px } .hz-op-content .line-bottom-heading,.portfolio-content-wrap { margin-bottom:40px } .hz-op-content p { font-size:11px; max-width:910px; line-height:17.42px; margin-top:25px } .hz-rc-content a i,.oh-box h2 { font-size:12px } .hz-our-Philosophy { padding-top:40px } section.hz-our-certification,section.our-heritage { padding:40px 0 } .fa-18.hz-sec-text { font-size:10px; max-width:500px; margin:15px auto 0 } .oh-icon { width:105px; height:105px; top:-40px } .oh-icon img { max-width:40px } .oh-box h2 { line-height:13.4px } .oh-box h3 { font-size:19px; line-height:21px; margin-bottom:10px } .oh-box p { font-size:10px; line-height:16.16px; max-width:190px } .hz-oh-row { margin-top:80px; min-height:315px } .hz-brand-img img { max-width:180px; max-height:60px } .hz-brand-box p { font-size:10px; line-height:15.35px; max-width:230px; margin-top:20px } .hz-brand-wrapper,section.i-digital-service { padding:70px 0 } .fa-100,.oc-left-content .fa-100 { font-size:60px } .oc-left-content h2 { margin-bottom:10px; line-height:70px } .oc-left-content .fa-18 { font-size:10px; max-width:360px } .oc-right-content img { max-width:150px } .hz-oc-logos img { max-width:190px; max-height:110px } .hz-oc-logos,.i-digital-step .step-process-row,.portfolio-tab-content .tab-pane { margin-top:60px } .hz-our-affiliations { padding:60px 0 30px } .color-blur-circle.color-blur-circle-820 { width:420px; height:420px } span.banner-circle { width:1200px; height:1200px; top:-730px; right:-490px } span.banner-circle:after { width:calc(100% - 250px); height:calc(100% - 250px) } .banner-right-img img { width:170px; height:170px } .rounded-first { top:120px; right:450px } .rounded-second { top:280px; right:230px } .rounded-third { top:320px; right:-30px } .oa-logo { width:200px; height:200px } .oa-logo img { max-width:110px; max-height:80px } .hz-rc-content h2 { font-size:24.9091px; line-height:28.3px; max-width:200px; margin-bottom:10px } .hz-rc-inner .oh-icon { width:90px; height:90px } .hz-rc-content p { font-size:9px; line-height:15.35px; margin:25px auto 10px } .hz-rc-content a { font-size:10px; line-height:12px } .hz-rc-box { min-height:330px; padding:14px } .hz-rc-inner { margin-bottom:-180px } .hz-oucrcate-row { margin-top:80px } section.hz-our-categories { padding:110px 0 70px } .hz-oc-btn,.professional-step-z .step-inner { margin-top:30px } .hz-oucrcate-row [class*=col-] { padding:0 10px } .step-box .oh-icon { top:-50px; width:85px; height:85px } .step-box .oh-icon h2 { font-size:41.64px } .step-box { max-width:155px; min-height:150px; border-radius:6px } .gyp-row,.linear-border:before { border-radius:18px } .step-box>h2 { font-size:20px; margin:40px 0 10px } .step-box p { font-size:8px; line-height:13.62px; max-width:130px } section.step-process { padding:60px 0 } section.i-restaurant-banner:before,.left-blue-circle-800:before,.right-blue-circle-800:after { width:500px; height:500px } .left-blue-circle-800:before { left:-360px } .right-blue-circle-800:after { right:-360px } .step-process-row [class*=col-]:not(:last-child) .step-box:after { background-size:40px; left:calc(100% + 22px) } .step-process-row { margin-top:120px } .ecom-pricing,section.portfolio-project .row .row { margin-top:40px } .step-box:hover { -webkit-box-shadow:0 0 20px #00000042; box-shadow:0 0 20px #00000042 } .banner-left-content p { font-size:11px } .services-text-left p { font-size:11px; line-height:19px; max-width:calc(100% - 130px); margin:25px 0 15px } .services-text-left ul li { font-size:13px; line-height:13px; padding:18px 0; letter-spacing:-.72px } .services-text-left .next-section { font-size:9.0575px } .services-text-left .next-section i { font-size:10px } .services-text-left ul { margin-bottom:15px } .image-resource-service.service-circle-img img { max-width:390px; max-height:390px } .image-resource-service img.ecom-rounded-img { max-width:290px } .image-resource-service.service-small-circle img { max-width:350px; max-height:350px } .image-resource-service.service-circle-img:before,.industry-plans-real-estate .image-resource-service.service-circle-img:before { width:400px; height:400px } .image-resource-service.service-small-circle:before { width:350px; height:350px } .service-sec-rotate .services-text-left p { max-width:calc(100% - 90px) } .service-text-right { padding-left:30px } .bg-circle-lines:after { height:852px } .gyp-content h2 { line-height:59px } .gyp-content p { font-size:11px; margin:25px 0 20px } .gyp-row { padding:50px 60px } .gyp-row [class*=col-] img { max-width:450px; top:calc(50% - 45px) } .fa-92 { font-size:48px } .fa-166 { font-size:96px } .content-right-column .letter-spacing-9 { letter-spacing:-6px } .content-right-column .fa-224.letter-spacing-55 { letter-spacing:-7.5px } .fa-85 { font-size:45px } .fa-39 { font-size:22.9091px } .mx-674,.services-text-left .mx-674 { max-width:414px } .ecom-pricing { max-width:690px; padding:50px 40px 30px } .pricing-items h2 { font-size:13px; margin-bottom:15px } .ecom-pricing .pricing-items ul li { font-size:11px; margin-bottom:13px } .pakage-desc p { font-size:9px; max-width:360px } .ecom-pricing .btn-reg.btn-gradient { max-width:150px; font-size:11px; bottom:-19px } .fa-40 { font-size:25px } .hz-bpo-three .text-resources-service p { font-size:12px; max-width:470px } .hz-bpo-three .cols-ar-img-service:not(:last-child) { margin-right:15px } .linear-border:after { border-radius:18px; left:-2px; top:-1px; height:calc(100% + 2px) } .hz-bpo-three .hz-linear-change .linear-border:first-child:after,.hz-bpo-three .hz-linear-change .linear-border:nth-child(3):after { width:calc(100% + 2px); left:-1px; top:-1px } .hz-bpo-three .hz-linear-change .linear-border:nth-child(2):after { width:calc(100% + 2px); left:-1px; bottom:-1px } .mx-900 { max-width:610px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form { max-width:365px } .fa-130 { font-size:80px } .i-digital-banner { padding:150px 0 } .i-digital-step .step-inner { max-width:850px; padding:30px 50px 50px } .i-digital-step .step-box .oh-icon { width:130px; height:130px } .i-digital-step .step-box .oh-icon h2,.pa-content h2 { font-size:18px } .i-digital-step .step-box p { font-size:10px; margin-top:25px } .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after { top:70px } .ids-wrapper p { font-size:12px; line-height:21.9px; max-width:800px; margin-top:20px } .ids-wrapper { min-height:290px } ul.industry-list li { font-size:11px; padding:10px 0; max-width:320px; letter-spacing:0 } .image-resource-service.service-circle-img.i-circle-service:before { height:410px } .industry-price-panel>h2 { font-size:33px } .industry-price-panel>p { max-width:200px; margin-bottom:20px } .industry-price-panel .pricing-flex-play,.service-head { margin-bottom:10px } .industry-price-panel .pricing-flex-play h3 { font-size:20.669px } .industry-price-panel .pricing-items h2 { font-size:13px } .industry-pricing .column-responsive-pricing { margin-top:90px } .contact-section.contact-nft.industry-contact .contact-main-area p { max-width:460px } .rw-head { font-size:128.974px; margin-bottom:-24px } .related-work-slider { padding:20px 0 } .rw-slide { height:240px } .rw-slide.slick-slide.slick-current+.rw-slide img,.rw-slide:hover img { -webkit-transform:translateY(-40px) scale(.9); -ms-transform:translateY(-40px) scale(.9); transform:translateY(-40px) scale(.9) } .related-work-slider:before { border-radius:50px } .web-porfolio-img,.web-porfolio-img:before { border-radius:30px } .related-work-slider ul.slick-dots li button { width:35px; height:3px } .rw-slide h2 { font-size:16px } .related-work-slider ul.slick-dots { bottom:40px } .contact-section.hz-contact-bpo.industry-contact { padding:100px 0 160px } .industry-d:before { top:130px } .contact-section.contact-nft.industry-d .contact-main-area,.contact-section.contact-nft.industry-professional .contact-main-area.radius-60 { border-radius:40px } .e-banner-img img { max-width:400px } section.i-ecommerce-banner { padding:170px 0 100px } .ie-bag,.ie-cart { max-width:90px } .ie-bag { top:-60px } .i-ecom-step .step-box .oh-icon { -webkit-box-shadow:0 11px 50px #ffb800; box-shadow:0 11px 50px #ffb800 } .industry-plans-ecommerce .ids-wrapper { -webkit-filter:drop-shadow(0px 17px 13px rgb(229 175 33/70%)); filter:drop-shadow(0px 17px 13px rgb(229 175 33/70%)) } .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img { max-height:420px } section.charges-remind p { font-size:14.9126px } .ie-cart { left:20px; top:-40px } section.i-restaurant-banner { padding:120px 0 50px } .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form { max-width:280px } .industry-plans-restaurants .industry-price-panel>h2 { font-size:32px } .color-before-professional>h2 { font-size:24px; min-height:70px } .contact-section.industry-contact.industry-professional { padding:60px 0 110px } .professional-banner .medical-banner-z-img { max-width:58% } .modal-logo img { max-width:125px } .modal-main-wrap .modal-inner h6 { font-size:42.0553px } .service-head { font-size:12.8372px } form.modal-form .form-group input,form.modal-form .form-group textarea { font-size:10px; padding:8px 13px; border-radius:5.76849px } .app-design-tab .py-190-130,form.modal-form .form-group { padding:10px 0 0 } .main-modal .modal-body .btn-close { font-size:24px; width:20px; height:20px; top:25px } .main-modal .modal-body { padding:20px 50px 50px } .main-modal .modal-dialog,.porfolio-app-img img { max-width:410px } .main-modal .btn-reg.btn-gradient { padding:9px 0; max-width:150px; bottom:-20px } .p-banner-content .col-lg-8:before { width:500px; height:490px } .mx-795 { max-width:490px } .banner-section.portfolio-banner { padding:250px 0 100px } .portfolio-tabs li a { font-size:12px; padding:14px 16px; margin:0 12px; min-width:140px } .portfolio-tabs { max-width:780px } .portfolio-tabs li a:before { border-radius:13px } section.portfolio-sec2 { padding:50px 0 } .web-porfolio-img img { height:230px; border-radius:12px; -webkit-box-shadow:0 4px 20px rgb(0 0 0/20%); box-shadow:0 4px 20px rgb(0 0 0/20%) } .web-porfolio-img { padding:20px; margin-bottom:20px } .web-porfolio-img:after { border-radius:30px; border-width:2px } .portfolio-app-content p { max-width:380px; margin:10px 0 20px } .port-video { margin-bottom:20px; border-radius:15px } .port-video h2 { font-size:22.3799px; bottom:30px } button.port-video-play { width:100px; height:100px; margin-bottom:60px } button.port-video-play i { font-size:30px } .portfolio-modal .modal-dialog { max-width:560px } .portfolio-modal .modal-body video { border-radius:14px; height:295px } .portfolio-modal .modal-content .btn-close { top:-30px; right:-20px; font-size:30px } .pa-content p { font-size:9px; max-width:170px } .port-inner-process { padding:70px 0 20px } .pp-content h2 { font-size:11px; padding:13px 14px; min-width:120px; border-radius:8px } .pp-content p { font-size:8px; margin-top:10px; max-width:150px } .pi-inner-wrap>p { max-width:620px } .port-process-mobile:after,.port-process-mobile:before { top:110px } .pi-btn-text h2 { padding:15px; border-radius:13px; font-size:11px } .pi-btn-text p { font-size:9px; margin:7px 0 0 8px } .pi-inner-wrap>.row { min-height:470px } .pip-content { padding:90px 0 120px } .emerging-tech-nft .step-process-row .col-lg-3 { max-width:25% } .nfts-process .step-box { min-width:165px; padding-bottom:15px } .nfts-process .step-box h3 { font-size:106.621px } .nfts-process .step-box .oh-icon img { max-width:50px; max-height:60px } .emerging-tech-nft .services-text-left .mx-685 { max-width:415px } .contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form { max-width:330px } .three-pricing .row-pricing-servicess > div { max-width:100%; } } @media (max-width:991px) { span.banner-circle { width:1000px; height:1000px; top:-620px; right:-510px } span.banner-circle:after { width:calc(100% - 180px); height:calc(100% - 180px) } .banner-right-img img { width:130px; height:130px } .rounded-first { top:100px; right:280px } .banner-section,.i-digital-banner { padding:180px 0 } .rounded-second { top:210px; right:150px } .rounded-third { top:270px; right:-20px } .ie-bag,.oh-icon { top:-40px } img.rounded-absolute { bottom:-15px } .banner-left-content .fa-110 { font-size:55px } .banner-left-content span a { font-size:13.06px; line-height:14.46px } .banner-left-content span i { font-size:16px } .fa-70 { font-size:35px; letter-spacing:-1px } .wfy-box { padding:20px 30px 20px 20px; min-height:205px } .wfy-box .wfy-content h2 { font-size:15px; line-height:18px; font-weight:600 } .wfy-box .wfy-content p { font-size:13px; line-height:16.35px } .wfy-img img { max-width:60px; max-height:60px } span.hz-wfy-left-blue,span.hz-wfy-right-blue { top:-1% } span.hz-wfy-right-blue { bottom:-2%; top:auto } .hz-op-content h1,.z-change-h1 h6{ font-size:50px; line-height:55.4px } .hz-op-content .line-bottom-heading,.port-gray-text,.portfolio-content-wrap { margin-bottom:30px } .hz-op-content p { font-size:13px; max-width:650px; line-height:19.42px; margin-top:20px } section.our-heritage,section.related-work { padding:20px 0 } .fa-18.hz-sec-text { font-size:13px; max-width:530px } .oh-icon { width:80px; height:80px; -webkit-box-shadow:0 10px 25px rgb(94 214 255/70%); box-shadow:0 10px 25px rgb(94 214 255/70%) } .oh-icon img { max-width:34px } .oh-box h3 { font-size:16px; line-height:15px } .hz-oh-row { min-height:265px; margin-top:70px } .oh-box h2 { margin:10px 0 } .oh-box p { max-width:160px } .hz-our-brand,section.i-digital-service { padding:50px 0 } .hz-brand-box p { font-size:12px; line-height:17.35px } .hz-brand-img img { max-width:170px; max-height:50px } .hz-brand-wrapper { padding:30px 60px; margin-top:40px } .hz-brand-img { min-height:70px } section.hz-our-certification { padding:30px 0 } .oc-left-content h2 { line-height:60px } .oc-left-content .fa-100,section.i-digital-service h1 { font-size:45px } .oc-left-content .fa-18 { font-size:13px; max-width:460px; margin-bottom:30px } .oc-right-content { padding:0; -ms-flex-pack:distribute; justify-content:space-around } .hz-oc-logos img { max-width:160px; max-height:100px } .hz-oc-logos { -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-top:40px } .oa-logo:first-child { margin-right:20px } .oa-logo { width:180px; height:180px } .oa-logo img { max-width:100px; max-height:70px } .hz-our-affiliations { padding:40px 0 20px } .letter-spacing-5 { letter-spacing:-3px } .hz-rc-content p { font-size:12px; line-height:18.35px } .banner-left-content p,.hz-rc-content a,.i-digital-step .step-box p { font-size:12px } .hz-rc-content a i { font-size:14px } .hz-oucrcate-row { margin-top:60px } section.hz-our-categories { padding:80px 0 60px } .hz-rc-box { margin-bottom:20px; padding:30px } .step-box { max-width:165px; min-height:160px } .step-box p { font-size:10px; line-height:15.62px; max-width:150px } .step-box>h2 { margin:35px 0 8px } .step-box .oh-icon { width:80px; height:80px; top:-45px } .step-process-row [class*=col-]:not(:last-child) .step-box:after { background-size:32px; left:calc(100% + 3vw) } .step-process-row { margin-top:100px } .left-blue-circle-800:before,.right-blue-circle-800:after { width:400px; height:400px } .right-blue-circle-800:after { right:-340px } .left-blue-circle-800:before { left:-340px; top:20px } .services-text-left h3 br,.text-resource-services-section.hz-bpo-three .cols-ar-img-service.big-devops-box:after,.text-resource-services-section.hz-bpo-three .cols-ar-img-service:after { display:none } .services-text-left .fa-100 { font-size:34px } .letter-spacing-3 { letter-spacing:-2px } .services-text-left p { font-size:12px; max-width:calc(100% - 80px); margin:20px 0 15px } .services-text-left .big-flex-list li,.services-text-left ul li { -webkit-box-flex:0; -ms-flex:0 0 46%; flex:0 0 46%; padding:12px 0 } .services-text-left .next-section { font-size:11.0575px } .services-text-left .next-section i { font-size:13px } .image-resource-service.service-circle-img:before,.industry-plans-real-estate .image-resource-service.service-circle-img:before { width:310px; height:310px } .image-resource-service.service-circle-img img { max-width:300px; max-height:300px } .image-resource-service img.ecom-rounded-img { max-width:220px } .image-resource-service.service-circle-img { margin:0 } .service-sec-rotate .services-text-left p { max-width:calc(100% - 50px); } .ml-minus-40 { margin-left:-20px } .mt-40 { margin-top:20px } .image-resource-service.service-small-circle img { max-width:250px; max-height:280px } .gyp-row { padding:30px; border-radius:15px } .gyp-content h2 { font-size:32px; max-width:190px; line-height:40px } .gyp-content p { margin:15px 0 20px; max-width:290px } .gyp-row [class*=col-] img { max-width:330px; top:calc(50% - 35px) } section.get-your-app { padding:80px 0 30px } .fa-85,.fa-92 { font-size:38px } .section-pricing.three-pricing .col-pricing { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 10px); flex:0 0 calc(50% - 10px); margin-bottom:60px } .fa-166 { font-size:76px } .bpo-sec .hz-rc-content h2 { font-size:25.4488px; line-height:31.34px; max-width:230px } .bpo-sec .hz-rc-content p,.contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form,.contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form { max-width:240px } section.bpo-sec { padding:40px 0 90px } .mx-900 { max-width:560px } section.bpo-sec .mt-5 { margin-top:20px!important } .text-resource-services-section.hz-bpo-three .cols-ar-img-service.big-devops-box { max-width:initial; background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(-25.58%,#fff),color-stop(101.03%,rgba(255,255,255,0))); background:-o-linear-gradient(0,#fff -25.58%,rgba(255,255,255,0) 101.03%); background:linear-gradient(0,#fff -25.58%,rgba(255,255,255,0) 101.03%) } .text-resource-services-section.hz-bpo-three .cols-ar-img-service { max-width:initial; min-height:160px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .text-resource-services-section.hz-bpo-three .cols-ar-img-service.big-devops-box:before,.text-resource-services-section.hz-bpo-three .cols-ar-img-service:before { background:-webkit-gradient(linear,left top,left bottom,from(0),color-stop(-25.58%,#fff),color-stop(101.03%,rgba(255,255,255,0))); background:-o-linear-gradient(0,#fff -25.58%,rgba(255,255,255,0) 101.03%); background:linear-gradient(0,#fff -25.58%,rgba(255,255,255,0) 101.03%) } .cols-ar-img-service img { max-width:120px; max-height:80px } .contact-section.hz-contact-bpo { padding:60px 0 130px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form { max-width:325px } .fa-130 { font-size:60px } .i-digital-banner .banner-left-content p { margin:20px auto 0; max-width:460px } .i-digital-step .step-box .oh-icon { width:110px; height:110px } .i-digital-step .step-box .oh-icon h2 { font-size:15px } .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after { left:calc(100% + 10px) } .ids-wrapper p { font-size:13px; max-width:550px } .ids-wrapper { min-height:260px } ul.industry-list li { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% } .image-resource-service.service-circle-img.i-circle-service:before { height:330px } .contact-section.contact-nft.industry-d .contact-main-area { border-radius:30px } .contact-section.hz-contact-bpo.industry-contact { padding:50px 0 120px } .rw-head { font-size:98.974px; margin-bottom:-15px } .related-work-slider .slick-track { padding:70px 0 } .related-work-slider ul.slick-dots { bottom:30px } .e-banner-img img { max-width:320px } .ie-bag,.ie-cart { max-width:70px } .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img { max-height:330px } .charges-remind.py-110 { padding-top:40px; padding-bottom:40px } .contact-section.industry-contact .contact-main-area.radius-60,.radius-60 { border-radius:40px } .industry-plans-ecommerce .icon-tick i { top:2px } .industry-plans-restaurants .e-banner-img img { -webkit-animation:none; animation:none; max-height:310px } section.i-restaurant-banner:before { width:380px; height:380px } section.professional-banner { padding:140px 0 70px } .p-banner-content .col-lg-8:before { width:335px; height:330px } .mx-795 { max-width:360px } .banner-section.portfolio-banner { padding:210px 0 140px } .p-banner-imgs img:nth-child(2) { left:15% } .p-banner-imgs img:nth-child(4) { right:15% } .portfolio-tabs li a { font-size:12px; padding:12px 15px; margin:0 10px; min-width:120px } .portfolio-tabs li a:before { border-radius:12px; background:#eef5fe } .web-porfolio-img img { height:160px; border-radius:8px; -webkit-box-shadow:0 4px 14px rgb(0 0 0/20%); box-shadow:0 4px 14px rgb(0 0 0/20%) } .web-porfolio-img { border-radius:16px; padding:17px } .web-porfolio-img:after,.web-porfolio-img:before { border-radius:20px } .porfolio-app-img img { max-width:310px } .app-design-tab .py-190-130 { padding:50px 0 0 } .portfolio-modal .modal-content .btn-close { font-size:40px; top:-40px } .port-video { height:190px; margin-bottom:15px } .port-inner-video { height:100% } .port-video h2 { font-size:18px; bottom:20px } button.port-video-play { width:80px; height:80px; margin-bottom:40px } button.port-video-play i { -webkit-filter:drop-shadow(0px 6px 8px rgba(0,0,0,.4)); filter:drop-shadow(0px 6px 8px rgba(0,0,0,.4)) } section.portfolio-about { padding:100px 0 30px } .pa-content h2 { font-size:20px } .pa-content p { font-size:11px; max-width:100% } .port-inner-process { padding:50px 0 20px } .port-process-mobile img { width:calc(100% + 142px); -webkit-transform:translateX(-74px); -ms-transform:translateX(-74px); transform:translateX(-74px) } .portfolio-inner-banner .max-w-100vh { max-width:50% } .pi-btn-text h2 { padding:17px; border-radius:12px; font-size:13px } .pi-btn-text p { margin:10px 0 0 8px } .port-process-mobile:after,.port-process-mobile:before { width:8vw; height:22vw; left:-10px } .port-process-mobile:after { left:auto; right:-10px } .pi-inner-wrap>.row { min-height:auto } .pip-content { padding:12vw 0 9vw } .portfolio-project { padding:130px 0 30px } img.pp-right-img { top:100px; max-width:39% } section.portfolio-project .row .row { margin-top:30px } .pp-content p { font-size:10px; max-width:100% } .pi-slide img { max-width:initial; width:19vw; height:40.5vw } .pi-slide.slick-current+.pi-slide { -webkit-transform:scale(1.16) translateY(-1.6vw); -ms-transform:scale(1.16) translateY(-1.6vw); transform:scale(1.16) translateY(-1.6vw) } .pi-slide.slick-current+.slick-slide:before { width:26vw; height:calc(100% + 2vw) } .port-inner-slider-sec { padding:17vw 0 10vw } .port-inner-slider .slick-track { padding:7vw 0 } .portfolio-drink .port-process-mobile img { width:calc(100% + 90px); -webkit-transform:translateX(-48px); -ms-transform:translateX(-48px); transform:translateX(-48px); padding:34px 0 } .portfolio-bata .port-process-mobile img { width:70%; -webkit-transform:translateX(22%); -ms-transform:translateX(22%); transform:translateX(22%); padding:30px 0 } .portfolio-ocala .port-process-mobile img { width:118%; -webkit-transform:translateX(-8%) translateY(12%); -ms-transform:translateX(-8%) translateY(12%); transform:translateX(-8%) translateY(12%); padding-bottom:80px } .nfts-process .step-box { margin:0 auto } .emerging-tech-nft .step-box .oh-icon { top:-55px } .emerging-tech-nft .services-text-left .mx-685 { max-width:305px } .contact-section.contact-nft .contact-main-area { border-radius:35px } .circle-modal:after { width:530px; height:530px; } } @media (max-width:767px) { .content-right-column h1,.content-right-column h4,.emerging-tech-nft .services-text-left,.hz-oc-logos>div,.nfts-right-img,.pi-btn-text,.porfolio-app-img,.port-process-mobile,.portfolio-app-content,.rw-slide h2 { text-align:center } span.banner-circle { width:900px; height:900px; top:-590px; right:-520px } span.banner-circle:after { width:calc(100% - 150px); height:calc(100% - 150px) } .banner-right-img img { width:100px; height:100px } .rounded-first { top:80px; right:195px } .rounded-second { top:160px; right:100px } .rounded-third { top:210px; right:-20px } .banner-left-content .fa-110,section.portfolio-about .fa-150 { font-size:45px } .banner-left-content span a { font-size:12.06px; line-height:13.46px } .banner-left-content span i { font-size:15px } .banner-left-content span { margin-top:30px } .banner-section { padding:150px 0; } .fa-70 { font-size:28px; line-height:normal } .wfy-box .wfy-content h2 { font-size:17px; line-height:20px } .wfy-box .wfy-content p { line-height:17.35px } .wfy-img img { max-width:120px; max-height:80px } .wfy-box { max-width:420px; margin:0 auto 15px } span.hz-wfy-left-blue,span.hz-wfy-right-blue { height:44.5%; top:-2% } span.hz-wfy-right-blue { bottom:2%; top:auto } .hz-op-content h1,.z-change-h1 h6{ font-size:40px; line-height:50.4px } .hz-op-content h1 span:before,.z-change-h1 h6 span:before { height:26px; bottom:-4px } .hz-op-content p { max-width:500px } .fa-18.hz-sec-text { max-width:470px } .hz-oh-row { background:0 0; position:relative; min-height:auto; margin-top:90px } .oh-box p { font-size:13px; line-height:19.16px; max-width:230px } .oh-box { padding:0; background:-webkit-gradient(linear,left top,left bottom,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(top,#459aff,#5ed6ff); background:linear-gradient(to bottom,#459aff,#5ed6ff); border-radius:50%; max-width:370px; margin:-20px auto 0; min-height:350px; position:relative; z-index:1 } .oh-box:before { content:''; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:90%; height:90%; background:#fff; border-radius:50%; z-index:-1 } .hz-oh-row [class*=col-]:not(:last-child) { margin-bottom:80px } .hz-brand-wrapper .col-lg-3:not(:last-child) .hz-brand-box,.hz-oc-logos>div,.oa-left { margin-bottom:20px } .oh-box h2 { font-size:15px; line-height:15.4px } .oh-box h3 { font-size:19px; line-height:20px } .oh-icon { width:99px; height:90px } .oh-icon img { max-width:36px } .hz-our-brand { padding:40px 0 } .hz-brand-img img { max-width:180px; max-height:60px } .hz-brand-box p { font-size:14px; line-height:20.35px } .hz-brand-wrapper { padding:50px 60px; border-radius:50px } .fa-100,.fa-166,.oc-left-content .fa-100 { font-size:40px } .oc-right-content img { max-width:120px } .hz-oc-logos { -ms-flex-flow:wrap; flex-flow:wrap; -webkit-box-pack:center!important; -ms-flex-pack:center!important; justify-content:center!important } .hz-oc-logos>div { -webkit-box-flex:33%; -ms-flex:33%; flex:33% } .hz-oc-logos img { max-width:170px; max-height:100px } .oa-right { -ms-flex-flow:wrap; flex-flow:wrap } .oa-logo { width:150px; height:150px } .oa-logo img { max-width:90px; max-height:60px } .oa-logo:nth-child(2n) { margin-right:20px } .hz-our-affiliations { padding:30px 0 10px } .hz-rc-content h2 { font-size:24.9091px; line-height:29.3px; max-width:200px } .hz-rc-inner { margin-bottom:-200px } section.hz-our-categories { padding:70px 0 50px } .hz-oucrcate-row,.i-digital-step .step-process-row,.portfolio-tab-content .tab-pane { margin-top:50px } .step-process-row { margin-top:90px } .step-process-row [class*=col-]:not(:last-child) .step-box { margin-bottom:130px } .step-process-row [class*=col-]:not(:last-child) .step-box:after { left:50%; -webkit-transform:translateX(-70%) rotate(90deg); -ms-transform:translateX(-70%) rotate(90deg); transform:translateX(-70%) rotate(90deg); background-size:40px; width:40px; bottom:-55px; top:auto } .step-box .oh-icon h2 { font-size:35.64px; line-height:normal } .step-box>h2 { margin:30px 0 10px } .step-box .oh-icon { -webkit-box-shadow:0 10px 20px rgb(0 0 0/20%); box-shadow:0 10px 20px rgb(0 0 0/20%) } .left-blue-circle-800:before,.right-blue-circle-800:after { width:700px; height:700px } .left-blue-circle-800:before { left:-570px; top:auto; bottom:0 } .right-blue-circle-800:after { right:-570px } .image-resource-service.service-circle-img img { position:relative; display:block; margin:0 auto; -webkit-transform:none; -ms-transform:none; transform:none; left:auto } .services-text-left { padding-top:60px } .services-text-left.service-text-right { padding-left:0 } .services-text-left{ margin-bottom:40px; } .services-text-left ul li { -webkit-box-flex:0; -ms-flex:0 0 33%; flex:0 0 33%; padding:14px 0; letter-spacing:0 } .services-text-left .big-flex-list li { -webkit-box-flex:0; -ms-flex:0 0 36%; flex:0 0 36%; padding:14px 0 } .column-reverse { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse } .gyp-content h2 { font-size:28px; max-width:180px; line-height:30px } .gyp-row [class*=col-] img { max-width:250px; top:calc(50% - 5px) } .gyp-row { padding:25px; border-radius:12px } .rw-slide,.rw-slide img { border-radius:10px } section.get-your-app { padding:20px 0 } .fa-85,.fa-92 { font-size:32px } .section-pricing.three-pricing .col-pricing { -webkit-box-flex:1; -ms-flex:auto; flex:auto; margin:0 } .content-right-column .fa-224.letter-spacing-55 { letter-spacing:-1.5px; text-align:center } .content-right-column .letter-spacing-9 { letter-spacing:-2px } .hz-rc-box { padding:15px } .hz-rc-content p { font-size:11px; line-height:16.35px } section.bpo-sec { padding:30px 0 90px } .bpo-sec .hz-rc-content h2 { font-size:21.4488px; line-height:27.34px; max-width:190px } .bpo-sec .hz-rc-content .hz-rc-inner { margin-bottom:-180px } .bpo-sec .hz-rc-box:hover .hz-rc-content .hz-rc-inner { margin:0 } industry-plans-real-estate .services-text-left,section.text-resource-services-section.hz-bpo-three { padding-top:30px } .contact-section.hz-contact-bpo { padding:40px 0 110px } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form { max-width:225px } .fa-130 { font-size:50px } .i-digital-banner .banner-left-content p,.pi-btn-text p { font-size:13px } .i-digital-step .step-process-row [class*=col-]:not(:last-child) .step-box:after { top:auto; left:50%; bottom:-75px } .i-digital-step .step-box .oh-icon { width:130px; height:130px } .i-digital-step .step-box .oh-icon h2 { font-size:17px; line-height:21px } .i-digital-step .step-inner { max-width:350px; padding:40px 50px 50px; outline:#89a5d040 solid 2px; border-radius:40px } section.i-digital-service h1 { font-size:35px } .ids-wrapper p { font-size:12px; max-width:400px } .ids-wrapper { min-height:240px } section.i-digital-service { padding:30px 0 } ul.industry-list li { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% } .image-resource-service.service-circle-img.i-circle-service:before { height:310px; top:57%; -webkit-transform:translate(-50%,-57%); -ms-transform:translate(-50%,-57%); transform:translate(-50%,-57%) } .rw-head { font-size:72.974px; margin-bottom:-10px } .rw-slide { height:150px; margin:0 10px } .rw-slide h2 { width:100%; font-size:13px } .rw-slide.slick-slide.slick-current+.rw-slide h2,.rw-slide:hover h2 { bottom:15px } .rw-slide.slick-slide.slick-current+.rw-slide img,.rw-slide:hover img { -webkit-transform:translateY(-35px) scale(.9); -ms-transform:translateY(-35px) scale(.9); transform:translateY(-35px) scale(.9) } .related-work-slider .slick-track { padding:50px 0 } .related-work-slider:before { border-radius:30px } .related-work-slider ul.slick-dots li button { width:25px } .contact-section.hz-contact-bpo.industry-contact { padding:50px 0 90px } .e-banner-img img { max-width:250px; -webkit-animation:none; animation:none } section.i-ecommerce-banner { padding:130px 0 70px } section.charges-remind p { font-size:13.9126px } .industry-plans-real-estate .image-resource-service.service-circle-img:before { -webkit-transform:translate(-50%,-60%); -ms-transform:translate(-50%,-60%); transform:translate(-50%,-60%); width:300px; height:300px } .industry-plans-real-estate section.text-resource-services-section.py-190-130 { padding-top:65px; padding-bottom:0 } .contact-section.contact-nft.industry-contact .contact-main-area p { max-width:340px } .industry-plans-real-estate .column-responsive-pricing ul.slick-dots li.slick-active button { background:#a98846 } .industry-plans-real-estate .column-responsive-pricing ul.slick-dots li button { border-color:#a98846 } .industry-plans-restaurants .e-banner-img img { max-height:230px } section.i-restaurant-banner:before { width:300px; height:300px } section.i-restaurant-banner { padding:120px 0 50px } .industry-plans-restaurants .i-res-circle-img:before { top:50%; -webkit-transform:translate(-50%,-55%); -ms-transform:translate(-50%,-55%); transform:translate(-50%,-55%) } .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li button { border-color:#a77451 } .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li.slick-active button { background:#a77451 } .contact-section.contact-nft.hz-contact-bpo.industry-res .contact-main-area .col-lg-4 img.image-nft-form { max-width:200px } .emerging-tech-nft .services-text-left .mx-685,.emerging-tech-nft .services-text-left p,.mx-674,.services-text-left .mx-674 { max-width:100% } .p-banner-content .col-lg-8:before { width:325px; height:320px } .p-banner-imgs img:nth-child(2) { left:13% } .p-banner-imgs img:nth-child(4) { right:10% } .banner-section.portfolio-banner { padding:190px 0 120px } .p-banner-imgs img:nth-child(3) { right:13% } .portfolio-tabs li a { font-size:12px; padding:10px 15px; margin:0 7px; min-width:110px } .portfolio-tabs { row-gap:20px } .portfolio-grid a { -webkit-box-flex:0; -ms-flex:0 0 49%; flex:0 0 49%; margin-bottom:10px } .web-porfolio-img img { height:130px } .web-porfolio-img { padding:14px; margin-bottom:15px } .web-porfolio-img:nth-child(2n) { -webkit-transform:translateY(40px); -ms-transform:translateY(40px); transform:translateY(40px) } .portfolio-app-content { padding-top:40px } .portfolio-app-content p { max-width:410px; margin:10px auto 20px } .portfolio-tabs li a:before { background:#f9fcff } .port-video { height:160px; border-radius:12px; margin-bottom:10px } .port-video h2 { font-size:16px } button.port-video-play { width:65px; height:65px; margin-bottom:30px } button.port-video-play i { font-size:24px } .portfolio-modal .modal-dialog { max-width:440px } section.portfolio-about { padding:80px 0 40px } .pi-inner-wrap>.row .col-md-6 { -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1 } .pi-inner-wrap>.row .col-sm-6 { -webkit-box-ordinal-group:3; -ms-flex-order:2; order:2 } .port-inner-process .left-blue-circle-800:before,.port-inner-process .right-blue-circle-800:after,.port-process-mobile:after,.port-process-mobile:before,img.pp-right-img { display:none } .port-process-mobile img,.portfolio-drink .port-process-mobile img { width:100%; -webkit-transform:unset; -ms-transform:unset; transform:unset } .pip-content { padding:20px 0 0 } .pi-btn-text h2 { font-size:14px; padding:16px; min-width:170px } .pi-btn-text { margin-bottom:40px } .pi-inner-wrap>p { margin-top:30px; max-width:450px } .portfolio-project { padding:80px 0 30px } .pi-slide img { width:auto; height:auto; max-width:170px; min-height:365px } .pi-slide:before { width:210px; height:calc(100% + 50px) } .pi-slide.slick-current+.pi-slide { -webkit-transform:scale(1.07) translateY(-1.6vw); -ms-transform:scale(1.07) translateY(-1.6vw); transform:scale(1.07) translateY(-1.6vw) } .pi-slide.slick-current+.slick-slide:before { width:240px; height:calc(100% + 20px) } .port-inner-slider-sec { padding:70px 0 } .portfolio-bata .port-process-mobile img { -webkit-transform:none; -ms-transform:none; transform:none; max-width:220px } .portfolio-ocala .port-process-mobile img { max-width:400px; width:100%; -webkit-transform:unset; -ms-transform:unset; transform:unset; padding:30px 0 20px } .emerging-tech-nft .step-process-row .col-lg-3 { max-width:50% } section.contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form { max-width:160px; top:auto; bottom:-30px; -webkit-transform:unset; -ms-transform:unset; transform:unset } .emerging-tech-augmented-reality .text-resources-service { margin-bottom:35px; } } @media (max-width:575px) { .e-banner-img,.gyp-content,.hz-op-content h1,.z-change-h1 h6,.hz-op-content p,.oa-left,.oc-left-content .fa-18,.oc-left-content h2,.text-resources-service { text-align:center } .image-resource-service.service-circle-img.i-circle-service:before,.industry-plans-real-estate .image-resource-service.service-circle-img:before { width:270px; height:270px } span.banner-circle { width:131%; height:410px; top:-210px; right:auto; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-animation:none; animation:none } .banner-left-content { padding-top:130px; text-align:center } .banner-left-content .fa-110 br,.ie-bag,.ie-cart,section.contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form { display:none } span.banner-circle:after { width:calc(100% - 100px); height:calc(100% - 100px) } .banner-right-img img { width:100px; height:100px } .rounded-first { top:90px; left:15px } .rounded-second { top:125px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:-webkit-fit-content; width:-moz-fit-content; width:fit-content } .rounded-third { top:90px; right:15px } img.rounded-absolute { -webkit-filter:blur(15px); filter:blur(15px); bottom:-8px } .banner-left-content .fa-110 { font-size:29px; letter-spacing:-2px } .banner-left-content span a { font-size:13.06px; line-height:14.46px } .banner-left-content span { margin-top:20px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .banner-section { padding:130px 0 100px } .fa-70 { font-size:22px } .pa-content p,.wfy-box .wfy-content p { font-size:12px } .wfy-img img { max-width:90px; max-height:70px } .wfy-box { max-width:350px } .hz-what-for-you { padding-bottom:80px } .hz-our-Philosophy,.industry-plans-ecommerce .services-text-left,.industry-plans-ecommerce section.text-resource-services-section.py-190-130.bpo-inners,.industry-plans-professional-services section.text-resource-services-section.py-190-130.bpo-inners { padding-top:20px } .hz-op-content h1,.z-change-h1 h6 { font-size:30px; line-height:40.4px } .hz-op-content h1 span:before,.z-change-h1 h6 span:before { height:20px; bottom:1px } .hz-op-content p { font-size:13px; max-width:280px; margin:15px auto 0 } .hz-op-content { padding:0 0 40px } .hz-our-brand .text-center,.oa-left h2,section.our-heritage .fa-70 { letter-spacing:0 } .letter-spacing-3,.oc-left-content h2 { letter-spacing:-1px } .oh-icon { width:90px; height:90px; -webkit-box-shadow:0 8px 25px rgb(94 214 255/70%); box-shadow:0 8px 25px rgb(94 214 255/70%); top:-50px } .oh-icon img { max-width:33px } .oh-box h2 { font-size:14px } .oh-box h3 { font-size:17px } .oh-box p { max-width:220px; font-size:12px } .oh-box { min-height:280px; max-width:290px } .left-line h2:before,.right-line h2:after { height:6px } .right-line h2:after { right:calc(100% + 13px) } .left-line h2:before { left:calc(100% + 13px) } .hz-brand-wrapper { padding:30px 20px; margin-top:30px } .hz-brand-box p { font-size:13px; line-height:18.35px; margin-top:15px } .hz-brand-img img { max-width:170px } section.hz-our-certification { padding:20px 0 } .fa-100,.oc-left-content .fa-100 { font-size:30px } .oc-right-content { -ms-flex-flow:wrap; flex-flow:wrap } .oc-right-content img { max-width:90px } .hz-oc-logos img { max-width:130px; max-height:90px } .hz-oc-logos,.industry-plans-restaurants .industry-pricing .column-responsive-pricing { margin-top:30px } .oa-right .oa-logo { width:140px; height:140px; margin:0 auto 20px } .oa-logo:first-child { margin-right:0 } .oa-right { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } section.hz-our-categories { padding:60px 0 } .hz-rc-box { max-width:270px; margin:0 auto 25px } .hz-rc-inner .oh-icon img { max-width:36px } .hz-oucrcate-row { margin-top:50px } .hz-rc-inner { margin-bottom:-180px } .hz-oc-btn,.industry-plans-professional-services .industry-pricing .column-responsive-pricing { margin-top:20px } .left-blue-circle-800:before,.right-blue-circle-800:after { width:400px; height:400px } .right-blue-circle-800:after { right:-340px; top:80px } .left-blue-circle-800:before { left:-340px; bottom:-40px } .services-text-left .fa-100,section.i-digital-service h1 { font-size:26px } .services-text-left p { max-width:calc(100% - 20px) } .services-text-left .big-flex-list li,.services-text-left ul li { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding:10px 0; letter-spacing:0 } .services-text-left ul li::marker { font-size:18px } .image-resource-service.service-circle-img:before { width:280px; height:280px } .image-resource-service.service-circle-img img { max-width:270px; max-height:270px; width:100%; object-fit:contain; } .image-resource-service img.ecom-rounded-img { max-width:200px; width:100% } .emerging-tech-nft .nfts-right-img,.services-text-left,section.i-ecommerce-banner .banner-left-content { padding-top:40px } .image-resource-service.service-small-circle img { max-width:250px; max-height:280px } .gyp-row { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; margin:0; padding:30px 15px } .gyp-content h2 { max-width:100%; font-size:24px } .gyp-content { margin-top:20px } .gyp-row [class*=col-] img { max-width:220px; display:block; margin:0 auto; position:relative; -webkit-transform:none; -ms-transform:none; transform:none } .emerging-tech-nft .step-process-row .col-lg-3,.gyp-content p { max-width:100% } .digital-services-lead section.text-resource-services-section.py-190-130,.digital-services-seo section.text-resource-services-section.py-190-130,.digital-services-smm section.text-resource-services-section.py-190-130 { padding-top:85px } .content-right-column .fa-224.letter-spacing-55 { letter-spacing:-2.5px } .fa-85,.fa-92 { font-size:35px } section.bpo-sec { padding:20px 0 70px } .hz-bpo-three .container-1560>.row,section.i-ecommerce-banner .row { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse } .text-resource-services-section.hz-bpo-three .cols-ar-img-service { margin:0 10px 30px } .hz-bpo-three .text-resources-service h3,.hz-bpo-three .text-resources-service h1 { letter-spacing:-1px; font-size:30px } .hz-bpo-three .text-resources-service p { max-width:350px; margin:10px auto 0 } .hz-bpo-three .image-ar-unique-service { max-width:300px; margin:0 auto } section.text-resource-services-section.py-190-130.bpo-inners { padding-top:70px } .contact-section.hz-contact-bpo { padding:10px 0 80px } .fa-130 { font-size:31px } .i-digital-banner .banner-left-content p,.i-digital-step .step-inner { max-width:300px } .i-digital-banner .banner-left-content { padding-top:0 } .i-digital-banner { padding:110px 0 } .ids-wrapper { min-height:100%; padding:30px; background-size:cover!important } section.i-digital-service { padding:10px 0 40px } .contact-section.contact-nft.industry-d .contact-main-area { border-radius:20px; outline-width:2px } .rw-head { font-size:48.974px; margin-bottom:-5px } .rw-slide.slick-slide.slick-current img,.rw-slide:hover img { -webkit-transform:translateY(-30px) scale(.9); -ms-transform:translateY(-30px) scale(.9); transform:translateY(-30px) scale(.9); border-radius:0 } .rw-slide.slick-slide.slick-current h2,.rw-slide:hover h2 { bottom:10px; opacity:1 } .rw-slide.slick-slide.slick-current+.rw-slide img { -webkit-transform:none; -ms-transform:none; transform:none; border-radius:10px } .rw-slide img { border:0 } .rw-slide { height:170px } .rw-slide h2 { font-weight:500 } .related-work-slider .slick-track { padding:40px 0 } .related-work-slider ul.slick-dots li button { width:15px; margin:0 2px } .e-banner-img img { max-width:270px } section.i-ecommerce-banner { padding:120px 0 50px } section.i-ecom-step { padding:10px 0 70px } .industry-plans-ecommerce .image-resource-service img.ecom-rounded-img { max-height:290px } section.charges-remind p { font-size:15.9126px } .contact-section.industry-contact .contact-main-area.radius-60,.radius-60 { border-radius:30px } .industry-plans-ecommerce .column-responsive-pricing ul.slick-dots li.slick-active button { background:#ffb800 } .industry-plans-ecommerce .column-responsive-pricing ul.slick-dots li button { border-color:#ffb800 } .section-2.industry-plans-real-estate { padding:50px 0 20px } .industry-plans-restaurants section.step-process { padding:0 0 70px } .professional-banner .medical-banner-z-img { top:80px; max-width:100%; width:auto } .professional-banner .medical-banner-z-img img { max-width:290px; right:auto } .professional-banner img.bg-banner-finance { bottom:280px; -webkit-animation:none; animation:none; width:auto; height:auto; max-width:180px; top:80px; right:30px; left:auto } .professional-banner .banner-left-content { padding-top:180px } .contact-section.contact-nft.industry-professional .contact-main-area.radius-60 { border-radius:20px } .main-modal .modal-body { padding:30px 20px 40px } .modal-logo { text-align:left } .modal-logo img { max-width:130px } .main-modal .modal-body .btn-close { font-size:20px; width:20px; height:20px; top:15px; right:15px; } .main-modal .modal-dialog { max-width:86vw } .modal-main-wrap .modal-inner h6 { font-size:27.0553px } .service-head { margin-bottom:15px } form.modal-form .form-group input,form.modal-form .form-group textarea { font-size:11px; padding:10px 13px } .p-banner-content .col-lg-8:before { width:245px; height:240px } .p-banner-content p { margin:5px auto 0 } .mx-795,.porfolio-app-img img { max-width:260px } .banner-section.portfolio-banner { padding:190px 0 120px } .p-banner-imgs img:first-child { top:23%; max-width:50px } .p-banner-imgs img:nth-child(3) { right:6%; max-width:40px; top:21% } .p-banner-imgs img:nth-child(2) { max-width:50px; bottom:4% } .p-banner-imgs img:nth-child(4) { max-width:40px; bottom:-1% } @-webkit-keyframes portfolio2 { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:.4 } 100% { -webkit-transform:translatex(-20px); transform:translatex(-20px); opacity:1 } } @keyframes portfolio2 { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:.4 } 100% { -webkit-transform:translatex(-20px); transform:translatex(-20px); opacity:1 } } @-webkit-keyframes portfolio1 { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:.4 } 100% { -webkit-transform:translateY(-5px); transform:translateY(-5px); opacity:1 } } @keyframes portfolio1 { 0% { -webkit-transform:translateY(0); transform:translateY(0); opacity:.4 } 100% { -webkit-transform:translateY(-5px); transform:translateY(-5px); opacity:1 } } .portfolio-tabs li a { min-width:100%; margin:0; font-size:12px; padding:12px 8px } .portfolio-tabs li { -webkit-box-flex:0; -ms-flex:0 0 47%; flex:0 0 47% } .portfolio-tabs { -ms-flex-pack:distribute; justify-content:space-around } .portfolio-tabs li a:before { border-radius:10px } .portfolio-tabs li a:after { border-radius:12px } .portfolio-grid a { margin-bottom:5px } .web-porfolio-img { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding:18px; margin-bottom:20px } .pi-slide.slick-current+.pi-slide,.web-porfolio-img:nth-child(2n) { -webkit-transform:unset; -ms-transform:unset; transform:unset } .web-porfolio-img img { height:180px; border-radius:10px } .web-porfolio-img:after,.web-porfolio-img:before { border-radius:15px } .portfolio-content-wrap,section.portfolio-about [class*=col-] .row [class*=col-]:first-child,section.portfolio-about [class*=col-] .row [class*=col-]:nth-child(2) { margin-bottom:0 } .portfolio-app-content { padding:30px 0 } .portfolio-app-content p { max-width:290px } .port-video { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .port-video h2 { font-size:15px } button.port-video-play { width:60px; height:60px } button.port-video-play i { font-size:21px } .portfolio-modal .modal-content .btn-close { top:-50px; right:0 } section.portfolio-about { padding:70px 0 20px } .portfolio-project .fa-150,section.portfolio-about .fa-150 { font-size:43px; text-align:center } .pa-content,.pp-content { margin-top:30px; text-align:center } .port-gray-text { margin-bottom:10px } .pp-content p { font-size:12px; max-width:270px; margin:20px auto 0 } .portfolio-project { padding:40px 0 0 } .pi-slide.slick-current:before { width:240px; height:calc(100% + 20px); opacity:1 } .pi-slide.slick-current+.slick-slide:before { opacity:0; width:210px; height:calc(100% + 50px) } .pi-btn-text h2 { font-size:12px; padding:14px; min-width:130px } .pi-btn-text p { margin:9px auto; font-size:11px } .pi-btn-text { margin-bottom:30px } .pi-inner-wrap>p { margin-top:10px } .portfolio-modal .modal-body video { height:235px } .portfolio-modal .modal-dialog { max-width:92vw } .emerging-tech-nft .services-text-left .mx-685,.emerging-tech-nft .services-text-left p { max-width:300px; margin:20px auto 0 } .contact-section.contact-nft .contact-main-area { border-radius:25px } .policy-sec .fa-40 { font-size:20px } .policy-sec h2:before { height:7px; bottom:-13px } .policy-sec h2 { margin:30px 0 } li.fa-18.line-height-167 { padding-left:20px } .policy-sec ol li:before,.policy-sec ul li:before { width:8px; height:8px; } .service-sec-rotate .services-text-left p { max-width:calc(100% - 0px); margin:10px auto 10px; } .paragraph-bpo p span,.social-contact a span,.social-contact.footer-social a span { flex:0 0 100%; max-width:100%; } .paragraph-bpo p,.social-contact a,.social-contact.footer-social a { flex-flow:wrap; margin:0; text-align:center; } .social-contact.footer-social a span:first-child { max-width:30px; max-height:30px; margin:0 auto 15px!important; } .ecom-services-amazon section.text-resource-services-section.py-190-130 { margin-bottom:45px } .services-text-left ul li { margin:0 auto; } .contact-section.contact-nft.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient { max-width:135px!important; left:50%; transform:translateX(-50%); } .service-sec-rotate .services-text-left p { max-width:100%; margin:10px auto 10px; } } .icon-tick:before,.image-bg-map:before,.left-circle-sec:before { -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); content:'' } @media (max-width:424px) { .banner-right-img img { width:80px; height:80px } .rounded-first { top:110px; left:15px } .rounded-third { top:110px; right:15px } .rounded-second { top:140px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) } .banner-rounded-img { width:-webkit-fit-content; width:-moz-fit-content; width:fit-content } span.banner-circle:after { width:calc(100% - 80px); height:calc(100% - 80px) } .fa-130 { font-size:28px } .rw-head { font-size:42.974px } } @media (max-width:374px) { .web-porfolio-img img { height:160px; border-radius:10px } } * { margin:0; padding:0; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:poppins,sans-serif } body { overflow-x:hidden } .color-black,.text-body { color:#000!important } .overflow-overall-hidden { overflow:hidden } .overflow-overall-hidden main { -webkit-filter:blur(5px); filter:blur(5px) } main { overflow:hidden; position:relative } .no-portfolio section#our-client { padding-top:100px }:root { --blue:#001F3B } .loader-main { width:100%; position:fixed; z-index:999999999999; top:0; left:0; height:100vh; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background:rgba(255,255,255,.8) } .section-1.padding-top-header { padding-top:160px } .loader-main>div>img { width:100%; -o-object-fit:contain; object-fit:contain; max-width:340px; } .color-blue { color:var(--blue)!important } .fa-10 { font-size:10px } .fa-110 { font-size:110px } .fa-22 { font-size:22px } .line-height-104 { line-height:104% } .line-height-112 { line-height:112% } .my-22-29 { margin-top:22px; margin-bottom:29px } .container-1560 { max-width:1560px; margin:0 auto } .container-1150 { max-width:1150px; margin:0 auto } .container-1350 { max-width:1350px; margin:0 auto } a,a:hover { text-decoration:none }:focus { outline:0!important } .header-row { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position:relative } header { position:absolute; width:100%; padding:61.5px 0 } .social-contact a { display:-webkit-box; display:-ms-flexbox; display:flex; font-size:14.56px; color:#000; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-right:10px; line-height:122.5%; font-weight:500; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .social-contact.footer-social { display:block; margin-left:0 } .social-contact.footer-social a { -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; margin-bottom:20px } .social-contact { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-right:0; margin-left:90px } .social-contact a span:first-child { background:#459aff; color:#fff; font-size:16px; height:40.32px; width:40.32px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:50%; -webkit-box-shadow:0 5px 20px 0 #459aff; box-shadow:0 5px 20px 0 #459aff; margin-right:15px; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } .column-responsive-pricing .col-pricing:last-child,.services-main-services>div:last-child,.social-contact a:last-child { margin-right:0 } .social-contact a span { display:block; line-height:125% } .padding-top-header { padding-top:180px } .links-columns>ul { list-style:none; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; align-items:center; margin-bottom:0 } .button-play>span,.main-circle { display:block } .links-columns>ul>li>a { margin-right:74.57px; font-size:18px; color:#000; font-weight:500; position:relative; padding-bottom:35px } .links-columns>ul>li>a:after { content:''; position:absolute; bottom:30px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:0%; height:3px; background:-webkit-gradient(linear,left top,right top,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(left,#459aff,#5ed6ff); background:linear-gradient(90deg,#459aff,#5ed6ff) } .links-columns>ul>li.active>a:after,.links-columns>ul>li>a:hover:after,li.mega-menu-open:hover a:after { width:50% } .section-1 { padding-bottom:100px } .main-circle { width:740px; height:740px; margin-left:auto; background:-o-linear-gradient(280deg,#468ce3,#37cffb); background:linear-gradient(170deg,#468ce3,#37cffb); border-radius:50%; position:relative; overflow:hidden; z-index:0; } .image-bg-map:before { position:absolute; left:0; top:50%; background-image:url(../assets/webp/map.webp); width:100000%; height:90%; background-size:contain; background-repeat-x:repeat; background-repeat-y:no-repeat; background-position:0; z-index:99999; } span.inner-circle { position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); background:#fff; width:540px; height:540px; border-radius:50%; background:-o-linear-gradient(310deg,#459aff,#fff); background:linear-gradient(140deg,#459aff,#fff); border:40px solid #fff; z-index:1 } @-webkit-keyframes rotate3602 { from { -webkit-transform:rotate(360deg); transform:rotate(360deg) } to { -webkit-transform:rotate(0); transform:rotate(0) } } @keyframes rotate3602 { from { -webkit-transform:rotate(360deg); transform:rotate(360deg) } to { -webkit-transform:rotate(0); transform:rotate(0) } } span.top-right-gradient-circle { position:absolute; width:1085px; height:1085px; background:rgb(69 154 255/50%); border-radius:50%; right:-50%; top:-50%; z-index:-1; -webkit-filter:blur(1300px); filter:blur(1300px) } .text-bottom { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; gap:20px; margin-top:75px; position:absolute } @-webkit-keyframes positionchange { from { background-position:0 } to { background-position:100% } } @keyframes positionchange { from { background-position:0 } to { background-position:100% } } .small-bottom-text { width:75px; margin-left:35px; padding-left:15px; position:fixed; top:calc(100vh - 200px); z-index:9; height:30px; display:none } .textscroll { visibility:hidden; position:absolute } .mt-55 { margin-top:55px } .small-bottom-text:before { content:''; position:absolute; left:0; height:100%; width:3px; background:-webkit-gradient(linear,left bottom,left top,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(bottom,#459aff,#5ed6ff); background:linear-gradient(0deg,#459aff,#5ed6ff) } .bg-linear-gradient { background:-webkit-gradient(linear,left top,right top,from(#042680),to(#0074fe)); background:-o-linear-gradient(left,#042680,#0074fe); background:linear-gradient(90deg,#042680,#0074fe) } .section-2 { padding:95px 0 } .fa-80 { font-size:80px } .list-items ul { margin:0; list-style:none } .list-items ul li { margin-bottom:40px; font-size:20px; padding-left:35px; position:relative } .bg-image-on-top:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(../assets/home/webp/bg-sec-2.webp); background-repeat:no-repeat; background-size:cover; mix-blend-mode:screen } .icon-tick { position:absolute; left:0; } .icon-tick:before { position:absolute; left:-5px; top:55%; width:20px; height:20px; background:#fff; border-radius:50%; } .icon-tick i { color:#00c02a; position:relative; } .left-circle-sec:before { position:absolute; width:740px; height:740px; background:-o-linear-gradient(280deg,#468ce3,#37cffb); background:linear-gradient(170deg,#468ce3,#37cffb); border-radius:50%; overflow:hidden; z-index:0; left:-660px; top:50% } .letter-spacing-5 { letter-spacing:-5px } .py-110 { padding-top:110px; padding-bottom:110px } section.charges-remind.py-110 { padding-top:50px; padding-bottom:0 } .line-bottom-heading { position:relative; display:inline-block; margin-bottom:80px } .line-bottom-heading:before { content:''; position:absolute; left:50%; bottom:12px; width:110%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); height:16px; background:#bceeff; z-index:-1 } .video video,.video:before { width:100%; height:100%; background:#000 } .background-image-sec-3 { background-image:url(../assets/home/bg-3.png) } .circle-sec-3 { position:absolute; width:1140px; height:1140px; background:-o-linear-gradient(60deg,#5ed6ff -50%,transparent 50%); background:linear-gradient(30deg,#5ed6ff -50%,transparent 50%); border-radius:50%; top:-45%; left:-30%; z-index:-1 } .circle-right { left:auto; right:-30%; background:-o-linear-gradient(120deg,#5ed6ff -50%,transparent 50%); background:linear-gradient(330deg,#5ed6ff -50%,transparent 50%) } .circle-center { left:50%; top:auto; bottom:-75%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:-webkit-gradient(linear,left top,left bottom,color-stop(-100%,#459aff),color-stop(40%,transparent)); background:-o-linear-gradient(top,#459aff -100%,transparent 40%); background:linear-gradient(180deg,#459aff -100%,transparent 40%); width:1600px; height:1600px } .image-screen { position:relative; max-width:824px; margin:0 auto } .image-screen > img { width:100%; } .button-play,.video,.video:before { position:absolute } .video { width:calc(100% - 49px); height:calc(100% - 49px); left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border-radius:15px; overflow:hidden } .video:before { content:''; left:0; top:0; opacity:.4 } .button-play,.image-items:before { -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); top:50% } .video.no-before:before { height:0% } .video video { -o-object-fit:contain; object-fit:contain } .button-play { left:50%; background:-o-linear-gradient(315deg,#0038ff,#5ed6ff); background:linear-gradient(135deg,#0038ff,#5ed6ff); width:164px; height:164px; color:#fff; font-size:50px; border-radius:50%; border:none } .max-width-1058 { max-width:1058px; margin:65px auto 0 } .bottom-settings { bottom:-150px } .ecom-item~a,.learn-more { bottom:-100px; opacity:0; visibility:hidden } .color-blur-circle { position:absolute; left:0; top:0; background:#459aff; width:450px; height:450px; border-radius:50%; -webkit-filter:blur(1300px); filter:blur(1300px); z-index:-1 } .sec-4-blue-circle-right { left:auto; right:-10% } .mb-55 { margin-bottom:55px } .pb-190 { padding-bottom:190px } .industries-we-serve-row { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-flow:wrap; flex-flow:wrap } .col-items { -webkit-box-flex:0; -ms-flex:0 0 calc(20% - 20px); flex:0 0 calc(20% - 20px); max-width:calc(20% - 20px); margin-bottom:25px } .items { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-flow:wrap; flex-flow:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border:1px solid rgb(0,0,0,0.3); height:100%; padding:40px 28px; position:relative; overflow:hidden } .image-items,.row-inner-portion { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .image-items,.image-items:before,.text-items h6 { -webkit-transition:1s ease-in-out; -o-transition:1s ease-in-out; transition:1s ease-in-out } .items.active-industry,.items:hover { -webkit-box-shadow:0 4px 30px #459aff; box-shadow:0 4px 30px #459aff; border:transparent } .image-items { width:88px; height:88px; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background:-webkit-gradient(linear,left top,left bottom,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(top,#459aff,#5ed6ff); background:linear-gradient(180deg,#459aff,#5ed6ff); border-radius:50%; position:relative } .image-items:before { content:''; position:absolute; left:50%; border:1px solid rgb(0,0,0,0.3); height:calc(100% + 15px); width:calc(100% + 15px); border-radius:50% } .text-items h6 { max-width:120px; color:#001f3b; font-size:22px; text-align:left; letter-spacing:-1.5px } .learn-more { position:absolute; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-transition:.5s ease-in-out 0.5s; -o-transition:.5s ease-in-out 0.5s; transition:.5s ease-in-out 0.5s; color:#fff; -webkit-transform:scale(0); -ms-transform:scale(0); transform:scale(0) } .btn-reg,.btn-reg:before,.ecom-item h3,.ecom-item:after,.part-2-inner-text ul li a:after { -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } .items.active-industry .learn-more,.items:hover .learn-more { opacity:1; z-index:1; bottom:15px; visibility:visible; font-size:12px; -webkit-transform:scale(1); -ms-transform:scale(1); transform:scale(1) } .learn-more p { margin-left:10px } .col-sub-portion-text { -webkit-box-flex:0; -ms-flex:0 0 68%; flex:0 0 68%; max-width:calc(68% - 6px); display:-webkit-box; display:-ms-flexbox; display:flex; padding:50px 85px } .col-sub-portion-image { -webkit-box-flex:calc(32% + 6px); -ms-flex:calc(32% + 6px); flex:calc(32% + 6px); max-width:calc(32% + 6px) } .bg-linear-gradient-blue { background:-o-linear-gradient(30deg,#2a4b99,#328efa); background:linear-gradient(60deg,#2a4b99,#328efa) } .row-inner-portion { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100% } .part-1-inner-text { max-width:510px } .part-1-inner-text p { line-height:169%; margin:22px 0 28px } .btn-reg { border-radius:8px; color:#fff; display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex; min-height:59px; width:100%; max-width:160px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; position:relative; z-index:1; overflow:hidden; background:0 0; border:1px solid #5ed6ff } .btn-reg:hover:before,.tabs-mega-menu>div.d-flex .nav-pills .nav-link.active:before { left:0 } .btn-reg:before { content:''; position:absolute; left:-120%; top:0; width:calc(100% + 5px); height:calc(100% + 5px); background:#fff; z-index:-1 } .btn-reg:hover { color:#2c5db3; border:1px solid #5ed6ff } .invert-subportion .bg-linear-gradient-blue { background:-webkit-gradient(linear,right top,left top,from(#2a4b99),to(#328efa)); background:-o-linear-gradient(right,#2a4b99,#328efa); background:linear-gradient(270deg,#2a4b99,#328efa) } .part-2-inner-text ul { list-style:none; padding:0; margin:0 } .part-2-inner-text ul li a { color:#fff; font-size:26px; display:inline-block; margin-bottom:26px; position:relative } .invert-subportion .col-sub-portion-text { padding-right:45px } .part-2-inner-text ul li a:after { content:''; position:absolute; left:0; bottom:-6px; width:0; height:4px; background:-webkit-gradient(linear,left top,right top,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(left,#459aff,#5ed6ff); background:linear-gradient(90deg,#459aff,#5ed6ff) } .part-2-inner-text ul li a:before { content:''; position:absolute; left:-45px; width:20px; height:100%; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px); background-image:url(../assets/home/icon/arrow-right.svg); background-repeat:no-repeat; background-position:center; opacity:0; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } .image-designer,.image-designer>img { position:relative; height:100%; width:100%; -o-object-fit:cover; object-fit:cover; -o-object-position:left; object-position:left; min-height:530px } .image-designer:before { content:''; position:absolute; left:-9px; top:0; width:11px; height:100%; background:-webkit-gradient(linear,left bottom,left top,from(#5ed6ff),to(#459aff)); background:-o-linear-gradient(bottom,#5ed6ff,#459aff); background:linear-gradient(0deg,#5ed6ff,#459aff) } .image-designer.image-creative:before { left:auto; right:-9px } .border-C9C9C9 { border:1px solid #c9c9c9 } .col-items-ecom { max-width:33%; position:relative; cursor:pointer } .ecom-item { position:relative; overflow:hidden; height:100% } .ecom-item h3 { position:absolute; top:calc(100% - 125px); left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:100%; text-align:center; z-index:5; font-size:26px; font-weight:600; max-width:200px; line-height:112% } .font-weight-500,.heading-bpo p,.step-box p { font-weight:500 } .ecom-item~a { position:absolute; left:50%; -webkit-transform:translateX(-50%) rotateX(270deg); transform:translateX(-50%) rotateX(270deg); font-size:14px; -webkit-filter:drop-shadow(0px 10px 20px rgb(0,0,0,.5)); filter:drop-shadow(0px 10px 20px rgb(0,0,0,.5)) } .ecom-item~a>img { margin-right:9px } .row-mine { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; max-width:927px; margin-left:auto; height:100% } .text-ecom-services { height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .ecom-item:after,.ecom-item:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:-webkit-gradient(linear,left top,left bottom,from(#459aff),to(transparent)); background:-o-linear-gradient(top,#459aff,transparent); background:linear-gradient(180deg,#459aff,transparent) } .abs-mix-img { position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1 } .btn-reg.btn-gradient { background:-o-linear-gradient(45deg,#468ce3,#5ed6ff); background:linear-gradient(45deg,#468ce3,#5ed6ff); border:none; width:100%; max-width:190px } .btn-reg.btn-gradient:before { background:-webkit-gradient(linear,right top,left top,from(#468ce3),to(#5ed6ff)); background:-o-linear-gradient(right,#468ce3,#5ed6ff); background:linear-gradient(270deg,#468ce3,#5ed6ff); color:#fff!important } .ecom-item:after { background:-webkit-gradient(linear,left bottom,left top,from(#0b7aff),to(transparent)); background:-o-linear-gradient(bottom,#0b7aff,transparent); background:linear-gradient(0deg,#0b7aff,transparent); bottom:-100%; top:auto } .active-ecom.col-items-ecom .ecom-item:after,.col-items-ecom:hover .ecom-item:after { bottom:0 } .col-items-ecom.active-ecom .ecom-item h3,.col-items-ecom:hover .ecom-item h3 { color:#fff; bottom:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); top:50% } .active-ecom.col-items-ecom .ecom-item~a,.col-items-ecom:hover .ecom-item~a { bottom:-30px; opacity:1; visibility:visible; -webkit-transform:translateX(-50%) rotateX(0); transform:translateX(-50%) rotateX(0) } .color-blur-circle.bottom-right { left:auto; right:0; bottom:0; top:auto } .left-emerging,.right-emerging { position:absolute; left:-120px; bottom:120px; display:block } .left-emerging { -webkit-animation:2s infinite alternate translatex; animation:2s infinite alternate translatex } .right-emerging { left:auto; right:-120px; -webkit-animation:2s infinite alternate translatexright; animation:2s infinite alternate translatexright } @-webkit-keyframes translatex { from { -webkit-transform:translateX(0); transform:translateX(0) } to { -webkit-transform:translateX(30px); transform:translateX(30px) } } @keyframes translatex { from { -webkit-transform:translateX(0); transform:translateX(0) } to { -webkit-transform:translateX(30px); transform:translateX(30px) } } @-webkit-keyframes translatexright { from { -webkit-transform:translateX(0); transform:translateX(0) } to { -webkit-transform:translateX(-30px); transform:translateX(-30px) } } @keyframes translatexright { from { -webkit-transform:translateX(0); transform:translateX(0) } to { -webkit-transform:translateX(-30px); transform:translateX(-30px) } } .items-emerging { width:25%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center } .items-emerging.bigger-content { width:45% } .box-content-emerging-heading { text-align:center; padding:155px 0 165px } .box-content { max-width:227px; min-height:185px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; width:100%; text-align:center; -webkit-box-shadow:0 0 70px 0 rgb(69 154 255/50%); box-shadow:0 0 70px 0 rgb(69 154 255/50%); border-radius:23px; border:1px solid rgb(0,0,0,0.30); position:relative; overflow:hidden } .box-content:hover{ border:0; } .anchor-wrap { position:absolute; height:100%; width:100%; top:0; left:0; z-index:1; cursor:pointer } .box-content-emerging-heading:before,.center-emerging,span.animation-image-top { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); position:absolute } .box-content h3 { color:#001f3b; font-size:25px; padding:0 15px; width:100%; -webkit-transition:.7s ease-in-out; -o-transition:.7s ease-in-out; transition:.7s ease-in-out; line-height:1.3; } .box-content-emerging-heading:before { content:''; top:0; width:543px; height:543px; z-index:-1; background:-webkit-gradient(linear,left top,left bottom,color-stop(-100%,#459aff),color-stop(80%,rgb(255 255 255/23%))); background:-o-linear-gradient(top,#459aff -100%,rgb(255 255 255/23%) 80%); background:linear-gradient(180deg,#459aff -100%,rgb(255 255 255/23%) 80%); border-radius:50% } .center-emerging { top:-50px } span.animation-image-top { width:60px; top:-34px; -webkit-clip-path:polygon(50% 0,100% 0,100% 79%,50% 100%,0 79%,0 0); clip-path:polygon(50% 0,100% 0,100% 79%,50% 100%,0 79%,0 0); height:80px } .heading-bpo p,.items-bpo { position:relative; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } span.animation-image-top:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#4086f7),to(#fff)); background:-o-linear-gradient(bottom,#4086f7 0,#fff); background:linear-gradient(360deg,#4086f7 0,#fff); -webkit-animation:3s linear 1s infinite height; animation:3s linear 1s infinite height } @-webkit-keyframes height { 0% { height:0%; width:100% } 50%,65% { height:100%; width:100% } 100% { top:auto; bottom:0; height:0%; width:100%; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#4086f7),to(#fff)); background:linear-gradient(360deg,#4086f7 0,#fff 100%) } } @keyframes height { 0% { height:0%; width:100% } 50%,65% { height:100%; width:100% } 100% { top:auto; bottom:0; height:0%; width:100%; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#4086f7),to(#fff)); background:-o-linear-gradient(bottom,#4086f7 0,#fff 100%); background:linear-gradient(360deg,#4086f7 0,#fff 100%) } } .ml-80 { margin-left:80px } .mr-80 { margin-right:80px } .box-content:after,.box-content:before { content:''; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:-webkit-gradient(linear,left top,left bottom,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(top,#459aff,#5ed6ff); background:linear-gradient(180deg,#459aff,#5ed6ff); width:10px; height:0; z-index:-1; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } .box-content.emergingactivate:after,.box-content.emergingactivate:before,.box-content:hover:after,.box-content:hover:before { -webkit-animation:.7s forwards industriesweserve; animation:.7s forwards industriesweserve } @-webkit-keyframes width100 { 0% { height:20px; width:0; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:20px; width:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:100%; height:100% } } @keyframes width100 { 0% { height:20px; width:0; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:20px; width:100%; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:100%; height:100% } } .box-content-emerging-heading h6 { margin-bottom:29px } .col-bpo-items { -webkit-box-flex:0; -ms-flex:0 0 calc(33% - 30px); flex:0 0 calc(33% - 30px); max-width:calc(33% - 30px) } .col-bpo-items:nth-child(-n+3) { margin-bottom:92px } .mb-97 { margin-bottom:97px } .items-bpo { padding:28px 40px; height:100% } .heading-bpo { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .heading-bpo p { font-size:139px; background:-o-linear-gradient(310deg,#459aff -140%,#459aff00 100%); background:linear-gradient(140deg,#459aff -140%,#459aff00 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; max-width:-webkit-fit-content; max-width:-moz-fit-content; max-width:fit-content; line-height:114px; margin-bottom:23px } .heading-bpo h6 { font-size:30px; max-width:171px; color:#001f3b; margin-left:15px } .paragraph-bpo p { color:#000; font-size:15px; margin-bottom:34px } .anchor-bpo a { color:#000; display:block; padding-left:65px; font-size:14px; overflow:hidden; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; position:absolute; bottom:10px } .anchor-bpo a:after,.anchor-bpo a:before { content:''; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); height:1px; width:60px; background:-webkit-gradient(linear,right top,left top,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(right,#459aff,#5ed6ff); background:linear-gradient(270deg,#459aff,#5ed6ff); -webkit-transition:.8s ease-in-out 0.2s; -o-transition:.8s ease-in-out 0.2s; transition:.8s ease-in-out 0.2s } .col-bpo-items .items-bpo:after { width:0%; height:1px; background:-webkit-gradient(linear,left top,right top,from(rgb(0 0 0/24%)),to(transparent)); background:-o-linear-gradient(left,rgb(0 0 0/24%),transparent); background:linear-gradient(90deg,rgb(0 0 0/24%),transparent) } .items-bpo:after,.items-bpo:before { content:''; position:absolute; left:0; top:0; width:1px; height:0%; background:-webkit-gradient(linear,left top,left bottom,from(rgb(0 0 0/24%)),to(transparent)); background:-o-linear-gradient(top,rgb(0 0 0/24%),transparent); background:linear-gradient(180deg,rgb(0 0 0/24%),transparent); -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } .col-bpo-items .items-bpo:hover .heading-bpo p,.items-bpo.bpoactivate .heading-bpo p { background:-o-linear-gradient(310deg,#459aff,#5ed6ff 100%); background:linear-gradient(140deg,#459aff,#5ed6ff 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent } .col-bpo-items .items-bpo:hover .anchor-bpo a:before,.items-bpo.bpoactivate .anchor-bpo a:before { left:-100% } .anchor-bpo a:after { background:url(../assets/home/icon/arrow-right.svg) no-repeat; left:-100%; -webkit-transition:.8s ease-in; -o-transition:.8s ease-in; transition:.8s ease-in; height:100%; -webkit-filter:invert(1) brightness(1); filter:invert(1) brightness(1); background-position-y:center; background-position-x:calc(100% - 10px); opacity:0 } .col-bpo-items .items-bpo:hover .anchor-bpo a:after,.items-bpo.bpoactivate .anchor-bpo a:after { left:0; opacity:1 } .image-reseller,.image-reseller>img { max-width:-webkit-fit-content; max-width:-moz-fit-content; max-width:fit-content; width:100%; -o-object-fit:contain; object-fit:contain; margin:0 auto; position:relative } .image-reseller:after { content:''; position:absolute; right:-80%; width:100%; height:100%; background:-webkit-gradient(linear,left top,right top,color-stop(-200%,#459aff),color-stop(70%,transparent)); background:-o-linear-gradient(left,#459aff -200%,transparent 70%); background:linear-gradient(90deg,#459aff -200%,transparent 70%); border-radius:50%; z-index:-1 } .button-play.playingg,.opacity-0 { opacity:0; visibility:hidden } .items:after,.items:before { content:''; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:-webkit-gradient(linear,left top,left bottom,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(top,#459aff,#5ed6ff); background:linear-gradient(180deg,#459aff,#5ed6ff); width:10px; height:0; z-index:-1; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; opacity:0 } @-webkit-keyframes industriesweserve { 0% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:100%; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:100%; height:100% } } @keyframes industriesweserve { 0% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:100%; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:100%; height:100% } } .items.active-industry:after,.items.active-industry:before,.items:hover:after,.items:hover:before { opacity:1; -webkit-animation:.7s forwards industriesweserve; animation:.7s forwards industriesweserve } .items.active-industry .text-items h6,.items:hover .text-items h6 { color:#fff; -webkit-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transform-origin:0; -ms-transform-origin:0; transform-origin:0 } .items.active-industry .image-items,.items:hover .image-items { background:-o-linear-gradient(45deg,transparent,transparent); background:linear-gradient(45deg,transparent,transparent); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); transform:scale(1.2) } .order-5 { -webkit-box-ordinal-group:6; -ms-flex-order:5; order:5 } .order-4 { -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4 } .fa-16 { font-size:16px } .letter-spacing-02 { letter-spacing:-.2px } .line-height-167 { line-height:167% } .max-547 { max-width:547px } .fa-100 { font-size:100px } .fa-224 { font-size:224px } .row-pricing { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-flow:wrap; flex-flow:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start } .col-pricing { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 32.5px); flex:0 0 calc(50% - 32.5px); max-width:446px; margin-right:45px } .column-responsive-pricing { -webkit-box-flex:0; -ms-flex:0 0 60%; flex:0 0 60%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-flow:wrap; flex-flow:wrap; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start } .section-pricing.pricing-right .column-responsive-pricing { -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end } .pricing-main-panel { border:1px solid; border-image-slice:1; border-image-source:linear-gradient(to bottom,#459AFF,#5ed6ff); height:100%; background:-webkit-gradient(linear,left top,left bottom,from(#cce9ff),to(transparent)); background:-o-linear-gradient(top,#cce9ff,transparent); background:linear-gradient(180deg,#cce9ff,transparent); padding:60px 28px 60px 48px; position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .pricing-items ul li { font-size:16px; margin-bottom:20px; font-weight:500; } .rotated-items-text { position:relative; right:0; bottom:0; font-size:88px; text-align:center; max-width:-webkit-fit-content; max-width:-moz-fit-content; max-width:fit-content; width:100%; -ms-flex:0 0 50%; -webkit-flex:0 0 50%; flex:0 0 50%; } .pricing-main-panel>a.btn-reg.btn-gradient { position:absolute; bottom:-20%; background:#459aff; -webkit-box-shadow:0 9px 40px 0 rgb(0 0 0/50%); box-shadow:0 9px 40px 0 rgb(0 0 0/50%); visibility:hidden; opacity:0 } .pricing-main-panel.selected-pricing>a.btn-reg.btn-gradient { bottom:-30px; visibility:visible; opacity:1 } .rotated-items-text h6,.rotated-items-text h1 { font-size:80px; -ms-writing-mode:tb-lr; writing-mode:vertical-lr; -webkit-writing-mode:vertical-lr; -webkit-transform:scale(-1); -ms-transform:scale(-1); transform:scale(-1); font-weight:700; color:var(--blue); height:-webkit-fit-content; height:-moz-fit-content; height:max-content } .pricing-flex-play { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between } .pricing-items { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; width:100%; max-width:fit-content; } .pricing-flex-play .pricing-items { flex:0 0 65%; -webkit-flex:0 0 65%; -ms-flex:0 0 65%; } .content-right-column { -webkit-box-flex:0; -ms-flex:0 0 40%; flex:0 0 40%; margin:auto 0 } .content-right-column h1,.content-right-column h4 { font-weight:500; color:rgb(0 31 59/10%); letter-spacing:-5.5px } .content-right-column .fa-224 { letter-spacing:-6.5px } .pricing-items span { font-size:30px; font-weight:500; color:var(--blue) } .pricing-items h3 { font-size:50px; color:#459aff; letter-spacing:-.2px; line-height:112%; font-weight:700 } .pricing-main-panel:after,.pricing-main-panel:before { content:''; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:5px; height:100%; background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#459aff),to(#5ed6ff)); background:-o-linear-gradient(top,#459aff 50%,#5ed6ff); background:linear-gradient(180deg,#459aff 50%,#5ed6ff); z-index:0; opacity:0; -webkit-animation:1.5s forwards industriesweservereversal; animation:1.5s forwards industriesweservereversal; opacity:1 } .pricing-main-panel.selected-pricing:after,.pricing-main-panel.selected-pricing:before { -webkit-animation:1.5s forwards industriesweserveextrapixel; animation:1.5s forwards industriesweserveextrapixel; opacity:1 } .pricing-main-panel.selected-pricing .rotated-items-text h6,.pricing-main-panel.selected-pricing .rotated-items-text h1 { color:#53e1ff } @-webkit-keyframes industriesweserveextrapixel { 0% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:calc(100% + 1px); width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:calc(100% + 1px); height:calc(100% + 1px) } } @keyframes industriesweserveextrapixel { 0% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:calc(100% + 1px); width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:calc(100% + 1px); height:calc(100% + 1px) } } @-webkit-keyframes industriesweservereversal { 0% { width:calc(100% + 1px); height:calc(100% + 1px) } 50% { height:calc(100% + 1px); width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } } @keyframes industriesweservereversal { 0% { width:calc(100% + 1px); height:calc(100% + 1px) } 50% { height:calc(100% + 1px); width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } } .pricing-main-panel>* { z-index:1 } .pricing-main-panel.selected-pricing .pricing-items h3,.pricing-main-panel>*,.pricing-shade-lg,.pricing-shade-sm,.rotated-items-text h1,.rotated-items-text h6{ -webkit-transition:.2s ease-in 0.5s; -o-transition:.2s ease-in 0.5s; transition:.2s ease-in 0.5s } .box-content:after,.box-content:before,.items:after,.items:before { -webkit-animation:.7s forwards industriesweservereversal; animation:.7s forwards industriesweservereversal } .row-pricing-servicess>.col-pricing { -webkit-box-flex:0; -ms-flex:0 0 calc(33% - 20px); flex:0 0 calc(33% - 20px); max-width:500px } .pricing-main-panel>.pricing-items,.services-parent.service-below { margin-top:45px } .text-resources-service h3,.text-resources-service h1 { font-size:80px; color:var(--blue); letter-spacing:-5.5px; line-height:112%; font-weight:500 } .text-resources-service p { font-size:20px; line-height:169%; margin:33px 0 75px; max-width:calc(100% - 80px) } .text-resources-service span a { color:#000; font-weight:500 } .image-resource-service { max-width:409px; margin:0 80px 0 auto; position:relative } .max-w-1270,.max-w-368 { margin-left:auto; margin-right:auto } .image-resource-service .image-behind { position:absolute; right:0; bottom:-10px; -webkit-filter:blur(50px); filter:blur(50px); z-index:-1 } .image-resource-service:after,.image-resource-service:before { content:''; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:calc(100% + 160px); height:calc(100% + 160px); background:-webkit-gradient(linear,left top,left bottom,color-stop(-50%,#459aff),color-stop(70%,transparent)); background:-o-linear-gradient(top,#459aff -50%,transparent 70%); background:linear-gradient(180deg,#459aff -50%,transparent 70%); border-radius:50%; z-index:-2 } .image-resource-service:after { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fff),color-stop(70%,transparent)); background:-o-linear-gradient(top,#fff 0,transparent 70%); background:linear-gradient(180deg,#fff 0,transparent 70%); z-index:-1; width:calc(100% + 30px); height:calc(100% + 30px) } .py-190-130 { padding-top:190px; padding-bottom:130px } .inverse-rows-text .row { -webkit-box-orient:horizontal; -webkit-box-direction:reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse } .inverse-rows-text .row .image-resource-service { margin-left:80px; margin-right:0 } .text-resource-services-section.inverse-rows-text:before { left:auto; right:-480px } .hz-op-content p.max-w-1270,.max-w-1270 { max-width:1250px } .max-w-368 { max-width:368px } .fa-145 { font-size:145px } .mega-menu-service-main-box { position:absolute; right:0; width:100%; padding:70px; background:-webkit-gradient(linear,left top,left bottom,from(#0591f7),to(#215fda)); background:-o-linear-gradient(top,#0591f7,#215fda); background:linear-gradient(180deg,#0591f7,#215fda); top:85px; border-radius:52.35px; visibility:hidden; opacity:0; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; -webkit-box-shadow:0 40px 70px 0 rgb(0 0 0/25%); box-shadow:0 40px 70px 0 rgb(0 0 0/25%); overflow:hidden; z-index:1 } .mega-menu-service-main-box:after { content:''; position:absolute; right:-480px; top:-180px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:900px; height:900px; background:-o-linear-gradient(22deg,#3ac1f6 0,transparent 50%); background:linear-gradient(68deg,#3ac1f6 0,transparent 50%); border-radius:50%; z-index:-1 } li.mega-menu-open { -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } li.mega-menu-open:hover .mega-menu-service-main-box { top:75px; visibility:visible; opacity:1; z-index:99999 } .contact-page .form input,.contact-page .form textarea,.heading-mega { margin-bottom:50px } .heading-mega h6 { z-index:1; letter-spacing:-2px; display:inline-block; position:relative; font-size:68px } .heading-mega h6:after { content:''; position:absolute; left:110%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:calc(100% + 100%); max-width:705px; height:5px; background:-webkit-gradient(linear,left top,right top,from(#098af300),to(#5ed6ff)); background:-o-linear-gradient(left,#098af300,#5ed6ff); background:linear-gradient(90deg,#098af300,#5ed6ff) } .heading-mega .mega-second h3 { font-size:55px; color:rgb(0 31 59/10%) } .tabs-mega-menu>.d-flex { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .tabs-mega-menu .tab-content { max-width:662px; -webkit-box-flex:0; -ms-flex:0 0 65%; flex:0 0 65% } .tabs-mega-menu>div.d-flex .nav-pills .nav-link { background:0 0; border:none; text-align:left; font-size:18px; color:#b9b9b9; font-weight:500; position:relative; overflow:hidden; padding-left:0; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content } .tabs-mega-menu>div.d-flex .nav-pills .nav-link.active { color:var(--blue); padding-left:30px } .tabs-mega-menu>div.d-flex .nav-pills .nav-link:before { content:''; position:absolute; left:-50%; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background-image:url(../assets/home/icon/arrowblue.png); width:100%; height:100%; background-repeat:no-repeat; background-size:auto; background-position:left center; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } ul.items-tab-content-mega-menu { list-style:none; -webkit-column-count:2; -moz-column-count:2; column-count:2 } ul.items-tab-content-mega-menu li a { color:var(--blue); font-size:18px; font-weight:500; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; position:relative; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } ul.items-tab-content-mega-menu li { margin-bottom:18px; padding:0 0 30px } ul.items-tab-content-mega-menu li .icons-mega { width:38px; height:38px; background:#fff; border-radius:50%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; margin-right:10px; -webkit-box-shadow:0 0 20px 3px #5cd1ff82; box-shadow:0 0 20px 3px #5cd1ff82; position:relative } ul.items-tab-content-mega-menu li .icons-mega:after { content:''; position:absolute; left:50%; top:50%; width:calc(100% - 5px); height:calc(100% - 5px); border:.3px solid #5cd1ff; border-radius:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } ul.items-tab-content-mega-menu li a:before { content:''; position:absolute; left:14px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:0; height:calc(100% + 10px); background:-webkit-gradient(linear,left top,right top,from(rgb(69 154 255/37%)),to(transparent)); background:-o-linear-gradient(left,rgb(69 154 255/37%),transparent); background:linear-gradient(90deg,rgb(69 154 255/37%),transparent); z-index:-1; border-radius:15px; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } ul.items-tab-content-mega-menu li a.active:before,ul.items-tab-content-mega-menu li a:hover:before { width:calc(100% - 80px) } .services-main-services { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -ms-flex-flow:wrap; flex-flow:wrap; color:#fff } .services-main-services>* { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; margin-right:100px } .services-parent h3 { font-size:23px; font-weight:700; margin-bottom:10px; padding:6px 6px 10px; position:relative; display:inline-block } .services-parent ul li a { color:#fff; margin-bottom:5px; display:inline-block; padding:6px; font-size:15px; position:relative } .services-parent ul li a:before { content:''; position:absolute; left:-5px; top:0; width:0%; height:100%; border-radius:10px; background:-webkit-gradient(linear,left top,right top,color-stop(20%,#53c7f6),color-stop(80%,transparent)); background:-o-linear-gradient(left,#53c7f6 20%,transparent 80%); background:linear-gradient(90deg,#53c7f6 20%,transparent 80%); z-index:-1; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } .services-parent h3:before { content:''; position:absolute; left:50%; bottom:0; width:calc(100% - 12px); background:-o-linear-gradient(45deg,#fff,transparent); background:linear-gradient(45deg,#fff,transparent); height:3.5px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); opacity:.5 } .emerging-tech-blockchain.bg-linear-gradient.bg-image-on-top { background:-webkit-gradient(linear,left top,left bottom,from(#075dde),to(#0074fe00)); background:-o-linear-gradient(top,#075dde,#0074fe00); background:linear-gradient(180deg,#075dde,#0074fe00) } .emerging-tech-blockchain.bg-linear-gradient.bg-image-on-top:before { background-image:url(../assets/emerging-tech/blockchain/bgsec2.png); background-repeat:no-repeat; background-position:top center; height:1100px; z-index:-10; background-size:auto } .emerging-tech-augmented-reality { background:#000d3a } .top-right-gradient-circle.w-extra-blockchain { width:1450px; height:1200px } .banner-right-img-blockchain { position:absolute; right:200px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .right-blockchain-cirlcle:after { content:''; position:absolute; right:-200px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:#002fa9; width:537px; height:537px; border-radius:50%; -webkit-filter:blur(250px); filter:blur(250px); z-index:-1 } .banner-right-img-blockchain:after { content:''; position:absolute; right:-200px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:593px; height:580px; background-image:url(../assets/emerging-tech/blockchain/right-blockchain.png); background-repeat:no-repeat; background-size:auto } .center-image-blockchain { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); left:-100px; z-index:9 } .center-image-blockchain>img:last-child { position:absolute; left:30px; top:30px; z-index:-1; -webkit-filter:blur(30px); filter:blur(30px) } .banner-images-blockchain>img { animation:3s linear infinite rotate360simple; -webkit-animation:3s linear infinite rotate360simple; -moz-animation:3s linear infinite rotate360simple } @-webkit-keyframes rotate360simple { from { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes rotate360simple { from { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes blinking { from { opacity:0 } to { opacity:1 } } @keyframes blinking { from { opacity:0 } to { opacity:1 } } .box-blockchain { background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#459aff),to(transparent)); background:-o-linear-gradient(bottom,#459aff 0,transparent); background:linear-gradient(0deg,#459aff 0,transparent); } img.image-behind-block { position:absolute; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); left:50% } span.before-after-images-lines:after,span.before-after-images-lines:before { content:''; position:absolute; left:-102px; top:-32px; width:5px; height:250px; -webkit-transform:rotate(125deg); -ms-transform:rotate(125deg); transform:rotate(125deg); background:-o-linear-gradient(315deg,#016dc8,transparent); background:linear-gradient(135deg,#016dc8,transparent); z-index:-4; -webkit-animation:5s infinite alternate blinking; animation:5s infinite alternate blinking } span.before-after-images-lines:after { left:auto; top:auto; right:-103px; bottom:-32px; background:-o-linear-gradient(134deg,#016dc8,transparent); background:linear-gradient(316deg,#016dc8,transparent) } .before-after-images-lines.left-image-blockchain:before { -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg); top:auto; bottom:-24px; left:-109px } .before-after-images-lines.left-image-blockchain:after { -webkit-transform:rotate(60deg); -ms-transform:rotate(60deg); transform:rotate(60deg); top:-24px; right:-109px } .blockchain-bg-with-text:before { content:''; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; height:100%; background:url(../assets/emerging-tech/blockchain/circles-bg.png) left center no-repeat; z-index:-1; -webkit-filter:blur(150px); filter:blur(150px) } .blockchain-bg-with-text.bg-right-bc:before { -webkit-transform:scaleX(-1) translateY(-50%); -ms-transform:scaleX(-1) translateY(-50%); transform:scaleX(-1) translateY(-50%) } .emerging-tech .footer::before,.emerging-tech-augmented-reality .footer::before,.emerging-tech-blockchain .footer::before,.emerging-tech-virtual-reality .footer::before { background:-o-linear-gradient(118deg,#459aff 0,transparent 60%); background:linear-gradient(332deg,#459aff 0,transparent 60%); opacity:.5 } .emerging-tech-nft .footer::before,.emerging-tech-web03 .footer::before { background:-o-linear-gradient(118deg,#db00ff 0,transparent 60%); background:linear-gradient(332deg,#db00ff 0,transparent 60%); opacity:.5 } .emerging-tech-nft .left-line h2:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#f8006c),color-stop(50%,#459aff38),color-stop(90%,#fff0)); background:-o-linear-gradient(left,#f8006c 0,#459aff38 50%,#fff0 90%); background:linear-gradient(90deg,#f8006c 0,#459aff38 50%,#fff0 90%) } .emerging-tech-nft .left-line h2:after { background:-webkit-gradient(linear,right top,left top,color-stop(0,#f8006c),color-stop(50%,#459aff38),color-stop(90%,#fff0)); background:-o-linear-gradient(right,#f8006c 0,#459aff38 50%,#fff0 90%); background:linear-gradient(270deg,#f8006c 0,#459aff38 50%,#fff0 90%) } .emerging-tech-web03 .left-line h2:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#885dab),color-stop(50%,#4401B638),color-stop(90%,#fff0)); background:-o-linear-gradient(left,#885dab 0,#4401B638 50%,#fff0 90%); background:linear-gradient(90deg,#885dab 0,#4401B638 50%,#fff0 90%) } .emerging-tech-web03 .left-line h2:after { background:-webkit-gradient(linear,right top,left top,color-stop(0,#885dab),color-stop(50%,#4401B638),color-stop(90%,#fff0)); background:-o-linear-gradient(right,#885dab 0,#4401B638 50%,#fff0 90%); background:linear-gradient(270deg,#885dab 0,#4401B638 50%,#fff0 90%) } .emerging-tech-nft .testi-slider .testi-inner:nth-child(2n) { background:#7000ff } .emerging-tech-nft .testi-slider .testi-inner:nth-child(odd) { background:#ff006b } .emerging-tech-virtual-reality .testi-inner:nth-child(2n),.emerging-tech-web03 .testi-slider .testi-inner:nth-child(2n) { background:#4401b6 } .emerging-tech-virtual-reality .testi-inner:nth-child(odd),.emerging-tech-web03 .testi-slider .testi-inner:nth-child(odd) { background:#885dab } .emerging-tech-virtual-reality .bg-blue:before,.emerging-tech-virtual-reality .portfolio-section .port-inner .hz-btn:before,.emerging-tech-web03 .bg-blue:before,.emerging-tech-web03 .portfolio-section .port-inner .hz-btn:before { background:-webkit-gradient(linear,left top,right top,from(#885dab),to(#4401b6)); background:-o-linear-gradient(left,#885dab,#4401b6); background:linear-gradient(90deg,#885dab,#4401b6) } .emerging-tech-nft .bg-blue:before { background:-webkit-gradient(linear,left top,right top,from(#ff006b),to(#100bff4d)); background:-o-linear-gradient(left,#ff006b,#100bff4d); background:linear-gradient(90deg,#ff006b,#100bff4d) } .emerging-tech-nft .follow-txt h5:before,.emerging-tech-nft .social-links-wrap a.social-link,.emerging-tech-nft .foot-head:before,.emerging-tech-nft ul.foot-nav li a:before { background:-webkit-gradient(linear,left top,right top,from(#f8006c),color-stop(80%,#459aff00)); background:-o-linear-gradient(left,#f8006c,#459aff00 80%); background:linear-gradient(90deg,#f8006c,#459aff00 80%) } .emerging-tech-virtual-reality .follow-txt h5:before,.emerging-tech-virtual-reality .social-links-wrap a.social-link,.emerging-tech-virtual-reality .foot-head:before,.emerging-tech-virtual-reality ul.foot-nav li a:before,.emerging-tech-web03 .follow-txt h5:before,.emerging-tech-web03 .social-links-wrap a.social-link,.emerging-tech-web03 .foot-head:before,.emerging-tech-web03 ul.foot-nav li a:before { background:-webkit-gradient(linear,left top,right top,from(#885dab),to(#885DAB8c)); background:-o-linear-gradient(left,#885dab,#885DAB8c); background:linear-gradient(90deg,#885dab,#885DAB8c) } .emerging-tech-nft .portfolio-section .port-inner .hz-btn { -webkit-box-shadow:0 20px 40px 0 #eb026969; box-shadow:0 20px 40px 0 #eb026969 } .emerging-tech-virtual-reality .slick-btns button.prev-arrow,.emerging-tech-web03 .slick-btns button.prev-arrow { background:-webkit-gradient(linear,left top,right top,from(#4401b6),to(#4401B682)); background:-o-linear-gradient(left,#4401b6,#4401B682); background:linear-gradient(90deg,#4401b6,#4401B682) } .emerging-tech-virtual-reality .slick-btns button,.emerging-tech-web03 .slick-btns button { background:-webkit-gradient(linear,left top,right top,from(#885dab),to(#885DAB8c)); background:-o-linear-gradient(left,#885dab,#885DAB8c); background:linear-gradient(90deg,#885dab,#885DAB8c); border:none } .emerging-tech-virtual-reality .portfolio-section .port-inner .hz-btn,.emerging-tech-web03 .portfolio-section .port-inner .hz-btn { background:-webkit-gradient(linear,left top,right top,from(#885dab),to(#885DAB8c)); background:-o-linear-gradient(left,#885dab,#885DAB8c); background:linear-gradient(90deg,#885dab,#885DAB8c); -webkit-box-shadow:0 20px 40px 0 #885DAB69; box-shadow:0 20px 40px 0 #885DAB69 } .emerging-tech-nft .portfolio-section .port-inner .hz-btn,.emerging-tech-nft .slick-btns button { background:-webkit-gradient(linear,left top,right top,from(#e90268),to(#de02648c)); background:-o-linear-gradient(left,#e90268,#de02648c); background:linear-gradient(90deg,#e90268,#de02648c) } .emerging-tech-nft .portfolio-section .port-inner .hz-btn:before { background:-webkit-gradient(linear,left top,right top,from(#e90268),to(#de0264)); background:-o-linear-gradient(left,#e90268,#de0264); background:linear-gradient(90deg,#e90268,#de0264) } .emerging-tech-nft .slick-btns button { border:none } .emerging-tech-nft .slick-btns button.prev-arrow { background:-webkit-gradient(linear,left top,right top,from(#7002ff),to(#7004ff82)); background:-o-linear-gradient(left,#7002ff,#7004ff82); background:linear-gradient(90deg,#7002ff,#7004ff82) } .emerging-tech ul.foot-nav li a:before,.emerging-tech-blockchain ul.foot-nav li a:before { background:-webkit-gradient(linear,right top,left top,from(#459aff),to(#5ed6ff)); background:-o-linear-gradient(right,#459aff,#5ed6ff); background:linear-gradient(-90deg,#459aff,#5ed6ff) } .container-1547 { max-width:1547px; margin:0 auto } .contact-main-area { background:-webkit-gradient(linear,left bottom,left top,color-stop(-50%,#3779ff),to(transparent)); background:-o-linear-gradient(bottom,#3779ff -50%,transparent); background:linear-gradient(0deg,#3779ff -50%,transparent); border-radius:75px; padding:80px 0 80px 100px; position:relative } .contact-main-area button.btn-reg.btn-gradient { position:absolute; bottom:-30px; margin-left:25px; max-width:220px } .contact-main-area .col-lg-8,.contact-main-area .row,.contact-section.contact-augmentendreality .col-lg-4,.contact-section.contact-virtual-reality .contact-main-area .col-lg-4,.contact-section.contact-web03.py-110 .col-lg-4 { position:unset } .contact-main-area .col-lg-4 img { width:100%; padding-right:35px } .contact-main-area h3 { color:#fff; opacity:.3; line-height:103.5%; letter-spacing:-3.5px; margin-bottom:35px } .form { max-width:610px } .form select,.form input,.form textarea { width:100%; margin-bottom:15px; padding:17px 15px 17px 1px; background:0 0; border:none; border-bottom:1.4px solid #3069de; color:#fff; font-size:23.77px; resize:none } .form select{ border-color:#fff; }::-webkit-calendar-picker-indicator { filter:brightness(0) invert(1); } .form label { font-size:16px; color:#5fd8fc; margin:0; } .form select option { color:#000; } .form input::-webkit-input-placeholder,.form textarea::-webkit-input-placeholder { color:#fff } .form input::-moz-placeholder,.form textarea::-moz-placeholder { color:#fff } .form input:-ms-input-placeholder,.form textarea:-ms-input-placeholder { color:#fff } .form input::-ms-input-placeholder,.form textarea::-ms-input-placeholder { color:#fff } .form input::placeholder,.form textarea::placeholder { color:#fff } input::-webkit-inner-spin-button,input::-webkit-outer-spin-button { -webkit-appearance:none; margin:0 } input[type=number] { -moz-appearance:textfield } .contact-section.contact-nft .contact-main-area { background:-webkit-gradient(linear,left bottom,left top,color-stop(-20%,#ff007a),color-stop(50%,#5119ef3d),color-stop(80%,#000)); background:-o-linear-gradient(bottom,#ff007a -20%,#5119ef3d 50%,#000 80%); background:linear-gradient(0deg,#ff007a -20%,#5119ef3d 50%,#000 80%) } .contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form { width:auto; padding-right:0; position:absolute; right:15px; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .contact-section.contact-nft .contact-main-area .form input,.contact-section.contact-nft .contact-main-area .form textarea { border-color:#ff007a } .contact-section.contact-nft .contact-main-area button.btn-reg.btn-gradient,.contact-section.contact-virtual-reality .contact-main-area button.btn-reg.btn-gradient,.contact-section.contact-web03 .contact-main-area button.btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,from(#a00bfc),to(#3700ad)); background:-o-linear-gradient(left,#a00bfc,#3700ad); background:linear-gradient(90deg,#a00bfc,#3700ad) } .contact-section.contact-nft .contact-main-area button.btn-reg.btn-gradient:before,.contact-section.contact-web03 .contact-main-area button.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,left top,right top,from(#ff007a),to(#5119ef3d)); background:-o-linear-gradient(left,#ff007a,#5119ef3d); background:linear-gradient(90deg,#ff007a,#5119ef3d) } body.emerging-tech { background:#0d0d0d } span.nft-gradient-animation { position:absolute; display:block; width:1330px; height:255px; background:-webkit-gradient(linear,left top,right top,color-stop(0,#ff006b),color-stop(50%,#100bff2e),color-stop(0,#ff006b),color-stop(50%,#100bff2e)); background:-o-linear-gradient(left,#ff006b 0,#100bff2e 50%,#ff006b 0,#100bff2e 50%); background:linear-gradient(90deg,#ff006b 0,#100bff2e 50%,#ff006b 0,#100bff2e 50%); -webkit-transform:rotate(325deg) translateY(-50%); -ms-transform:rotate(325deg) translateY(-50%); transform:rotate(325deg) translateY(-50%); right:-300px; top:50%; border-radius:10px; background-size:400% 400%; -webkit-animation:10s linear infinite gradient; animation:10s linear infinite gradient } @-webkit-keyframes gradient { 0%,100% { background-position:0 50% } 50% { background-position:100% 50% } } @keyframes gradient { 0%,100% { background-position:0 50% } 50% { background-position:100% 50% } } span.nft-gradient-animation.invert-directions { right:auto; left:-240px; animation-direction:reverse; -webkit-animation-delay:3s; animation-delay:3s; top:47% } .nfts-right-img img { -webkit-filter:drop-shadow(0px 30px 10px black); filter:drop-shadow(0px 30px 10px black); width:100%; } .banner-images-augreal { position:absolute; right:6vw; bottom:0; mix-blend-mode:screen; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:end; -ms-flex-align:end; align-items:flex-end; -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; width:50vw; height:calc(100% - 8vw); } .banner-images-augreal img { max-width:100%; width:100%; height:100%; object-fit:contain; } .emerging-tech-augmented-reality .banner-section { background-image:url(../assets/emerging-tech/augmentedreality/banner-before.png); background-size:cover; background-position:center right; background-color:#000d3a } .section-2.emerging-tech-augmented-reality:before { background-image:url(../assets/emerging-tech/augmentedreality/whyoip.png); background-repeat:no-repeat; background-size:cover; height:1000px } .section-2.emerging-tech-augmented-reality { background:-webkit-gradient(linear,left top,left bottom,from(#002393),to(transparent)); background:-o-linear-gradient(top,#002393,transparent); background:linear-gradient(180deg,#002393,transparent); padding:200px 0 } .box-ar { background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#459aff),to(transparent)); background:-o-linear-gradient(top,#459aff 20%,transparent 100%); background:linear-gradient(180deg,#459aff 20%,transparent 100%); } .image-ar-service { display:inline-block; position:relative } .image-ar-service:before { content:''; position:absolute; width:500px; height:500px; background:-webkit-gradient(linear,left top,left bottom,color-stop(-10%,#459aff),to(#ffffff36)); background:-o-linear-gradient(top,#459aff -10%,#ffffff36); background:linear-gradient(180deg,#459aff -10%,#ffffff36); border-radius:50%; z-index:-1; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .ar-bg-with-text { position:absolute; width:100%; height:1632px; top:-800px; left:0; display:block; z-index:-1; background-image:url(../assets/emerging-tech/augmentedreality/bg-image-ar.png); background-repeat:no-repeat; background-size:auto; background-position:left top; opacity:.5 } .ar-bg-with-text.bg-right-ar,span.bg-image-vr.revervrbgimage { -webkit-transform:scaleX(-1); -ms-transform:scaleX(-1); transform:scaleX(-1) } .image-ar-unique-service { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; height:100%; -webkit-box-align:center; -ms-flex-align:center; align-items:center } .cols-ar-img-service { background:-webkit-gradient(linear,left bottom,left top,color-stop(-100%,#459aff),color-stop(110%,#ffffff36)); background:-o-linear-gradient(bottom,#459aff -100%,#ffffff36 110%); background:linear-gradient(360deg,#459aff -100%,#ffffff36 110%); -webkit-box-flex:0; -ms-flex:0 0 33%; flex:0 0 33%; max-width:237px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; border-radius:28.4px; min-height:343px } .contact-section.contact-augmentendreality img { width:auto; position:absolute; bottom:0; right:-160px } .fa-90 { font-size:90px } .banner-web03 { background-repeat:no-repeat; background-image:url('../assets/emerging-tech/web03/bgbannerfull.png'); background-size:cover; background-position:center; padding-bottom:295px; padding-top:406px } .emerging-tech-web03 .bg-image-on-top:before { background:-webkit-gradient(linear,left top,left bottom,from(#3a0272),color-stop(60%,transparent)); background:-o-linear-gradient(top,#3a0272,transparent 60%); background:linear-gradient(180deg,#3a0272,transparent 60%); height:1085px; z-index:0 } .emerging-tech-web03 .bg-image-on-top:after { content:''; position:absolute; left:50px; top:100px; background-image:url('../assets/emerging-tech/web03/whyoip.png'); width:100%; height:600px; background-repeat:no-repeat; z-index:0; background-size:auto; opacity:.6; mix-blend-mode:soft-light } .emerging-tech-web03.section-2 .row.align-items-center { z-index:1; position:relative } .box-web03 { background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#11318029),to(#1d4a9d)); background:-o-linear-gradient(top,#11318029 20%,#1d4a9d); background:linear-gradient(180deg,#11318029 20%,#1d4a9d) } .box-web03 .oh-icon { background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#113180),to(#8161e7)); background:-o-linear-gradient(bottom,#113180 0,#8161e7); background:linear-gradient(0deg,#113180 0,#8161e7) } .box-web03 .oh-icon h2 { color:#fff; background:0 0; -webkit-text-fill-color:inherit } .contactimageweb03main { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:20px; height:80%; width:-webkit-max-content; width:-moz-max-content; width:max-content; text-align:right; z-index:0 } .contact-section.contact-web03 img { width:auto; padding:0 } .contact-section.contact-web03 .contact-main-area { background:-webkit-gradient(linear,left bottom,left top,color-stop(-20%,#c184c2),color-stop(70%,#5119ef36),to(#fff0)); background:-o-linear-gradient(bottom,#c184c2 -20%,#5119ef36 70%,#fff0); background:linear-gradient(0deg,#c184c2 -20%,#5119ef36 70%,#fff0) } .contactimageweb03 { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); right:50px } .contact-section.contact-web03 .contact-main-area .form input,.contact-section.contact-web03 .contact-main-area .form textarea { border-color:#d98beb } .contact-main-area input:-webkit-autofill,.contact-main-area input:-webkit-autofill:focus,.contact-main-area input:-webkit-autofill:hover,.contact-main-area select:-webkit-autofill,.contact-main-area select:-webkit-autofill:focus,.contact-main-area select:-webkit-autofill:hover,.contact-main-area textarea:-webkit-autofill,.contact-main-area textarea:-webkit-autofill:focus,.contact-main-area textarea:-webkit-autofill:hover { -webkit-text-fill-color:#fff; -webkit-box-shadow:0 0 0 1000px #00000000 inset; -webkit-transition:background-color 5000s ease-in-out; transition:background-color 5000s ease-in-out } .banner-vr { background-image:url('../assets/emerging-tech/virtualreality/bottom-banner.png'); background-repeat:no-repeat; background-position:center bottom; background-size:contain; padding:353px 0; max-width:100%; margin:0 auto; overflow:hidden } .emerging-tech-virtual-reality { background:#07082d } .banner-right-img-virtualreality { position:absolute; right:250px; top:70%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:-1 } .banner-images-virtualreality { position:absolute; top:-150px; z-index:1 } .background-images-mulitple { position:absolute; width:55%; right:0; height:100%; top:0; z-index:1 } .background-images-mulitple img { position:absolute; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); -webkit-animation:8s 5s infinite alternate imagerotatetranslate; animation:8s 5s infinite alternate imagerotatetranslate } .earthalone,.image-on-top-map>img,img.bg-banner-finance { -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } .background-images-mulitple img.image1anime { right:-50px; top:30%; -webkit-animation:9s linear infinite image4anime; animation:9s linear infinite image4anime } .background-images-mulitple img.image2anime { top:30%; -webkit-animation:8s infinite alternate imagerotatetranslate; animation:8s infinite alternate imagerotatetranslate } .background-images-mulitple img.image3anime { top:60%; left:-50px } .background-images-mulitple img.image4anime { top:35%; left:-200px; -webkit-animation:25s infinite alternate image4anime; animation:25s infinite alternate image4anime } .background-images-mulitple img.image5anime { top:44%; right:13%; -webkit-animation:9s 1s infinite alternate image4anime; animation:9s 1s infinite alternate image4anime } .background-images-mulitple img.image6anime { top:30%; right:350px; -webkit-animation:3s linear infinite image4anime; animation:3s linear infinite image4anime } .background-images-mulitple img.image7anime { top:18%; right:50% } @-webkit-keyframes image4anime { from { -webkit-transform:translateY(-50%) rotate(0); transform:translateY(-50%) rotate(0) } to { -webkit-transform:translateY(-50%) rotate(360deg); transform:translateY(-50%) rotate(360deg) } } @keyframes image4anime { from { -webkit-transform:translateY(-50%) rotate(0); transform:translateY(-50%) rotate(0) } to { -webkit-transform:translateY(-50%) rotate(360deg); transform:translateY(-50%) rotate(360deg) } } @-webkit-keyframes imagerotatetranslate { from { -webkit-transform:translateY(calc(-50% + 0)) rotate(0); transform:translateY(calc(-50% + 0)) rotate(0) } to { -webkit-transform:translateY(calc(-50% + 80px)) rotate(360deg); transform:translateY(calc(-50% + 80px)) rotate(360deg) } } @keyframes imagerotatetranslate { from { -webkit-transform:translateY(calc(-50% + 0)) rotate(0); transform:translateY(calc(-50% + 0)) rotate(0) } to { -webkit-transform:translateY(calc(-50% + 80px)) rotate(360deg); transform:translateY(calc(-50% + 80px)) rotate(360deg) } } @-webkit-keyframes imagerotate { from { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes imagerotate { from { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @-webkit-keyframes imagetranslate { from { -webkit-transform:translateY(0); transform:translateY(0) } to { -webkit-transform:translateY(25px); transform:translateY(25px) } } @keyframes imagetranslate { from { -webkit-transform:translateY(0); transform:translateY(0) } to { -webkit-transform:translateY(25px); transform:translateY(25px) } } .banner-images-virtualreality img { -webkit-animation:7s infinite alternate imagetranslate; animation:7s infinite alternate imagetranslate } .banner-right-img-virtualreality>img { -webkit-animation:5s linear infinite imagerotate; animation:5s linear infinite imagerotate; z-index:-1 } .emerging-tech-virtual-reality.section-2:before { background:-webkit-gradient(linear,left top,left bottom,from(#7000ff),to(transparent)); background:-o-linear-gradient(top,#7000ff,transparent); background:linear-gradient(180deg,#7000ff,transparent); height:580px } .emerging-tech-virtual-reality .text-resource-services-section:before { background:#6d00fa } .emerging-tech-virtual-reality .text-resource-services-section .blockchain-bg-with-text:before { background:no-repeat #8713be; left:-400px; top:50%; opacity:1; height:911px; width:911px; -webkit-filter:blur(800px); filter:blur(800px); border-radius:50% } .emerging-tech-virtual-reality .text-resource-services-section .blockchain-bg-with-text.bg-right-bc:before { right:-400px; left:auto } .emerging-tech-virtual-reality .left-line h2:before { background:-webkit-gradient(linear,right top,left top,color-stop(20%,#4200ff00),to(#e102e4)); background:-o-linear-gradient(right,#4200ff00 20%,#e102e4); background:linear-gradient(270deg,#4200ff00 20%,#e102e4) } .emerging-tech-virtual-reality .left-line h2:after { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#4200ff00),to(#e102e4)); background:-o-linear-gradient(left,#4200ff00 20%,#e102e4); background:linear-gradient(90deg,#4200ff00 20%,#e102e4) } .emerging-tech-virtual-reality .port-inner .hz-btn { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#4200ff9e),to(#e102e4)); background:-o-linear-gradient(left,#4200ff9e 20%,#e102e4); background:linear-gradient(90deg,#4200ff9e 20%,#e102e4); -webkit-box-shadow:0 20px 40px 0 #e102E469; box-shadow:0 20px 40px 0 #e102E469 } .emerging-tech-virtual-reality .bg-blue:before,.emerging-tech-virtual-reality .follow-txt h5:before,.emerging-tech-virtual-reality .portfolio-section .port-inner .hz-btn:before,.emerging-tech-virtual-reality .social-links-wrap a.social-link,.emerging-tech-virtual-reality .foot-head:before,.emerging-tech-virtual-reality ul.foot-nav li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#4200ff),to(#e102e4)); background:-o-linear-gradient(left,#4200ff 20%,#e102e4); background:linear-gradient(90deg,#4200ff 20%,#e102e4) } .emerging-tech-virtual-reality .testi-inner:nth-child(odd) { background:#4200ff } .emerging-tech-virtual-reality .testi-inner:nth-child(2n) { background:#e102e4 } .emerging-tech-virtual-reality .slick-btns button { background:-webkit-gradient(linear,right top,left top,color-stop(20%,#e102E4e9),to(#e102e4)); background:-o-linear-gradient(right,#e102E4e9 20%,#e102e4); background:linear-gradient(-90deg,#e102E4e9 20%,#e102e4) } .emerging-tech-virtual-reality .slick-btns button.prev-arrow { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#4200ffe9),to(#4200ff)); background:-o-linear-gradient(left,#4200ffe9 20%,#4200ff); background:linear-gradient(90deg,#4200ffe9 20%,#4200ff) } .bg-image-vr { position:absolute; background:url('../assets/emerging-tech/virtualreality/design-back.png') right bottom/100% no-repeat; width:100%; display:block; height:100%; top:0; left:0; z-index:-1 } .image-vr-service { display:inline-block } .image-vr-service img { max-width:100%; } .earthalone { position:absolute; top:50%; left:70% } .saturnalone { position:absolute; right:-90px; top:-150px; -webkit-animation:15s infinite alternate rotateAnimation; animation:15s infinite alternate rotateAnimation } .earthalone { -webkit-animation:8s linear infinite simplerotation; animation:8s linear infinite simplerotation } @-webkit-keyframes rotateAnimation { 0% { -webkit-transform:translateY(0) rotate(0); transform:translateY(0) rotate(0) } 50% { -webkit-transform:translateY(-45px) rotate(45deg); transform:translateY(-45px) rotate(45deg) } 100% { -webkit-transform:translateY(-90px) rotate(-45deg); transform:translateY(-90px) rotate(-45deg) } } @keyframes rotateAnimation { 0% { -webkit-transform:translateY(0) rotate(0); transform:translateY(0) rotate(0) } 50% { -webkit-transform:translateY(-45px) rotate(45deg); transform:translateY(-45px) rotate(45deg) } 100% { -webkit-transform:translateY(-90px) rotate(-45deg); transform:translateY(-90px) rotate(-45deg) } } @-webkit-keyframes simplerotation { from { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } @keyframes simplerotation { from { -webkit-transform:rotate(0); transform:rotate(0) } to { -webkit-transform:rotate(360deg); transform:rotate(360deg) } } .bg-size-contain { background-size:contain } .contact-section.contact-virtual-reality .contact-main-area { background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#4200ff00),to(#e102e4)); background:-o-linear-gradient(top,#4200ff00 20%,#e102e4); background:linear-gradient(180deg,#4200ff00 20%,#e102e4) } .contact-section.contact-virtual-reality .contact-main-area button.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#4200ff40),to(#e102e4)); background:-o-linear-gradient(left,#4200ff40 20%,#e102e4); background:linear-gradient(90deg,#4200ff40 20%,#e102e4) } .contact-section.contact-virtual-reality .contact-main-area .form input,.contact-section.contact-virtual-reality .contact-main-area .form textarea { border-color:#f0f } .contact-section.contact-virtual-reality .contact-main-area .col-lg-4 img { width:auto; padding:0; z-index:-1; position:relative; max-width:750px } .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain { position:absolute; bottom:0; right:0 } .section-100vh-z { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start } .medical-banner-z-img { position:absolute; bottom:0; right:0; width:1000px } .main-circle-contact span>img,.main-circle-contact>img,.medical-banner-z-img img { width:100%; height:auto } .section-100vh-z .container-1560 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100% } .industry-plans-medical .section-2:before { background-image:url(../assets/industry-plans/medical/whyoip.png); opacity:.7 } .medical-step-z .step-inner { background:-webkit-gradient(linear,left top,left bottom,from(#ffffff00),color-stop(80%,#459aff29)); background:-o-linear-gradient(top,#ffffff00,#459aff29 80%); background:linear-gradient(180deg,#ffffff00,#459aff29 80%); outline:0; -webkit-box-shadow:inset -10.13px -8px 81px 0 rgb(214 214 214/50%); box-shadow:inset -10.13px -8px 81px 0 rgb(214 214 214/50%) } .industry-medical-pricing.selected-pricing h2 { color:#24f0ff } .industry-medical-pricing.selected-pricing .pricing-items h2,.industry-medical-pricing.selected-pricing .pricing-items h3,.industry-medical-pricing.selected-pricing .pricing-items ul li,.industry-vehicle-pricing .selected-pricing .pricing-items h2,.industry-vehicle-pricing .selected-pricing .pricing-items ul li { color:#fff; -webkit-text-fill-color:inherit } .industry-medical-pricing .pricing-flex-play h3,.industry-medical-pricing .pricing-flex-play ul li,.industry-medical-pricing h2 { color:#000; -webkit-transition:.2s ease-in 0.5s; -o-transition:.2s ease-in 0.5s; transition:.2s ease-in 0.5s } .bg-pricing-medical { position:absolute; display:block; width:100%; height:100%; background:-o-linear-gradient(221deg,#459aff47 -100%,rgba(1,102,223,0) 60%); background:linear-gradient(229deg,#459aff47 -100%,rgba(1,102,223,0) 60%); top:0; left:0; z-index:-2 } .pricing-main-panel.industry-price-panel.industry-medical-pricing.selected-pricing:after,.pricing-main-panel.industry-price-panel.industry-medical-pricing.selected-pricing:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#459aff),to(#5ed6ff)); background:-o-linear-gradient(top,#459aff 50%,#5ed6ff); background:linear-gradient(180deg,#459aff 50%,#5ed6ff) } .min-height-control-medical { min-height:135px } .industry-medical h3 { mix-blend-mode:overlay; font-weight:700; opacity:1 } .medical-z-sec4 .ids-wrapper { background:url(../assets/industry-plans/medical/wiify.png) center/100% 100% no-repeat } .banner-rental,span.image-world-map { position:absolute; bottom:0; left:0; width:100% } .i-rental-banner { background:-webkit-gradient(linear,left bottom,left top,from(#437fec),to(#000)); background:-o-linear-gradient(bottom,#437fec,#000); background:linear-gradient(0deg,#437fec,#000); z-index:1 } .color-before-finance.selected-pricing .pricing-flex-play .pricing-items h3,.industry-medical-pricing.color-before-black h2,.industry-medical-pricing.color-before-black h3,.industry-medical-pricing.color-before-black ul li,.industry-plans-law-firms .links-columns>ul>li>a,.industry-plans-law-firms section.charges-remind p,.industry-plans-law-firms ul.foot-nav li a:hover:after,.industry-plans-vehicle-rental .links-columns>ul>li>a,.industry-vehicle-pricing .selected-pricing .pricing-items .price-vehicle,.industry-vehicle-pricing .selected-pricing h2,.reseller-plans .links-columns>ul>li>a,.text-white-law h3,.text-white-law p,.text-white-law ul li { color:#fff } .banner-rental img.cars-track { position:absolute; bottom:0; left:0; width:100%; height:100%; mix-blend-mode:screen; z-index:0 } .banner-rental img:first-child { position:relative; z-index:1; -webkit-animation:8s infinite alternate scaleinout; animation:8s infinite alternate scaleinout } .pb-450 { padding-bottom:450px } .banner-section.i-rental-banner.pb-450.position-relative { min-height:100vh } .section-2.industry-plans-vehicle-rental:before { background:-webkit-gradient(linear,left top,left bottom,from(#042680),to(#0074fe00)); background:-o-linear-gradient(top,#042680,#0074fe00); background:linear-gradient(180deg,#042680,#0074fe00); height:890px; mix-blend-mode:overlay } .i-rental-banner:before,.image-before-span-financial,.law-before-service:after { height:100%; width:100%; position:absolute } .section-2.industry-plans-vehicle-rental { z-index:0; background:0 0 } .section-2.industry-plans-vehicle-rental:after { content:''; background-image:url(../assets/industry-plans/vehicle-rental/whyoip.png); background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; left:0; width:100%; height:100%; top:0; mix-blend-mode:overlay; z-index:-1 } .i-rental-banner:before { content:''; left:0; top:0; background:url('../assets/industry-plans/vehicle-rental/circlebanner.png') center/35% no-repeat; z-index:-1; -webkit-animation:10s linear infinite rotateyaxis; animation:10s linear infinite rotateyaxis } @-webkit-keyframes rotateyaxis { from { -webkit-transform:rotateY(0) rotateX(90deg); transform:rotateY(0) rotateX(90deg) } to { -webkit-transform:rotateY(360deg) rotate(270deg); transform:rotateY(360deg) rotate(270deg) } } @keyframes rotateyaxis { from { -webkit-transform:rotateY(0) rotateX(90deg); transform:rotateY(0) rotateX(90deg) } to { -webkit-transform:rotateY(360deg) rotate(270deg); transform:rotateY(360deg) rotate(270deg) } } @-webkit-keyframes scaleinout { from { -webkit-transform:scale(.8); transform:scale(.8) } to { -webkit-transform:scale(1); transform:scale(1) } } @keyframes scaleinout { from { -webkit-transform:scale(.8); transform:scale(.8) } to { -webkit-transform:scale(1); transform:scale(1) } } .i-vehicle-step .step-inner { background:-webkit-gradient(linear,left bottom,left top,color-stop(-40%,#459aff),to(#000)); background:-o-linear-gradient(bottom,#459aff -40%,#000); background:linear-gradient(0deg,#459aff -40%,#000) } .i-vehicle-step .step-inner .oh-icon { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#459aff),to(#000)); background:-o-linear-gradient(top,#459aff 0,#000); background:linear-gradient(180deg,#459aff 0,#000); border:none; -webkit-box-shadow:0 21px 92px #000; box-shadow:0 21px 92px #000 } .i-vehicle-step-wiify .ids-wrapper { background:url(../assets/industry-plans/vehicle-rental/wiify.png) center/100% 100% no-repeat; -webkit-filter:drop-shadow(0px 24px 40px #00A4FF); filter:drop-shadow(0px 24px 40px #00A4FF) } @-webkit-keyframes rotateyaxisbothmix { from { -webkit-transform:translate(-50%,-50%) rotateY(0); transform:translate(-50%,-50%) rotateY(0) } to { -webkit-transform:translate(-50%,-50%) rotateY(360deg); transform:translate(-50%,-50%) rotateY(360deg) } } @keyframes rotateyaxisbothmix { from { -webkit-transform:translate(-50%,-50%) rotateY(0); transform:translate(-50%,-50%) rotateY(0) } to { -webkit-transform:translate(-50%,-50%) rotateY(360deg); transform:translate(-50%,-50%) rotateY(360deg) } } .industry-vehicle-pricing .left-line.right-line h2:after { background:-webkit-gradient(linear,right top,left top,from(#1d416c),to(transparent)); background:-o-linear-gradient(right,#1d416c,transparent); background:linear-gradient(270deg,#1d416c,transparent) } .industry-vehicle-pricing .left-line.right-line h2:before { background:-webkit-gradient(linear,left top,right top,from(#1d416c),to(transparent)); background:-o-linear-gradient(left,#1d416c,transparent); background:linear-gradient(90deg,#1d416c,transparent) } .industry-vehicle-pricing .pricing-flex-play h3,.industry-vehicle-pricing .pricing-flex-play ul li,.industry-vehicle-pricing h2 { color:#082c4f; -webkit-transition:.2s ease-in 0.5s; -o-transition:.2s ease-in 0.5s; transition:.2s ease-in 0.5s } .industry-vehicle-pricing .selected-pricing .pricing-items h3 { -webkit-transition:.2s ease-in 0.5s; -o-transition:.2s ease-in 0.5s; transition:.2s ease-in 0.5s; background:inherit; -webkit-text-fill-color:inherit; color:#5ed6ff } .industry-vehicle-pricing .selected-pricing .pricing-items h2 { color:#5ed6ff } .industry-vehicle-pricing .pricing-items h2 { color:#082c4f; -webkit-text-fill-color:inherit; background:0 0 } .industry-vehicle-pricing .pricing-items .price-vehicle { color:#082c4f } .industry-vehicle-pricing .pricing-main-panel>a.btn-reg.btn-gradient { background:#0e1f34 } .industry-vehicle-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form { top:60%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%) } .industry-vehicle-contact .right-blue-circle-800:after { right:-340px; bottom:auto; top:0 } .section-2.industry-plans-cleaning { background:-webkit-gradient(linear,left top,left bottom,from(#0f427d),to(#2fdcaf)); background:-o-linear-gradient(top,#0f427d,#2fdcaf); background:linear-gradient(180deg,#0f427d,#2fdcaf) } section.cleaning-step-z .cleaning-left-green { right:auto; left:0; background:#45ffa6; opacity:1; top:-50% } .cleaning-step-z .step-inner { outline:#89a5d0 solid 4px } .cleaning-z-sec4 .ids-wrapper { background:-webkit-gradient(linear,left top,right top,from(#459bfe),to(#2fdcaf)); background:-o-linear-gradient(left,#459bfe,#2fdcaf); background:linear-gradient(90deg,#459bfe,#2fdcaf); border-radius:30px } .image-resource-service.service-circle-img img.ecom-top-image { z-index:1; top:0; left:auto; right:40px; -webkit-transform:translate(0,-200%); -ms-transform:translate(0,-200%); transform:translate(0,-200%); -webkit-animation:10s linear infinite rotatecleaning; animation:10s linear infinite rotatecleaning; max-width:120px; } .contact-page.contact-section.contact-nft .contact-main-area .col-lg-4 img.image-nft-form,.top-right-gradient-circle.gradient-circle-left{ right:auto; left:0 } section.before-circle-on-right .image-resource-service.service-circle-img img.ecom-top-image{ right:auto; left:40px; } @-webkit-keyframes rotatecleaning { from { -webkit-transform:translate(0,-200%) rotate(0); transform:translate(0,-200%) rotate(0) } to { -webkit-transform:translate(0,-200%) rotate(360deg); transform:translate(0,-200%) rotate(360deg) } } @keyframes rotatecleaning { from { -webkit-transform:translate(0,-200%) rotate(0); transform:translate(0,-200%) rotate(0) } to { -webkit-transform:translate(0,-200%) rotate(360deg); transform:translate(0,-200%) rotate(360deg) } } .color-before-green.pricing-main-panel.industry-price-panel.industry-medical-pricing:after,.color-before-green.pricing-main-panel.industry-price-panel.industry-medical-pricing:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(20%,#459aff),to(#34d3bc)); background:-o-linear-gradient(top,#459aff 20%,#34d3bc); background:linear-gradient(180deg,#459aff 20%,#34d3bc) } .color-before-green.pricing-main-panel>a.btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#459aff),to(#34d3bc)); background:-o-linear-gradient(left,#459aff 20%,#34d3bc); background:linear-gradient(90deg,#459aff 20%,#34d3bc) } .cleaning-contact.contact-section.hz-contact-bpo .contact-main-area { background:-o-linear-gradient(310deg,#459aff 0,#34d5b9 109.01%); background:linear-gradient(140deg,#459aff 0,#34d5b9 109.01%) } .cleaning-contact.contact-section.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient { background:-o-linear-gradient(310deg,#459aff 0,#34d5b9 109.01%); background:linear-gradient(140deg,#459aff 0,#34d5b9 109.01%); max-width:170px } .black-text-gradient .rw-head,.related-work-cleaning .rw-head { background:-webkit-gradient(linear,left top,left bottom,from(#0000002e),to(transparent)); background:-o-linear-gradient(top,#0000002e,transparent); background:linear-gradient(180deg,#0000002e,transparent); -webkit-background-clip:text; mix-blend-mode:normal } .related-work-cleaning .related-work-slider ul.slick-dots li.slick-active button { background:#34d5b9 } .industry-plans-cleaning .right-line h2:after { background:-webkit-gradient(linear,left top,right top,color-stop(0,#459AFF00),color-stop(83.72%,#34d3bc)); background:-o-linear-gradient(left,#459AFF00 0,#34d3bc 83.72%); background:linear-gradient(90deg,#459AFF00 0,#34d3bc 83.72%) } .industry-plans-cleaning .left-line h2:before { background:-webkit-gradient(linear,right top,left top,color-stop(0,#459AFF00),color-stop(83.72%,#34d3bc)); background:-o-linear-gradient(right,#459AFF00 0,#34d3bc 83.72%); background:linear-gradient(-90deg,#459AFF00 0,#34d3bc 83.72%) } .industry-plans-cleaning .port-inner .hz-btn,.industry-plans-cleaning .port-inner .hz-btn:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#459AFFe9),color-stop(83.72%,#34d3bc)); background:-o-linear-gradient(left,#459AFFe9 0,#34d3bc 83.72%); background:linear-gradient(90deg,#459AFFe9 0,#34d3bc 83.72%); -webkit-box-shadow:0 15px 40px 0 #34d3BC75; box-shadow:0 15px 40px 0 #34d3BC75 } .industry-plans-cleaning .social-links-wrap a.social-link,.industry-plans-cleaning .testi-slider .testi-inner:nth-child(odd),.industry-plans-cleaning ul.foot-nav li a:before { background:#34d3bc } .industry-plans-cleaning .testi-slider .testi-inner:nth-child(2n) { background:#2d61a2 } .industry-plans-cleaning .slick-btns button { background:#2d61a2; border:none; -webkit-box-shadow:none; box-shadow:none } .industry-plans-cleaning .bg-blue:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,#2d61A2e9),color-stop(83.72%,#34d3bc)); background:-o-linear-gradient(left,#2d61A2e9 0,#34d3bc 83.72%); background:linear-gradient(90deg,#2d61A2e9 0,#34d3bc 83.72%) } .industry-plans-cleaning .footer:before { background:-o-linear-gradient(130deg,rgb(52 211 188/50%) 5.93%,rgba(0,0,0,0) 60.81%); background:linear-gradient(-40deg,rgb(52 211 188/50%) 5.93%,rgba(0,0,0,0) 60.81%) } .industry-plans-cleaning .follow-txt h5:before,.industry-plans-cleaning .foot-head:before { background:-webkit-gradient(linear,right top,left top,color-stop(40%,transparent),color-stop(90%,#34d3bc)); background:-o-linear-gradient(right,transparent 40%,#34d3bc 90%); background:linear-gradient(-90deg,transparent 40%,#34d3bc 90%) } .blend-dark { mix-blend-mode:darken } img.bg-banner-finance { position:absolute; left:60%; top:58%; -webkit-animation:5s infinite alternate translateyaxis; animation:5s infinite alternate translateyaxis; width:50%; height:50% } @-webkit-keyframes translateyaxis { from { -webkit-transform:translate(-50%,-50%) translatey(-20px); transform:translate(-50%,-50%) translatey(-20px) } to { -webkit-transform:translate(-50%,-50%) translatey(30px); transform:translate(-50%,-50%) translatey(30px) } } @keyframes translateyaxis { from { -webkit-transform:translate(-50%,-50%) translatey(-20px); transform:translate(-50%,-50%) translatey(-20px) } to { -webkit-transform:translate(-50%,-50%) translatey(30px); transform:translate(-50%,-50%) translatey(30px) } } .section-2.industry-plans-financial:before { background:url('../assets/industry-plans/financial/whyoip.png') } .section-2.industry-plans-financial { background:-webkit-gradient(linear,left bottom,left top,color-stop(-10%,#042680),to(#0074fe)); background:-o-linear-gradient(bottom,#042680 -10%,#0074fe); background:linear-gradient(0deg,#042680 -10%,#0074fe) } .finance-step-z .step-inner { outline:#49a3ff solid 4px } .finance-z-sec4 .ids-wrapper { background:url(../assets/industry-plans/financial/wiify.png) center/100% 100% no-repeat } .image-before-span-financial { background:url(../assets/industry-plans/financial/itemsservice.png) 0 0/10% no-repeat; top:0; left:0; background-position-x:right; background-position-y:72% } .image-reverse-span-finance.image-before-span-financial,.image-reverse-span-finance .image-before-span-financial { background-position-x:left } .color-before-finance .industry-medical-pricing h2,.color-before-finance .pricing-flex-play .pricing-items h3,.color-before-finance .pricing-items h3 { color:#156ef0 } .contact-section.finance-contact.hz-contact-bpo .contact-main-area { background:-webkit-gradient(linear,left top,right top,color-stop(0,#459aff),color-stop(109.01%,#4a9dff29)); background:-o-linear-gradient(left,#459aff 0,#4a9dff29 109.01%); background:linear-gradient(90deg,#459aff 0,#4a9dff29 109.01%) } .max-w-100vh { max-width:100vh } .law-bg-banner { background-image:url('../assets/industry-plans/law/banner-bg.png'); background-repeat:no-repeat; background-size:cover; background-position:center } .industry-plans-law-firms span.color-blur-circle { background:#e5e5e5 } .section-2.industry-plans-law-firms { background:url('../assets/industry-plans/law/whyoip.png') } .section-2.industry-plans-law-firms:before { background:-webkit-gradient(linear,left top,left bottom,from(#3f3f3f),to(transparent)); background:-o-linear-gradient(top,#3f3f3f,transparent); background:linear-gradient(180deg,#3f3f3f,transparent); height:800px; mix-blend-mode:normal } .law-step-z .step-inner { background:-webkit-gradient(linear,left bottom,left top,color-stop(-88.13%,#fffafa9e),color-stop(103.87%,rgb(0 0 0/80%))); background:-o-linear-gradient(bottom,#fffafa9e -88.13%,rgb(0 0 0/80%) 103.87%); background:linear-gradient(0deg,#fffafa9e -88.13%,rgb(0 0 0/80%) 103.87%); outline:0 } .law-step-z .step-inner .oh-icon { background:-webkit-gradient(linear,left top,left bottom,color-stop(70.04%,#00000000),color-stop(95.64%,#000)); background:-o-linear-gradient(top,#00000000 70.04%,#000 95.64%); background:linear-gradient(180deg,#00000000 70.04%,#000 95.64%); -webkit-box-shadow:0 21px 92px #000; box-shadow:0 21px 92px #000; border:none } .law-step-z .step-inner .oh-icon h2 { padding:22px } .law-z-sec4 .ids-wrapper { background:url(../assets/industry-plans/law/wiify.png) center/100% 100% no-repeat } section.law-before-service::before { background:#e5e5e5; opacity:.5; display:none } section.law-before-service.before-circle-on-right::before { display:block; right:auto; left:0 } .law-before-service:after { content:''; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); background:url('../assets/industry-plans/law/lawbgservice.png') right center no-repeat; z-index:-1 } .law-before-service.before-circle-on-right:after { -webkit-transform:translateY(-50%) rotate(180deg); -ms-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg) } .py-190-190 { padding-top:190px; padding-bottom:190px } .text-white-law .services-text-left ul li::marker { color:#6f6f6f } .pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-black::after,.pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-black::before { background:-webkit-gradient(linear,left top,left bottom,from(#ffffff2e),to(transparent)); background:-o-linear-gradient(top,#ffffff2e,transparent); background:linear-gradient(180deg,#ffffff2e,transparent) } .pricing-main-panel.industry-price-panel.industry-medical-pricing.color-before-black { border-color:#fff; border-image-source:linear-gradient(to bottom,#fff,#ffffff00) } .industry-medical-pricing.color-before-black h2 { color:#fff; background:#fff; -webkit-background-clip:text; -webkit-text-fill-color:transparent } .industry-medical-pricing.selected-pricing.color-before-black .pricing-flex-play .pricing-items>h3 { background:-o-linear-gradient(269deg,#fff,transparent); background:linear-gradient(181deg,#fff,transparent); -webkit-text-fill-color:transparent; -webkit-background-clip:text } .pricing-main-panel.color-before-black>a.btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),to(#ffffff47)); background:-o-linear-gradient(left,transparent 0,#ffffff47 100%); background:linear-gradient(90deg,transparent 0,#ffffff47 100%); -webkit-box-shadow:0 9px 40px 0 rgb(0 0 0/100%); box-shadow:0 9px 40px 0 rgb(0 0 0/100%) } .pricing-main-panel.color-before-black>a.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,left top,right top,color-stop(0,transparent),to(#ffffff47)); background:-o-linear-gradient(left,transparent 0,#ffffff47 100%); background:linear-gradient(90deg,transparent 0,#ffffff47 100%); } .law-rounded-img { -webkit-filter:drop-shadow(10px 10px 30px #000); filter:drop-shadow(10px 10px 30px #000) } .contact-section.contact-nft.hz-contact-bpo.law-contact .contact-main-area { background:-o-linear-gradient(160deg,#565656 12.85%,rgba(0,0,0,0) 96.03%); background:linear-gradient(290deg,#565656 12.85%,rgba(0,0,0,0) 96.03%) } .contact-section.contact-nft.hz-contact-bpo.law-contact .contact-main-area button.btn-reg.btn-gradient { background:-webkit-gradient(linear,left top,right top,color-stop(0,#151515),to(#3f3f3f)); background:-o-linear-gradient(left,#151515 0,#3f3f3f 100%); background:linear-gradient(90deg,#151515 0,#3f3f3f 100%); -webkit-box-shadow:0 10px 40px rgba(0,0,0,.5); box-shadow:0 10px 40px rgba(0,0,0,.5) } .contact-section.contact-nft.hz-contact-bpo.law-contact .contact-main-area button.btn-reg.btn-gradient:before { background:-webkit-gradient(linear,right top,left top,color-stop(0,#151515),to(#3f3f3f)); background:-o-linear-gradient(right,#151515 0,#3f3f3f 100%); background:linear-gradient(270deg,#151515 0,#3f3f3f 100%) } .industry-plans-law-firms .left-line h2:before { background:-webkit-gradient(linear,left top,right top,from(#ffffff7a),to(transparent)); background:-o-linear-gradient(left,#ffffff7a,transparent); background:linear-gradient(90deg,#ffffff7a,transparent) } .industry-plans-law-firms .left-line h2:after { background:-webkit-gradient(linear,right top,left top,from(#ffffff7a),to(transparent)); background:-o-linear-gradient(right,#ffffff7a,transparent); background:linear-gradient(270deg,#ffffff7a,transparent) } .industry-plans-law-firms .portfolio-section .port-inner .hz-btn { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#1515159e),to(#3f3f3f)); background:-o-linear-gradient(left,#1515159e 20%,#3f3f3f); background:linear-gradient(90deg,#1515159e 20%,#3f3f3f); -webkit-box-shadow:0 20px 40px 0 #ffffff69; box-shadow:0 20px 40px 0 #ffffff69 } .industry-plans-law-firms .bg-blue:before,.industry-plans-law-firms .follow-txt h5:before,.industry-plans-law-firms .portfolio-section .port-inner .hz-btn:before,.industry-plans-law-firms .social-links-wrap a.social-link,.industry-plans-law-firms .foot-head:before,.industry-plans-law-firms ul.foot-nav li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#151515),to(#3f3f3f)); background:-o-linear-gradient(left,#151515 20%,#3f3f3f); background:linear-gradient(90deg,#151515 20%,#3f3f3f) } .industry-plans-law-firms .line-btn,.industry-plans-law-firms .onhoverphonenumbers,.industry-plans-law-firms .testi-inner:nth-child(odd) { background:#828282 } .industry-plans-law-firms .testi-inner:nth-child(2n) { background:#3f3f3f } .industry-plans-law-firms .slick-btns button { background:-webkit-gradient(linear,right top,left top,color-stop(20%,#151515e9),to(#3f3f3f)); background:-o-linear-gradient(right,#151515e9 20%,#3f3f3f); background:linear-gradient(-90deg,#151515e9 20%,#3f3f3f) } .industry-plans-law-firms .slick-btns button.prev-arrow { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#151515e9),to(#3f3f3f)); background:-o-linear-gradient(left,#151515e9 20%,#3f3f3f); background:linear-gradient(90deg,#151515e9 20%,#3f3f3f) } .industry-plans-law-firms .footer::before { background:-o-linear-gradient(294deg,#3f3f3f00 20%,#3f3f3f 120%); background:linear-gradient(156deg,#3f3f3f00 20%,#3f3f3f 120%); opacity:.5 } section.banner-section-contact { padding:380px 0 420px } .circle-page-contact { position:absolute; top:0; left:50%; width:100%; max-width:1446px; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:-1 } .main-circle-contact span { position:absolute; left:-30px; top:25% } .main-circle-contact span.contactimg2 { left:12%; top:68% } .main-circle-contact span.contactimg3 { left:50%; top:auto; bottom:-5%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%) } .main-circle-contact span.contactimg4 { left:auto; top:68%; right:12% } .main-circle-contact span.contactimg5 { left:auto; right:-30px } img.imagebackcontact { position:absolute; left:0; top:0; -webkit-filter:blur(25px); filter:blur(25px); z-index:-1 } .contact-page .contact-main-area h3 { opacity:1; margin-bottom:60px } .contact-page .contact-main-area .form { max-width:calc(100% - 100px); padding-bottom:30px } .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form textarea { min-height:200px } .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form button.btn-reg.btn-gradient { background:-o-linear-gradient(45deg,#468ce3,#5ed6ff); background:linear-gradient(45deg,#468ce3,#5ed6ff); margin-left:0; max-width:170px } .i-reseller-banner { background:url(../assets/reseller/banner.png) 0 0/cover no-repeat } .i-reseller-banner-text h3 { font-size:40px; letter-spacing:-2.5px; color:#fff } .section-2.reseller-plans { background:-o-linear-gradient(0.12deg,#042680 .08%,#0075ff 99.88%); background:linear-gradient(89.88deg,#042680 .08%,#0075ff 99.88%) } .section-2.reseller-plans:before { background:url('../assets/reseller/whyoip.png') center/cover no-repeat; mix-blend-mode:soft-light } .reseller-step-z.professional-step-z .step-inner { background:-webkit-gradient(linear,left bottom,left top,color-stop(-25.58%,#459aff59),color-stop(39.81%,rgba(255,255,255,.23))); background:-o-linear-gradient(bottom,#459aff59 -25.58%,rgba(255,255,255,.23) 39.81%); background:linear-gradient(0deg,#459aff59 -25.58%,rgba(255,255,255,.23) 39.81%); border-radius:43px } .reseller-step-z .step-box .oh-icon { border-radius:10px; width:255px; height:179px; background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#459aff),to(#5ed6ff)); background:-o-linear-gradient(bottom,#459aff 0,#5ed6ff 100%); background:linear-gradient(360deg,#459aff 0,#5ed6ff 100%); margin-bottom:38px } .reseller-step-z .step-box .oh-icon h2 { font-size:28px } .i-reseller-step-wiify .ids-wrapper { background:url('../assets/reseller/wiify.png') center/100% 100% no-repeat } .reseller-plans .services-text-left ul li::marker { color:#0085ff } .reseller-service-img { position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:45%; text-align:right; max-width:-webkit-fit-content; max-width:-moz-fit-content; max-width:fit-content } .reseller-service-img.reverse-reseller { left:0; right:auto; text-align:left } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area { background:-o-linear-gradient(346.35deg,#082358 .85%,#2662c2 99.36%); background:linear-gradient(103.65deg,#082358 .85%,#2662c2 99.36%) } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area h3 { opacity:1; margin-bottom:75px } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form input,.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form textarea { border-color:#4093ec } .contact-section.contact-nft.hz-contact-bpo .contact-main-area button.btn-reg.btn-gradient { margin-left:0; max-width:190px } .image-map { position:relative; margin:100px 0 0 } .image-on-top-map>img { position:absolute; top:50%; left:50%; -webkit-animation:3s infinite alternate maplocations; animation:3s infinite alternate maplocations } .image-on-top-map>img.karachi { top:18%; left:56% } .image-on-top-map>img.uae { top:20%; left:48%; -webkit-animation-delay:3s; animation-delay:3s } .image-on-top-map>img.guanghau { left:70%; top:5%; -webkit-animation-delay:2s; animation-delay:2s } .image-on-top-map>img.texas { left:15%; top:15%; -webkit-animation-delay:1s; animation-delay:1s } @-webkit-keyframes maplocations { from { -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } to { -webkit-transform:translate(-50%,-47%); transform:translate(-50%,-47%) } } @keyframes maplocations { from { -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%) } to { -webkit-transform:translate(-50%,-47%); transform:translate(-50%,-47%) } } img.google-certificate { margin:0 30px 0 50px } .dual-phone-number { position:relative; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } .onhoverphonenumbers { position:absolute; width:170px; bottom:-150px; border-color:inherit; padding:15px; border-radius:10px; opacity:0; visibility:hidden; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out; right:20px; background:#459aff } .onhoverphonenumbers a { color:#fff; display:block; margin:0 0 10px; line-height:initial; -webkit-transition:.3s ease-in-out; -o-transition:.3s ease-in-out; transition:.3s ease-in-out } span.top-triangle { position:absolute; background:0 0; top:-10px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom-width:10px; border-bottom-style:solid; display:block; right:15px } .dual-phone-number:hover .onhoverphonenumbers { bottom:-90px; visibility:visible; opacity:1 } .top-triangle { border-bottom-color:#459aff } .emerging-tech-virtual-reality .mega-menu-service-main-box,.emerging-tech-virtual-reality .mega-menu-small-extra-screen-for-services { background:-o-linear-gradient(45deg,#7000ff,#9a63e0); background:linear-gradient(45deg,#7000ff,#9a63e0) } .emerging-tech-virtual-reality .mega-menu-service-main-box:after { background:-o-linear-gradient(45deg,#cca4ff,#9a63e0); background:linear-gradient(45deg,#cca4ff,#9a63e0) } .emerging-tech-virtual-reality .heading-mega h6:after,.emerging-tech-virtual-reality .links-columns>ul>li>a:after { background:-webkit-gradient(linear,left top,right top,from(#7000ff00),to(#9a63e0)); background:-o-linear-gradient(left,#7000ff00,#9a63e0); background:linear-gradient(90deg,#7000ff00,#9a63e0) } .emerging-tech-virtual-reality .line-btn,.emerging-tech-virtual-reality .onhoverphonenumbers { background:#9a63e0 } .emerging-tech-virtual-reality .top-triangle { border-bottom-color:#9a63e0 } .emerging-tech-virtual-reality.headerFull header .social-contact a span:first-child { -webkit-box-shadow:0 5px 20px 0 #9a63e0; box-shadow:0 5px 20px 0 #9a63e0; background:#9a63e0 } .emerging-tech-virtual-reality .services-parent ul li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#7000ff),color-stop(80%,transparent)); background:-o-linear-gradient(left,#7000ff 20%,transparent 80%); background:linear-gradient(90deg,#7000ff 20%,transparent 80%) } .emerging-tech-web03 .mega-menu-service-main-box,.emerging-tech-web03 .mega-menu-service-main-box:after,.emerging-tech-web03 .mega-menu-small-extra-screen-for-services { background:-o-linear-gradient(45deg,#113180,#8161e7); background:linear-gradient(45deg,#113180,#8161e7) } .emerging-tech-web03 .heading-mega h6:after,.emerging-tech-web03 .links-columns>ul>li>a:after { background:-webkit-gradient(linear,left top,right top,from(#11318000),to(#8161e7)); background:-o-linear-gradient(left,#11318000,#8161e7); background:linear-gradient(90deg,#11318000,#8161e7) } .emerging-tech-web03 .line-btn,.emerging-tech-web03 .onhoverphonenumbers { background:#8161e7 } .emerging-tech-web03 .services-parent ul li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#113180),color-stop(80%,transparent)); background:-o-linear-gradient(left,#113180 20%,transparent 80%); background:linear-gradient(90deg,#113180 20%,transparent 80%) } .emerging-tech-web03.headerFull header .social-contact a span:first-child { background:#8161e7; -webkit-box-shadow:0 5px 20px 0 #8161e7; box-shadow:0 5px 20px 0 #8161e7 } .emerging-tech-web03 .top-triangle { border-bottom-color:#8161e7 } .emerging-tech-nft .mega-menu-service-main-box,.emerging-tech-nft .mega-menu-service-main-box:after,.emerging-tech-nft .mega-menu-small-extra-screen-for-services { background:-o-linear-gradient(45deg,#ff006b,#8506b6); background:linear-gradient(45deg,#ff006b,#8506b6) } .emerging-tech-nft .heading-mega h6:after { background:-webkit-gradient(linear,left top,right top,from(#11318000),to(#8506b6)); background:-o-linear-gradient(left,#11318000,#8506b6); background:linear-gradient(90deg,#11318000,#8506b6) } .emerging-tech-nft .line-btn,.emerging-tech-nft .onhoverphonenumbers { background:#f8006c } .emerging-tech-nft .links-columns>ul>li>a:after { background:-webkit-gradient(linear,left top,right top,from(#ff006b00),to(#8506b6)); background:-o-linear-gradient(left,#ff006b00,#8506b6); background:linear-gradient(90deg,#ff006b00,#8506b6) } .emerging-tech-nft .services-parent ul li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#ff006b),color-stop(80%,transparent)); background:-o-linear-gradient(left,#ff006b 20%,transparent 80%); background:linear-gradient(90deg,#ff006b 20%,transparent 80%) } .emerging-tech-nft.headerFull header .social-contact a span:first-child { background:#f8006c; -webkit-box-shadow:0 5px 20px 0 #f8006c; box-shadow:0 5px 20px 0 #f8006c } .emerging-tech-nft .top-triangle { border-bottom-color:#f8006c } .industry-plans-law-firms .mega-menu-service-main-box,.industry-plans-law-firms .mega-menu-service-main-box:after,.industry-plans-law-firms .mega-menu-small-extra-screen-for-services { background:-o-linear-gradient(45deg,#000,#828282); background:linear-gradient(45deg,#000,#828282) } .industry-plans-law-firms .heading-mega h6:after,.industry-plans-law-firms .links-columns>ul>li>a:after { background:-webkit-gradient(linear,left top,right top,from(#00000000),to(#828282)); background:-o-linear-gradient(left,#00000000,#828282); background:linear-gradient(90deg,#00000000,#828282) } .industry-plans-law-firms .services-parent ul li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#828282),color-stop(80%,transparent)); background:-o-linear-gradient(left,#828282 20%,transparent 80%); background:linear-gradient(90deg,#828282 20%,transparent 80%) } .industry-plans-law-firms.headerFull header .social-contact a span:first-child { background:#828282; -webkit-box-shadow:0 5px 20px 0 #828282; box-shadow:0 5px 20px 0 #828282 } .industry-plans-law-firms .top-triangle { border-bottom-color:#828282 } .industry-plans-ecommerce .mega-menu-service-main-box,.industry-plans-ecommerce .mega-menu-service-main-box:after,.industry-plans-ecommerce .mega-menu-small-extra-screen-for-services { background:-o-linear-gradient(45deg,#000,#ffb800); background:linear-gradient(45deg,#000,#ffb800) } .industry-plans-ecommerce .heading-mega h6:after,.industry-plans-ecommerce .links-columns>ul>li>a:after { background:-webkit-gradient(linear,left top,right top,from(#00000000),to(#ffb800)); background:-o-linear-gradient(left,#00000000,#ffb800); background:linear-gradient(90deg,#00000000,#ffb800) } .industry-plans-ecommerce .top-triangle { border-bottom-color:#ffb800 } .industry-plans-ecommerce .services-parent ul li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#ffb800),color-stop(80%,transparent)); background:-o-linear-gradient(left,#ffb800 20%,transparent 80%); background:linear-gradient(90deg,#ffb800 20%,transparent 80%) } .industry-plans-ecommerce.headerFull header .social-contact a span:first-child { background:#ffb800; -webkit-box-shadow:0 5px 20px 0 #ffb800; box-shadow:0 5px 20px 0 #ffb800 } .industry-plans-ecommerce .follow-txt h5:before,.industry-plans-ecommerce .social-links-wrap a.social-link,.industry-plans-ecommerce .foot-head:before,.industry-plans-ecommerce ul.foot-nav li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#fcb802),to(#00000000)); background:-o-linear-gradient(left,#fcb802 20%,#00000000); background:linear-gradient(90deg,#fcb802 20%,#00000000) } .industry-plans-real-estate .mega-menu-service-main-box,.industry-plans-real-estate .mega-menu-service-main-box:after,.industry-plans-real-estate .mega-menu-small-extra-screen-for-services { background:-o-linear-gradient(45deg,#2d2921,#a98846); background:linear-gradient(45deg,#2d2921,#a98846) } .industry-plans-real-estate .heading-mega h6:after,.industry-plans-real-estate .links-columns>ul>li>a:after { background:-webkit-gradient(linear,left top,right top,from(#2d292100),to(#a98846)); background:-o-linear-gradient(left,#2d292100,#a98846); background:linear-gradient(90deg,#2d292100,#a98846) } .industry-plans-real-estate .top-triangle { border-bottom-color:#a98846 } .industry-plans-real-estate .services-parent ul li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#a98846),color-stop(80%,transparent)); background:-o-linear-gradient(left,#a98846 20%,transparent 80%); background:linear-gradient(90deg,#a98846 20%,transparent 80%) } .industry-plans-real-estate.headerFull header .social-contact a span:first-child { background:#a98846; -webkit-box-shadow:0 5px 20px 0 #a98846; box-shadow:0 5px 20px 0 #a98846 } .industry-plans-cleaning .mega-menu-service-main-box,.industry-plans-cleaning .mega-menu-service-main-box:after,.industry-plans-cleaning .mega-menu-small-extra-screen-for-services { background:-o-linear-gradient(45deg,#2fdcaf,#0f427d); background:linear-gradient(45deg,#2fdcaf,#0f427d) } .industry-plans-cleaning .heading-mega h6:after,.industry-plans-cleaning .links-columns>ul>li>a:after { background:-webkit-gradient(linear,left top,right top,from(#2fdcaf00),to(#0f427d)); background:-o-linear-gradient(left,#2fdcaf00,#0f427d); background:linear-gradient(90deg,#2fdcaf00,#0f427d) } .industry-plans-cleaning .line-btn,.industry-plans-cleaning .onhoverphonenumbers { background:#0f427d } .industry-plans-cleaning .services-parent ul li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#0f427d),color-stop(80%,transparent)); background:-o-linear-gradient(left,#0f427d 20%,transparent 80%); background:linear-gradient(90deg,#0f427d 20%,transparent 80%) } .industry-plans-cleaning.headerFull header .social-contact a span:first-child { background:#0f427d; -webkit-box-shadow:0 5px 20px 0 #0f427d; box-shadow:0 5px 20px 0 #0f427d } .industry-plans-cleaning .top-triangle { border-bottom-color:#0f427d } .industry-plans-restaurants .mega-menu-service-main-box,.industry-plans-restaurants .mega-menu-service-main-box:after,.industry-plans-restaurants .mega-menu-small-extra-screen-for-services { background:-o-linear-gradient(45deg,#423b31,#a77451); background:linear-gradient(45deg,#423b31,#a77451) } .industry-plans-restaurants .heading-mega h6:after,.industry-plans-restaurants .links-columns>ul>li>a:after { background:-webkit-gradient(linear,left top,right top,from(#2fdcaf00),to(#a77451)); background:-o-linear-gradient(left,#2fdcaf00,#a77451); background:linear-gradient(90deg,#2fdcaf00,#a77451) } .industry-plans-restaurants .services-parent ul li a:before { background:-webkit-gradient(linear,left top,right top,color-stop(20%,#a77451),color-stop(80%,transparent)); background:-o-linear-gradient(left,#a77451 20%,transparent 80%); background:linear-gradient(90deg,#a77451 20%,transparent 80%) } .industry-plans-restaurants.headerFull header .social-contact a span:first-child { background:#a77451; -webkit-box-shadow:0 5px 20px 0 #a77451; box-shadow:0 5px 20px 0 #a77451 } .industry-plans-restaurants .top-triangle { border-bottom-color:#a77451 } .mega-menu-open.mega-menu-blue > a,.services-parent h3 { pointer-events:none; } .mega-menu-open.mega-menu-blue{ cursor:pointer; } .get-fieldBox { display:flex; align-items:center; justify-content:flex-start; flex-flow:wrap; gap:15px; } .get-fieldBox span { display:flex; align-items:center; justify-content:center; gap:5px; } .get-fieldBox span label,.get-fieldBox span input { margin:0; accent-color:#5fd8fc; } @media (max-width:991px) { .mega-menu-open.mega-menu-blue > a,.services-parent h3 { pointer-events:all; } .emerging-tech-web03 .links-columns>ul { background:-o-linear-gradient(45deg,#113180,#8161e7); background:linear-gradient(45deg,#113180,#8161e7) } .emerging-tech-virtual-reality .links-columns>ul { background:-o-linear-gradient(45deg,#7000ff,#9a63e0); background:linear-gradient(45deg,#7000ff,#9a63e0) } .emerging-tech-nft .links-columns>ul { background:-o-linear-gradient(45deg,#ff006b,#8506b6); background:linear-gradient(45deg,#ff006b,#8506b6) } .industry-plans-law-firms .links-columns>ul { background:-o-linear-gradient(45deg,#828282,#000); background:linear-gradient(45deg,#828282,#000) } .industry-plans-ecommerce .links-columns>ul { background:-o-linear-gradient(45deg,#ffb800,#000); background:linear-gradient(45deg,#ffb800,#000) } .industry-plans-real-estate .links-columns>ul { background:-o-linear-gradient(45deg,#2d2921,#a98846); background:linear-gradient(45deg,#2d2921,#a98846) } .industry-plans-restaurants .links-columns>ul { background:-o-linear-gradient(45deg,#a77451,#7d7156); background:linear-gradient(45deg,#a77451,#7d7156) } .industry-plans-law-firms .column-responsive-pricing ul.slick-dots li.slick-active button { background:#ffffff2e } .industry-plans-law-firms .column-responsive-pricing ul.slick-dots li button { border-color:#ffffff2e } .industry-plans-ecommerce .column-responsive-pricing ul.slick-dots li.slick-active button { background:#ffb800 } .industry-plans-ecommerce .column-responsive-pricing ul.slick-dots li button { border-color:#ffb800 } .industry-plans-real-estate .column-responsive-pricing ul.slick-dots li.slick-active button { background:#a98846 } .industry-plans-real-estate .column-responsive-pricing ul.slick-dots li button { border-color:#a98846 } .industry-plans-cleaning .column-responsive-pricing ul.slick-dots li.slick-active button { background:#0f427d } .industry-plans-cleaning .column-responsive-pricing ul.slick-dots li button { border-color:#0f427d } .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li.slick-active button { background:#a77451 } .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li button { border-color:#a77451 } .button-play { display:none } .loader-main>div>img { width:100px; } .port-inner .hz-btn{ box-shadow:0 5px 15px 0 #468ce3a6; } } .blogs-box a > img.our-blogs { margin:150px 0 0; } .blogs-box a { color:black; display:block; height:inherit; } .blogs-box a > img { width:100%; height:250px; object-fit:cover; margin-bottom:25px; } .our-blogs { padding:90px 0 30px; } .blogs-box { height:100%; } .blogs-box h2 { font-size:30px; font-weight:700; text-transform:capitalize; } .blogs-box p { font-size:16px; margin:20px 0; } .blogs-box span { background:#459afe; font-size:18px; padding:10px 10px; color:white; display:block; max-width:150px; text-align:center; border-radius:25px; position:absolute; width:100%; bottom:0; left:0; transition:0.3s ease-in-out; } .blogs-box a:hover span { transform:rotateX(360deg); background:var(--blue); } .blogs-box a div { height:calc(100% - 275px); position:relative; padding-bottom:55px; } .margin-bottom-blogs{ margin-bottom:55px; } .mbblogs-50 { margin-bottom:55px; } .blogs-details .banner-rounded-img img { border-radius:50%; overflow:hidden; object-fit:cover; } .blog-details p { font-size:20px; margin-bottom:20px; } .blog-details p img{ width:100%; height:auto; object-fit:cover } .blog-details h6 { font-size:38px; font-weight:700; margin-bottom:25px; } .blog-details ul li { list-style:none; padding-left:30px; position:relative; font-size:18px; margin-bottom:25px; } .blog-details ul li:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); background:#489cff; height:10px; width:10px; border-radius:50%; } section.banner-blogs { margin-top:9.38vw; position:relative; } .blog-detail section.banner-blogs h2 { font-size:4vw; line-height:1.4; padding:2vw; } .banner-blogs-img-details { height:57vh; width:100%; } .banner-blogs-img-details img { width:100%; height:100%; object-fit:cover; } .banner-blogs .container-1560 { position:absolute; width:100vw; left:50%; top:50%; transform:translate(-50%,-50%); text-align:center; color:white; max-width:81.3vw; } .banner-blogs .container-1560:before { content:''; position:absolute; left:50%; top:50%; width:100vw; height:calc(100% + 5vw); background:#0000008c; transform:translate(-50%,-50%); } .banner-blogs .container-1560 h2 { line-height:initial; } .hz-our-brand{ text-align:center; } .images-static .image-resource-service.service-circle-img img { position:static; width:100%; height:auto; transform:none; -webkit-transform:none; -ms-transform:none; object-fit:contain; object-position:center; } .services-text-left ul li { position:relative; list-style:none; } .services-text-left ul li:before { content:''; position:absolute; left:-23px; top:50%; transform:translateY(-50%); background:#459aff; height:8px; width:8px; border-radius:50%; } .images-static .image-resource-service.service-circle-img { text-align:center; } .industry-plans-restaurants .image-resource-service.service-circle-img img { max-width:600px; max-height:600px; } .pricing-main-panel { padding:40px 144px 40px 35px; position:relative; } .rotated-items-text { position:absolute; top:40px; right:20px; width:100%; height:0%; transform:rotate(270deg) scale(-1); text-align:right; } .rotated-items-text h6,.rotated-items-text h1 { -ms-writing-mode:unset; writing-mode:unset; -webkit-writing-mode:unset; position:absolute; left:0; width:550px; } .pricing-flex-play { display:block; width:100%; position:static; } .pricing-flex-play .pricing-items { width:100%; max-width:100%; } .industry-plans-ecommerce .main-modal .modal-body { background:linear-gradient(39deg,#ffb800 0,#000000 100%); } .industry-plans-ecommerce .main-modal .btn-reg.btn-gradient { background:linear-gradient(90deg,#000000 0,#ffb800 100%); } .industry-plans-ecommerce .main-modal h1 { -webkit-text-fill-color:white; color:white; } .industry-plans-ecommerce .main-modal .btn-reg.btn-gradient:before{ background:linear-gradient(270deg,#ffb800 100%,#000000 0); } .industry-plans-ecommerce .services-text-left ul li:before{ background:#ffb800; } .industry-plans-ecommerce div#myModal.main-modal .modal-body .btn-close{ color:#ffb800; } .industry-plans-real-estate .main-modal .modal-body { background:linear-gradient(90deg,#1d1d1d 0,#a98846 100%); } .industry-plans-real-estate .main-modal .btn-reg.btn-gradient { background:linear-gradient(90deg,#1d1d1d 0,#a98846 100%); } .industry-plans-real-estate .main-modal h1 { -webkit-text-fill-color:white; color:white; } .industry-plans-real-estate .main-modal .btn-reg.btn-gradient:before{ background:linear-gradient(270deg,#1d1d1d 0,#a98846 100%); } .industry-plans-real-estate .services-text-left ul li:before{ background:#a98846; } .industry-plans-real-estate div#myModal.main-modal .modal-body .btn-close{ color:#a98846; } .industry-plans-restaurants .main-modal .modal-body { background:linear-gradient(90deg,#1d1d1d 0,#a77451 100%); } .industry-plans-restaurants .main-modal .btn-reg.btn-gradient { background:linear-gradient(90deg,#1d1d1d 0,#a77451 100%); } .industry-plans-restaurants .main-modal h1 { -webkit-text-fill-color:white; color:white; } .industry-plans-restaurants .main-modal .btn-reg.btn-gradient:before{ background:linear-gradient(270deg,#1d1d1d 0,#a77451 100%); } .industry-plans-restaurants .services-text-left ul li:before{ background:#a77451; } .industry-plans-restaurants div#myModal.main-modal .modal-body .btn-close{ color:#a77451; } .industry-plans-law-firms .main-modal .modal-body { background:linear-gradient(90deg,#494949 0,#252424 100%); } .industry-plans-law-firms .main-modal .btn-reg.btn-gradient { background:linear-gradient(90deg,#494949 0,#252424 100%); } .industry-plans-law-firms .main-modal h1 { -webkit-text-fill-color:white; color:white; } .industry-plans-law-firms .main-modal .btn-reg.btn-gradient:before{ background:linear-gradient(270deg,#494949 0,#252424 100%); } .industry-plans-law-firms .services-text-left ul li:before{ background:#494949; } .industry-plans-law-firms div#myModal.main-modal .modal-body .btn-close{ color:#252424; } .emerging-tech-nft .main-modal .modal-body { background:linear-gradient(0deg,#ff006b 0,#8506b6 70%); } .emerging-tech-nft .main-modal .btn-reg.btn-gradient { background:#8506b6; } .emerging-tech-nft .main-modal h1 { -webkit-text-fill-color:white; color:white; } .emerging-tech-nft .main-modal .btn-reg.btn-gradient:before{ background:linear-gradient(270deg,#8506b696 0,#ff006b 100%); } .emerging-tech-nft .services-text-left ul li:before{ background:#ff006b; } .emerging-tech-nft div#myModal.main-modal .modal-body .btn-close{ color:#ff006b; } .emerging-tech-virtual-reality .main-modal .modal-body,.emerging-tech-web03 .main-modal .modal-body { background:linear-gradient(0deg,#113180 0,#8161e7);; } .emerging-tech-virtual-reality .main-modal .btn-reg.btn-gradient,.emerging-tech-web03 .main-modal .btn-reg.btn-gradient { background:#8161e7; } .emerging-tech-virtual-reality .main-modal h1,.emerging-tech-web03 .main-modal h1 { -webkit-text-fill-color:white; color:white; } .emerging-tech-virtual-reality .main-modal .btn-reg.btn-gradient:before,.emerging-tech-web03 .main-modal .btn-reg.btn-gradient:before{ background:linear-gradient(0deg,#113180 0,#8161e7);; } .emerging-tech-virtual-reality .services-text-left ul li:before,.emerging-tech-web03 .services-text-left ul li:before{ background:#8161e7; } .emerging-tech-virtual-reality div#myModal.main-modal .modal-body .btn-close,.emerging-tech-web03 div#myModal.main-modal .modal-body .btn-close{ color:#8161e7; } .industry-plans-real-estate.headerFull header .social-contact a span:first-child { box-shadow:0 0.303vw 1.212vw 0 #a98846; } .industry-plans-restaurants.headerFull header .social-contact a span:first-child { box-shadow:0 0.303vw 1.212vw 0 #a77451; } .industry-plans-ecommerce.headerFull header .social-contact a span:first-child { box-shadow:0 0.303vw 1.212vw 0 #ffb800; } .industry-plans-law-firms.headerFull header .social-contact a span:first-child { box-shadow:0 0.303vw 1.212vw 0 #828282; } .revert-of-btn-resource:before { left:0; } .revert-of-btn-resource { color:#2c5db3; border:1px solid #5ed6ff; margin-left:1rem; } .revert-of-btn-resource:hover:before { left:100%; } .revert-of-btn-resource:hover { color:white; } @media (max-width:1750px){ .blog-details p,.blog-details ul li { font-size:17px; } .blog-details h6 { font-size:35px; } .blogs-box h2 { font-size:26px; } .blogs-box p { font-size:14px; margin:16px 0; } .blogs-box span { font-size:16px; max-width:125px; padding:6px 10px; } .blogs-box a > img { height:230px; } .blogs-box a div { height:calc(100% - 255px); } .loader-main>div>img { width:220px; } } @media (max-width:1600px){ .blog-details p,.blog-details ul li { font-size:16px; } .blog-details h6 { font-size:32px; } .blog-details ul li { padding-left:25px; } .blog-details ul li:before { width:8px; height:8px; } .loader-main>div>img { width:200px; } } @media (max-width:1439px){ .blog-details p,.blog-details ul li { font-size:15px; } .blog-details h6 { font-size:30px; } .blogs-box h2 { font-size:22px; } .blogs-box p { font-size:12px; margin:16px 0; } .blogs-box span { font-size:14px; max-width:105px; padding:4px 8px; } .blogs-box a > img { height:200px; } .blogs-box a div { height:calc(100% - 225px); } .loader-main>div>img { width:150px; } } @media (max-width:1200px){ .blog-details p,.blog-details ul li { font-size:13px; } .blog-details h6 { font-size:25px; } .blogs-box h2 { font-size:20px; } .blogs-box p { font-size:12px; margin:12px 0; } .blogs-box span { font-size:13px; max-width:95px; padding:4px 8px; } .blogs-box a > img { height:180px; } .blogs-box a div { height:calc(100% - 205px); } .loader-main>div>img { width:120px; } } @media (max-width:991px){ .banner-blogs-img-details { height:290px; } .our-blogs { padding:50px 0 0; } .mbblogs-50 { margin-left:auto; margin-right:auto; } } @media (max-width:767px){ .banner-blogs-img-details { height:150px; } .our-blogs { padding:50px 0 0; } .blog-details h6 { font-size:18px; } .blog-details p,.blog-details ul li { font-size:12px; padding-left:0; margin-bottom:15px; line-height:20px; } .blog-details ul li:before {display:none;} .our-blogs { padding:30px 0 0; } .margin-bottom-blogs { margin-bottom:30px; } section.banner-blogs { margin-top:75px; } .blog-detail section.banner-blogs h2 { font-size:18px; line-height:1.4; } } .line-height-94{ line-height:94px; } .max-w-620{ max-width:620px; } .certification-images img { max-width:125px; max-height:70px; } .industry-plans-ecommerce .section-2 h6 { color:#212529; } .banner-section { min-height:100vh; } .banner-section.portfolio-banner { min-height:auto; } .emerging-tech-blockchain .blockchain-banner,.section-100vh-z { padding:350px 0; } .banner-vr { padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -ms-flex-flow:wrap; flex-flow:wrap; } .banner-vr .container-1560 { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; } .for-Small-screen,.mega-menu-small-extra-screen-for-services { display:none; } .max-w-banner-image-cleaning { max-width:calc(100vh - 160px); } .max-w-100vh { width:100vh; max-width:65%; max-height:calc(100vh - 120px); } .pt-rental { padding-top:250px; } .banner-right-img-blockchain img,.center-image-blockchain,.contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain img,.contactimageweb03 img,.contactimageweb03main img,.image-ar-service > img { width:100%; } .text-justify-mine { text-align:justify; } @media (max-width:2550px) { .banner-section,.banner-section.portfolio-banner { min-height:100vh; } .section-100vh-z { padding:160px 0 40px; } } @media (max-width:1750px) { .contact-page .form input,.contact-page .form textarea,.list-items ul li { margin-bottom:35px; } .fa-110 { font-size:100px; } header { padding:50px 0; } .container-1560 { max-width:85%; } .line-height-104 { line-height:102%; } .main-circle { width:600px; height:600px; margin-left:auto; margin-right:auto; } span.inner-circle { width:450px; height:450px; border-width:30px; } .fa-80 { font-size:65px; } .list-items ul li { font-size:18px; } .circle-sec-3 { width:900px; height:900px; top:-450px; } .circle-sec-3.circle-center { width:1600px; height:1600px; top:auto; } .left-circle-sec:before { width:600px; height:600px; left:-530px; top:calc(50% + 40px); } .col-items { -webkit-box-flex:calc(20% - 15px); -ms-flex:calc(20% - 15px); flex:calc(20% - 15px); max-width:calc(20% - 15px); margin-bottom:20px; } .services-parent h3,.text-items h6 { font-size:20px; } .image-items { width:70px; height:70px; } .col-sub-portion-text { padding:70px 65px; -webkit-box-flex:0; -ms-flex:0 0 71%; flex:0 0 71%; max-width:71%; } .small-bottom-text { margin-left:5px; padding-left:8px; width:73px; } .emerging-tech-augmented-reality .text-resources-service p,.emerging-tech-blockchain .text-resources-service p,.emerging-tech-virtual-reality .text-resources-service p,.emerging-tech-web03 .text-resources-service p,.fa-18 { font-size:16px; } .part-1-inner-text p { line-height:150%; } .btn-reg { max-width:140px; min-height:50px; } .part-2-inner-text ul li a { font-size:22px; margin-bottom:20px; } .part-2-inner-text { margin:0 auto; } .col-sub-portion-image { -webkit-box-flex:0; -ms-flex:0 0 29%; flex:0 0 29%; } .invert-subportion .part-2-inner-text { margin-right:auto; margin-left:0; } .pb-190 { padding-bottom:150px; } .active-ecom.col-items-ecom .ecom-item ~ a,.col-items-ecom:hover .ecom-item ~ a,.pricing-main-panel.selected-pricing > a.btn-reg.btn-gradient { bottom:-25px; } .btn-reg.btn-gradient,.image-on-top-map > img.guanghau { max-width:160px; } .col-items-ecom { max-width:calc(33% - 10px); } .text-ecom-services { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .py-110 { padding-top:100px; padding-bottom:100px; } .box-content { max-width:200px; min-height:165px; } .box-content h3 { font-size:24px; } .image-blockchain-service > img,.image-blockchain-service > img.image-behind-block,.left-emerging img,.right-emerging img { width:100%; } .left-emerging,.right-emerging { bottom:140px; width:150px; left:-80px; } .right-emerging { left:auto; right:-80px; } .heading-bpo p { font-size:115px; } .heading-bpo h6 { font-size:27px; } .paragraph-bpo p { font-size:14px; margin-bottom:30px; } .col-bpo-items { -webkit-box-flex:0; -ms-flex:0 0 calc(33% - 15px); flex:0 0 calc(33% - 15px); max-width:calc(33% - 15px); } .col-bpo-items:nth-child(-n + 3) { margin-bottom:70px; } .max-width-1058 { max-width:968px; margin:55px auto 0; } .image-designer,.image-designer > img { min-height:500px; } .part-2-inner-text ul li a:before { left:-30px; background-size:25px; } .py-190-130 { padding-top:155px; padding-bottom:115px; } .text-resources-service h3,.text-resources-service h1 { font-size:100px; line-height:100%; } .text-resources-service p { font-size:18px; margin:30px 0 70px; max-width:600px; } .image-resource-service { max-width:380px; } .emerging-tech-augmented-reality .text-resources-service h3,.emerging-tech-blockchain .text-resources-service h3,.emerging-tech-virtual-reality .text-resources-service h3,.emerging-tech-web03 .text-resources-service h3,.emerging-tech-augmented-reality .text-resources-service h1,.emerging-tech-blockchain .text-resources-service h1,.emerging-tech-virtual-reality .text-resources-service h1,.emerging-tech-web03 .text-resources-service h1,.fa-100,.fa-90 { font-size:80px; } .pricing-main-panel { padding:40px 15px 55px 30px; } .rotated-items-text h6,.rotated-items-text h1 { font-size:70px; } .image-resource-service:before { width:calc(100% + 140px); height:calc(100% + 140px); } .pricing-items ul li { font-size:16px; margin-bottom:24px; } .pricing-items span,.reseller-step-z .step-box .oh-icon h2 { font-size:26px; } .pricing-items h3 { font-size:40px; } .fa-224 { font-size:196px; } .letter-spacing-5 { letter-spacing:-4px; } .fa-145 { font-size:135px; } .cols-ar-img-service { max-width:217px; min-height:293px; } .container-1547 { max-width:83%; } .cols-ar-img-service.big-devops-box { max-width:307px; min-height:223px; } .big-three-box .cols-ar-img-service { max-width:230px; min-height:293px; } .cols-ar-img-service img { max-width:200px; max-height:130px; } section.text-resource-services-section.hz-bpo-three { padding-top:200px; padding-bottom:70px; } .contact-main-area { padding:70px 0 70px 90px; } .form select,.form input,.form textarea { font-size:20.77px; } .form { max-width:540px; } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 { max-width:640px; } .banner-right-img-virtualreality { max-width:560px; } .services-main-services > * { margin-right:90px; } .fa-16,.services-parent ul li a,.text-location-footer p { font-size:14px; } .heading-mega h6 { font-size:55px; } .services-parent.service-below { margin-top:40px; } .mega-menu-service-main-box { padding:55px; } li.mega-menu-open:hover .mega-menu-service-main-box { top:70px; } .image-resource-service.service-circle-img img.finance-service-img { max-width:650px; max-height:650px; } .image-before-span-financial { background-size:8%; } .i-reseller-banner-text h3 { font-size:35px; } .reseller-step-z .step-box .oh-icon { width:225px; height:159px; } .circle-page-contact { max-width:1346px; } .main-circle-contact span { width:170px; } .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form textarea { min-height:170px; } .contact-section.hz-contact-bpo { padding:110px 0; } .image-vr-service img { max-width:600px; } span.bg-image-vr.revervrbgimage { left:40px; } .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain { max-width:680px; } .image-vr-service img.saturnalone { max-width:190px; right:0; top:-55px; } .image-vr-service img.earthalone { max-width:140px; left:65%; } .banner-right-img-blockchain:after { width:550px; height:550px; background-size:contain; background-position:right; } .banner-right-img-blockchain { max-width:550px; } .emerging-tech-blockchain .blockchain-banner { padding:300px 0; } .image-blockchain-service { max-width:495px; } .image-blockchain-service > img.image-behind-block.image-behind-block.idea-blockchain { width:calc(100% - 150px); } .image-ar-service { max-width:270px; } .image-ar-service:before { width:400px; height:400px; } .contact-section.contact-augmentendreality img { max-width:800px; } .banner-right-imgs .nft { max-width:900px; } .banner-right-imgs .circle { max-width:453px; right:440px; } .fa-150 { font-size:130px; } .emerging-tech-nft .bg-linear-gradient:after { right:-363px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); top:50%; } .nfts-right-img img { max-width:530px; } .image-on-top-map > img.texas,.image-on-top-map > img.uae { max-width:120px; } .image-on-top-map > img.karachi { max-width:110px; } .law-before-service:after { background-size:32%; } .py-190-190 { padding-top:160px; padding-bottom:160px; } .image-resource-service.service-circle-img img.ecom-top-image { max-width:100px; max-height:100px; } .dual-phone-number:hover .onhoverphonenumbers { bottom:-96px; } .col-location { margin-right:45px; } .text-location-footer h6 { font-size:19px; } .footer-circle { right:-500px; } .no-portfolio section#our-client { padding-top:70px; } .max-547 { max-width:480px; } } @media (max-width:1599px) { .left-circle-sec:before,.main-circle { width:550px; height:550px; } span.inner-circle { width:400px; height:400px; border-width:30px; } .fa-110,.text-resources-service h3,.text-resources-service h1 { font-size:90px; } .line-height-104 { line-height:100%; } .text-bottom { margin-top:60px; } img.google-certificate { margin:0 30px 0 35px; } header { padding:40px 0; } .container-1560 { max-width:90%; } .left-circle-sec:before { left:-505px; top:calc(50% + 4%); } .image-screen { max-width:700px; } .image-screen img { width:100%; } .video { width:calc(100% - 40px); height:calc(100% - 40px); } .circle-sec-3 { width:800px; height:800px; top:-400px; } .circle-sec-3.circle-center { width:1400px; height:1400px; top:auto; } .items { padding:35px 18px; } .image-items:before { height:calc(100% + 10px); width:calc(100% + 10px); } .text-items h6 { font-size:20px; } .part-2-inner-text ul li a { font-size:20px; margin-bottom:16px; } .fa-80 { font-size:60px; } .line-bottom-heading:before { bottom:6px; } .py-110 { padding-top:90px; padding-bottom:90px; } .heading-bpo p { font-size:100px; line-height:90px; } .mb-97 { margin-bottom:80px; } .pb-190 { padding-bottom:120px; } .image-designer,.image-designer > img { min-height:450px; } .part-2-inner-text ul li a:before { left:-35px; background-size:20px; } .links-columns > ul > li > a { margin-right:70px; font-size:16px; } .services-parent ul li a,.social-contact a { font-size:13px; } .section-1.padding-top-header { padding-top:140px; } .button-play { width:140px; height:140px; font-size:44px; } .text-resources-service p { font-size:17px; max-width:570px; margin:20px 0 50px; } .fa-100 { font-size:73px; } .line-height-167 { line-height:160%; } .max-547 { max-width:500px; } .fa-224 { font-size:185px; } .letter-spacing-5 { letter-spacing:-3px; } .fa-145 { font-size:130px; } .footer:before { width:892px; height:892px; } .cols-ar-img-service { max-width:200px; min-height:260px; border-radius:24px; } .contact-main-area { padding:60px 0 60px 80px; } .fa-90 { font-size:72px; } .form select,.form input,.form textarea { font-size:17.77px; padding:13px 15px 13px 1px; } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 { max-width:560px; } .contact-main-area button.btn-reg.btn-gradient { max-width:190px; bottom:-25px; } .form { max-width:490px; } .big-three-box .cols-ar-img-service { max-width:210px; min-height:270px; } .cols-ar-img-service img { max-width:190px; max-height:120px; } .cols-ar-img-service.big-devops-box { max-width:290px; min-height:210px; } section.text-resource-services-section.hz-bpo-three { padding-top:150px; padding-bottom:60px; } .banner-right-img-virtualreality { max-width:470px; } .background-images-mulitple img { max-width:50px; } .services-main-services > * { margin-right:70px; } .services-parent h3 { font-size:18px; } .services-parent.service-below { margin-top:30px; } .section-100vh-z { padding-top:137px; } .image-resource-service.service-circle-img img.finance-service-img { max-width:550px; max-height:550px; } .i-reseller-banner-text h3 { font-size:30px; } .reseller-step-z .step-box .oh-icon { width:205px; height:149px; } .reseller-step-z .step-box .oh-icon h2 { font-size:24px; } .circle-page-contact { max-width:1246px; } .main-circle-contact span { width:150px; } section.banner-section-contact { padding:300px 0 420px; } .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain { max-width:580px; } .emerging-tech-augmented-reality .text-resources-service p,.emerging-tech-blockchain .text-resources-service p,.emerging-tech-virtual-reality .text-resources-service p,.emerging-tech-web03 .text-resources-service p { font-size:14px; } .emerging-tech-augmented-reality .text-resources-service h3,.emerging-tech-blockchain .text-resources-service h3,.emerging-tech-virtual-reality .text-resources-service h3,.emerging-tech-web03 .text-resources-service h3,.emerging-tech-augmented-reality .text-resources-service h1,.emerging-tech-blockchain .text-resources-service h1,.emerging-tech-virtual-reality .text-resources-service h1,.emerging-tech-web03 .text-resources-service h1{ font-size:70px; } .image-vr-service img { max-width:550px; } .banner-right-img-blockchain:after { width:450px; height:450px; } .banner-right-img-blockchain { max-width:450px; } .emerging-tech-blockchain .blockchain-banner { padding:250px 0; } .image-blockchain-service { max-width:435px; } body.emerging-tech-blockchain .col-lg-6.text-left,body.emerging-tech-blockchain .col-lg-6.text-right { text-align:center!important; } .before-after-images-lines { display:none; } .contactimageweb03 img { max-width:400px; } .contactimageweb03 { right:90px; } .image-ar-service { max-width:240px; } .image-ar-service:before { width:350px; height:350px; } .banner-right-imgs .nft,.contact-section.contact-augmentendreality img { max-width:750px; } .banner-right-imgs .circle { max-width:390px; right:350px; } .fa-150 { font-size:115px; } .emerging-tech-nft .bg-linear-gradient:after { background-size:contain; right:-313px; width:350px; height:350px; } .image-resource-service.service-circle-img img.ecom-top-image { max-width:90px; max-height:90px; right:50px; } .dual-phone-number:hover .onhoverphonenumbers { bottom:-89px; } .onhoverphonenumbers { width:150px; right:13px; } .text-location-footer h6 { font-size:17px; } .text-location-footer p { font-size:12px; } .footer-circle { right:-500px; } .nfts-right-img img { max-width:440px; } } @media (max-width:1439px) { .fa-110 { font-size:80px; } .text-bottom { margin-top:45px; } .main-circle { width:500px; margin:0 auto; height:500px; } .left-circle-sec:before { left:-515px; } .contact-main-area .fa-100,.contact-section.contact-virtual-reality .contact-main-area h3,.fa-80 { font-size:55px; } .list-items ul li { font-size:16px; margin-bottom:25px; } .image-items { width:45px; height:45px; } .image-items img { width:65%; height:auto; -o-object-fit:contain; object-fit:contain; } .text-items h6,.text-location-footer h6 { font-size:16px; } .items { padding:35px 15px; } .items.active-industry .learn-more,.items:hover .learn-more { bottom:10px; font-size:10px; } .col-sub-portion-text { padding:70px 50px; } .part-1-inner-text { max-width:500px; padding-right:40px; } .pb-190 { padding-bottom:100px; } .part-2-inner-text { -webkit-box-flex:0; -ms-flex:0 0 30%; flex:0 0 30%; } .invert-subportion .part-1-inner-text { padding-right:0; padding-left:40px; } .fa-18,.part-2-inner-text ul li a,.text-ecom-services p,.text-resources-service span a { font-size:14px; } .btn-reg { min-height:45px; font-size:14px; } .line-height-112 { line-height:104%; } .ecom-item img,.log-container img { width:100%; } .ecom-item h3,.heading-bpo h6,.reseller-step-z .step-box .oh-icon h2 { font-size:22px; } .box-content-emerging-heading { padding:125px 0 95px; } .container-1150 { max-width:900px; } .center-emerging { top:-50px; } .center-emerging > img,.image-on-top-map > img.uae { max-width:100px; } span.animation-image-top img { max-width:36px; } span.animation-image-top { top:-17px; height:52px; width:45px; } .box-content-emerging-heading:before { width:410px; height:410px; } .box-content { max-width:170px; min-height:140px; } .box-content h3,.fa-22 { font-size:18px; } .left-emerging,.right-emerging { width:130px; left:-60px; bottom:110px; } .right-emerging { left:auto; right:-60px; } .container-1350 { max-width:90%; } .heading-bpo p { font-size:90px; line-height:75px; } .items-bpo { padding:22px 30px; } .certification-images img { max-width:130px; } .max-width-1058 { max-width:782px; } .image-designer,.image-designer > img { min-height:410px; } .part-2-inner-text ul li a:before { left:-25px; background-size:15px; } .links-columns > ul > li > a { margin-right:40px; font-size:14px; } .social-contact a span:first-child { font-size:14px; height:35.32px; width:35.32px; margin-right:10px; } .log-container { width:150px; } header { padding:35px 0; } span.inner-circle { width:380px; height:380px; border-width:30px; } .section-1.padding-top-header { padding-top:130px; } .fa-100 { font-size:70px; } .py-190-130 { padding-top:135px; padding-bottom:105px; } .image-resource-service { max-width:300px; } .image-resource-service:before { width:calc(100% + 120px); height:calc(100% + 120px); } .text-resources-service h3,.text-resources-service h1 { font-size:75px; } .text-resources-service p { font-size:15px; max-width:500px; margin:25px 0 40px; } .col-pricing { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 12.5px); flex:0 0 calc(50% - 12.5px); margin-right:25px; } .pricing-items ul li { font-size:15px; margin-bottom:20px; } .rotated-items-text h6,.rotated-items-text h1 { font-size:64px; } .pricing-items h3 { font-size:34px; } .pricing-items span { font-size:20px; } .pricing-main-panel { padding:35px 15px 45px 25px; } .content-right-column { -webkit-box-flex:0; -ms-flex:0 0 38%; flex:0 0 38%; margin-left:auto; } .max-547 { max-width:470px; } .line-height-167 { line-height:150%; } .fa-224 { font-size:162px; } .letter-spacing-5 { letter-spacing:-2px; } .fa-145 { font-size:110px; } .footer:before { width:812px; height:812px; } .cols-ar-img-service { max-width:170px; min-height:230px; } .fa-90 { font-size:62px; } .form select,.form input,.form textarea { font-size:15.77px; } .contact-main-area { padding:50px 0 50px 70px; } .form { max-width:410px; } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 { max-width:500px; } .contact-main-area button.btn-reg.btn-gradient { max-width:170px; bottom:-20px; } .hz-contact-bpo .right-blue-circle-800:after { right:-240px; bottom:60px; } .hz-contact-bpo .left-blue-circle-800:before { left:-260px; bottom:-10px; } .big-three-box .cols-ar-img-service { max-width:190px; min-height:250px; } .cols-ar-img-service.big-devops-box { max-width:260px; min-height:180px; } .cols-ar-img-service img { max-width:160px; max-height:110px; } section.text-resource-services-section.hz-bpo-three { padding-top:120px; padding-bottom:50px; } .background-images-mulitple img { max-width:40px; } .background-images-mulitple { width:43%; z-index:-1; } .banner-images-virtualreality { top:-90px; } .banner-right-img-virtualreality { max-width:340px; right:200px; } .services-parent h3 { font-size:16px; padding:4px 4px 10px; } .services-parent ul li a { font-size:13px; padding:4px; } .heading-mega h6 { font-size:45px; } .mega-menu-service-main-box { padding:40px; border-radius:35px; } .heading-mega { margin-bottom:40px; } li.mega-menu-open:hover .mega-menu-service-main-box { top:60px; } .section-100vh-z { padding-top:112px; } .image-resource-service.service-circle-img img.finance-service-img { max-width:500px; max-height:500px; } .image-before-span-financial { background-size:6%; background-position-y:center; } .pt-rental { padding-top:180px; padding-bottom:280px; } .i-reseller-banner-text h3 { font-size:25px; } .reseller-step-z .step-box .oh-icon { width:185px; height:129px; margin-bottom:30px; } .circle-contact h1 { font-size:65px; } .circle-contact p { font-size:12px; max-width:550px; } section.banner-section-contact { padding:270px 0 300px; } .circle-page-contact { max-width:1000px; } .main-circle-contact span { width:120px; } .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form textarea { min-height:130px; margin-bottom:0; } section.contact-section.contact-nft.py-110.hz-contact-bpo.industry-contact.contact-page { padding:110px 0 70px; } .image-vr-service img { max-width:450px; } .emerging-tech-augmented-reality .text-resources-service p,.emerging-tech-blockchain .text-resources-service p,.emerging-tech-virtual-reality .text-resources-service p,.emerging-tech-web03 .text-resources-service p { font-size:13px; } .emerging-tech-augmented-reality .text-resources-service h3,.emerging-tech-blockchain .text-resources-service h3,.emerging-tech-virtual-reality .text-resources-service h3,.emerging-tech-web03 .text-resources-service h3,.emerging-tech-augmented-reality .text-resources-service h1,.emerging-tech-blockchain .text-resources-service h1,.emerging-tech-virtual-reality .text-resources-service h1,.emerging-tech-web03 .text-resources-service h1{ font-size:60px; } .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain { max-width:480px; } .banner-right-img-blockchain { max-width:400px; right:100px; } .banner-right-img-blockchain:after { width:400px; height:400px; } .image-blockchain-service { max-width:355px; } .image-blockchain-service > img.image-behind-block.image-behind-block.idea-blockchain { width:calc(100% - 100px); } .blockchain-bg-with-text:before { background-size:70%; } .contactimageweb03 img { max-width:350px; } .contactimageweb03 { right:110px; } .banner-images-augreal { right:50px; } .section-2.emerging-tech-augmented-reality { padding:120px 0; } .banner-right-imgs .nft,.contact-section.contact-augmentendreality img { max-width:650px; } .banner-right-imgs .circle { max-width:320px; right:320px; } .fa-150 { font-size:100px; } .image-on-top-map > img.guanghau { max-width:140px; } .image-on-top-map > img.texas { max-width:110px; } .image-on-top-map > img.karachi { max-width:90px; } .py-190-190 { padding-top:120px; padding-bottom:120px; } .col-location { margin-right:25px; } .text-location-footer p { font-size:11px; } .footer-circle { right:-590px; } } @media (max-width:1199px) { .py-110,.section-1 { padding-bottom:70px; } .fa-110 { font-size:65px; } .left-circle-sec:before { left:-520px; } .main-circle { width:450px; height:450px; } span.inner-circle { width:320px; height:320px; } .section-1.padding-top-header,section.text-resource-services-section.hz-bpo-three { padding-top:100px; } .contact-main-area .fa-100,.emerging-tech-augmented-reality .text-resources-service h3,.emerging-tech-blockchain .text-resources-service h3,.emerging-tech-virtual-reality .text-resources-service h3,.emerging-tech-web03 .text-resources-service h3,.emerging-tech-augmented-reality .text-resources-service h1,.emerging-tech-blockchain .text-resources-service h1,.emerging-tech-virtual-reality .text-resources-service h1,.emerging-tech-web03 .text-resources-service h1,.fa-80 { font-size:50px; } .padding-top-header { padding-top:127px; } .line-bottom-heading:before { bottom:4px; } .contact-section.contact-augmentendreality img,.image-screen { max-width:550px; } .video { width:calc(100% - 30px); height:calc(100% - 30px); } .circle-sec-3 { width:600px; height:600px; top:-300px; } .circle-sec-3.circle-center { width:1020px; height:1020px; top:auto; } .row-footer-location { margin-bottom:85px; } .py-110 { padding-top:80px; } .image-items { width:40px; height:40px; } .items { padding:30px 10px; } .image-items:before { height:calc(100% + 5px); width:calc(100% + 5px); } .text-items h6 { font-size:11px; letter-spacing:-1.1px; } .items.active-industry .learn-more,.items:hover .learn-more { font-size:8px; bottom:8px; } .part-1-inner-text p { margin:16px 0 18px; } .emerging-tech-augmented-reality .text-resources-service p,.emerging-tech-blockchain .text-resources-service p,.emerging-tech-virtual-reality .text-resources-service p,.emerging-tech-web03 .text-resources-service p,.fa-18,.part-2-inner-text ul li a,.text-ecom-services p { font-size:12px; } .part-2-inner-text { -webkit-box-flex:0; -ms-flex:0 0 32%; flex:0 0 32%; } .part-2-inner-text ul { margin:0 auto; width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; } .ecom-item h3 { font-size:20px; top:calc(100% - 75px); padding:0 15px; } .btn-reg,.btn-reg.btn-gradient { font-size:12px; max-width:110px; min-height:38px; } .btn-reg.btn-gradient { max-width:120px; } .ecom-item ~ a > img { width:15px; } .active-ecom.col-items-ecom .ecom-item ~ a,.col-items-ecom:hover .ecom-item ~ a { bottom:-18px; } .my-22-29 { margin-top:18px; margin-bottom:22px; } .box-content { max-width:115px; min-height:95px; border-radius:12px; } .box-content h3 { font-size:14px; } .container-1150 { max-width:700px; } .box-content-emerging-heading { padding:110px 0 75px; } .box-content-emerging-heading:before { width:350px; height:350px; } .left-emerging,.right-emerging { width:90px; left:-20px; bottom:90px; } .right-emerging { right:-20px; left:auto; } .heading-bpo p { font-size:70px; line-height:60px; margin-bottom:10px; } .heading-bpo h6,.reseller-step-z .step-box .oh-icon h2 { font-size:18px; } .paragraph-bpo p,.pricing-items ul li { font-size:12px; margin-bottom:20px; } .anchor-bpo a { font-size:12px; padding-left:40px; } .anchor-bpo a:after,.anchor-bpo a:before { width:35px; } .items-bpo { padding:20px 25px; } .col-bpo-items:nth-child(-n + 3) { margin-bottom:45px; } .col-bpo-items { -webkit-box-flex:0; -ms-flex:0 0 calc(33% - 5px); flex:0 0 calc(33% - 5px); max-width:calc(33% - 5px); } .max-width-1058 { max-width:670px; } #sec4.py-110 { padding-top:40px; } .image-designer,.image-designer > img { min-height:370px; } .part-2-inner-text ul li a:before { left:-25px; background-size:15px; } .links-columns > ul > li > a { margin-right:30px; font-size:12px; } .log-container { width:120px; } header { padding:30px 0; } .social-contact a span:first-child { margin-right:0; width:28px; height:28px; font-size:12px; } .center-emerging { top:-30px; } .center-emerging > img { max-width:80px; } span.animation-image-top img { max-width:30px; -o-object-fit:contain; object-fit:contain; } span.animation-image-top { top:-14px; height:42px; width:35px; } .button-play { width:130px; height:130px; font-size:40px; } .social-contact.footer-social a { font-size:11px; } .social-contact.footer-social a span:first-child { width:25px; height:25px; font-size:12px; margin-right:5px; } .py-190-130 { padding-top:115px; padding-bottom:95px; } .text-resources-service h3,.text-resources-service h1 { font-size:60px; } .text-resources-service p { font-size:13px; margin:25px 0; } .image-resource-service { max-width:250px; } .image-resource-service:before { width:calc(100% + 100px); height:calc(100% + 100px); } .image-resource-service:after { width:calc(100% + 15px); height:calc(100% + 15px); } .pricing-main-panel { padding:30px 15px 40px; } .fa-100 { font-size:58px; } .content-right-column { -webkit-box-flex:0; -ms-flex:0 0 33%; flex:0 0 33%; max-width:33%; } .column-responsive-pricing { -webkit-box-flex:0; -ms-flex:0 0 65%; flex:0 0 65%; max-width:65%; } .rotated-items-text h6,.rotated-items-text h1 { font-size:45px; } .pricing-items h3 { font-size:34px; } .pricing-items span { font-size:16px; } .pricing-main-panel.selected-pricing > a.btn-reg.btn-gradient { bottom:-20px; } .max-547 { max-width:380px; } .pricing-main-panel > a > img { width:13px; } .pricing-main-panel > a { font-size:13px; } .fa-224 { font-size:124px; } .letter-spacing-5 { letter-spacing:-1px; } .fa-145 { font-size:90px; } .footer:before { width:682px; height:682px; } .cols-ar-img-service { max-width:140px; min-height:190px; border-radius:18px; } .fa-90 { font-size:52px; } .contact-main-area h3 { margin-bottom:25px; } .contact-main-area { padding:40px 0 40px 60px; } .form select,.form input,.form textarea { font-size:12.77px; padding:9px 15px 9px 1px; border-width:1px; } .contact-main-area button.btn-reg.btn-gradient { max-width:150px; bottom:-19px; } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 { max-width:410px; } .hz-contact-bpo .right-blue-circle-800:after { bottom:90px; } .hz-contact-bpo .left-blue-circle-800:before { left:-190px; bottom:40px; } .form { max-width:340px; } .big-three-box .cols-ar-img-service { max-width:160px; min-height:200px; } .cols-ar-img-service.big-devops-box { max-width:220px; min-height:160px; } .cols-ar-img-service img { max-width:130px; max-height:90px; } .banner-right-img-virtualreality { max-width:280px; right:120px; } .banner-images-virtualreality { top:-60px; } .background-images-mulitple { width:52%; } .services-main-services > * { margin-right:50px; -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; max-width:25%; margin-bottom:0; } .services-parent.service-below { margin-top:20px; } .services-parent h3 { font-size:15px; padding:6px 6px 10px; white-space:nowrap; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; } .services-parent ul li a { font-size:12px; padding:5px; margin-bottom:2px; } .heading-mega h6 { font-size:40px; } .mega-menu-service-main-box { padding:45px 35px; border-radius:35px; } .heading-mega { margin-bottom:20px; } .section-100vh-z { padding-top:94px; } .image-resource-service.service-circle-img img.finance-service-img { max-width:400px; max-height:400px; } .i-reseller-banner-text h3 { font-size:20px; letter-spacing:-1px; margin-bottom:10px; } .reseller-step-z .step-box .oh-icon { width:165px; height:109px; margin-bottom:20px; } section.banner-section-contact { padding:200px 0 300px; } .circle-page-contact { max-width:800px; } .circle-contact p { max-width:450px; } section.contact-section.contact-nft.py-110.hz-contact-bpo.industry-contact.contact-page { padding:50px 0 90px; } .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain { max-width:380px; right:0; border-radius:0 0 90px; overflow:hidden; } .image-vr-service img.saturnalone { max-width:140px; right:0; top:-35px; } .image-vr-service img.earthalone { max-width:110px; left:55%; } .image-vr-service img { max-width:350px; } .contact-section.contact-virtual-reality .contact-main-area h3 { font-size:45px; } .banner-right-img-blockchain { max-width:300px; right:50px; } .banner-right-img-blockchain:after { width:300px; height:300px; right:-100px; } .emerging-tech-blockchain .blockchain-banner { padding:170px 0; } .image-blockchain-service { max-width:305px; } .image-blockchain-service > img.image-behind-block.image-behind-block.idea-blockchain { width:calc(100% - 80px); } .contactimageweb03 img { max-width:280px; } .contactimageweb03 { right:70px; } .emerging-tech-augmented-reality .banner-section { padding:17% 0; } .section-2.emerging-tech-augmented-reality { padding:80px 0; } .image-ar-service { max-width:200px; } .image-ar-service:before { width:300px; height:300px; } .banner-right-imgs .nft { max-width:500px; } .banner-right-imgs .circle { max-width:290px; right:230px; } .fa-150 { font-size:85px; } .social-contact a { font-size:10px; margin-right:15px; } .header-row .social-contact { margin-left:25px; } .py-190-190 { padding-top:90px; padding-bottom:90px; } .image-resource-service.service-circle-img img.ecom-top-image { max-width:70px; max-height:70px; } .banner-section.portfolio-banner { min-height:auto; } .dual-phone-number:hover .onhoverphonenumbers { bottom:-70px; } .onhoverphonenumbers { width:124px; padding:10px; right:4px; } .certification-images img { max-width:120px; max-height:70px; } img.google-certificate { margin:0 20px 0 25px; } .col-location { margin-right:10px; } .text-location-footer h6 { font-size:15px; margin-bottom:3px; } .text-location-footer p { font-size:10px; } .nfts-right-img img { max-width:360px; } } @media (max-width:991px) { .column-responsive-pricing ul.slick-dots li.slick-active button,.line-btn { background:#459aff; } .log-container img { width:100%; } .log-container { max-width:130px; } .world-circles-images { position:absolute; top:0; width:5%; right:0; } .dmca-certificate { text-align:center; } .world-circles-images * { width:175px; height:175px; } .row-pricing,.section-1 .row.align-items-center { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; } .circle-contact h1,.fa-110 { font-size:55px; } .image-reseller:after,.left-circle-sec:before,.links-columns > ul > li > a:after,.mega-menu-service-main-box,.services-main-services > .services-parent > ul,.services-parent h3:before,.services-parent.service-below > ul,.small-bottom-text { display:none; } .btn-d-none,.line-btn,.text-location-footer p > br { display:block; } .text-bottom { position:absolute; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:100%; } .text-banner-home { max-width:370px; } .section-1 { padding-bottom:150px; } .padding-top-header { padding-top:160px; } span.top-right-gradient-circle { width:600px; height:600px; } .section-2,.section-2.emerging-tech-augmented-reality { padding:60px 0; } .emerging-tech-augmented-reality .text-resources-service h3,.emerging-tech-blockchain .text-resources-service h3,.emerging-tech-virtual-reality .text-resources-service h3,.emerging-tech-web03 .text-resources-service h3,.emerging-tech-augmented-reality .text-resources-service h1,.emerging-tech-blockchain .text-resources-service h1,.emerging-tech-virtual-reality .text-resources-service h1,.emerging-tech-web03 .text-resources-service h1,.fa-80,.fa-90 { font-size:40px; } .circle-sec-3 { width:400px; height:400px; top:-200px; } .circle-sec-3.circle-center { width:1000px; height:1000px; } .fa-18,.list-items ul li,.text-ecom-services p { font-size:14px; } .heading-mega,.line-bottom-heading { margin-bottom:60px; } .col-items { -webkit-box-flex:calc(33% - 10px); -ms-flex:calc(33% - 10px); flex:calc(33% - 10px); max-width:calc(33% - 10px); margin:0 auto 12.5px; } .industries-we-serve-row { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .text-items h6 { font-size:18px; } .image-items { width:70px; height:70px; } .items { padding:25px 10px; } .image-screen { max-width:400px; } .video { width:calc(100% - 18px); height:calc(100% - 18px); } .row-sub-portion { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; position:relative; } .col-sub-portion-image { position:absolute; width:100%; height:100%; -webkit-box-flex:1; -ms-flex:auto; flex:auto; max-width:100%; z-index:0; opacity:0.1; } .image-designer,.image-designer > img { -o-object-position:center; object-position:center; min-height:auto; } .col-sub-portion-text,.column-responsive-pricing { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .col-sub-portion-text > * { position:relative; z-index:2; } .text-ecom-services { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; text-align:center; padding-bottom:50px; max-width:500px; margin:0 auto; } .ecom-item h3 { top:calc(100% - 85px); max-width:160px; font-size:22px; padding:0; } .paragraph-bpo p,.social-contact a,.social-contact.footer-social a { font-size:12px; } .image-reseller,.image-reseller > img { max-width:100%; height:100%; margin:0 auto; -o-object-fit:contain; object-fit:contain; } .section-8 .text-ecom-services { padding:50px 0; } .section-8 .col-lg-6.mx-auto { position:absolute; width:100%; height:100%; opacity:0.2; z-index:-1; } .section-8 .row { position:relative; } .section-8.py-110,section.section-pricing.three-pricing .slick-list { padding:0; } .center-emerging { top:-20px; } .center-emerging > img { max-width:60px; } span.animation-image-top img { max-width:18px; } span.animation-image-top { top:-11px; height:31px; width:25px; } .section-1.padding-top-header { padding-top:150px; } button.btn-menu-small-screen { height:20px; width:30px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; background:0 0; border:none; z-index:999999; position:relative; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:0.3s ease-in-out 0.3s; -o-transition:0.3s ease-in-out 0.3s; transition:0.3s ease-in-out 0.3s; } .line-btn,.links-columns > ul { width:100%; -webkit-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; } .links-columns > ul,.section-pricing.pricing-right .row-pricing { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .line-btn { height:2px; -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); } .links-columns > ul { position:fixed; height:-webkit-fit-content; height:-moz-fit-content; height:fit-content; top:50%; left:50%; max-width:392px; -webkit-transform:translate(-50%,-50%) scale(0); -ms-transform:translate(-50%,-50%) scale(0); transform:translate(-50%,-50%) scale(0); background:-webkit-gradient(linear,left top,left bottom,from(#0591f7),to(#215fda)); background:-o-linear-gradient(top,#0591f7,#215fda); background:linear-gradient(180deg,#0591f7,#215fda); display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; background-size:contain; padding:50px; min-height:550px; border-radius:20px; overflow:auto; } .navbar-open { overflow:hidden; } .links-columns > ul .btn-d-none { position:absolute; right:20px; top:20px; } .closebtnsmall button span.line-btn,.links-columns > ul .btn-d-none span { background:#fff; } .links-columns > ul > li > a { margin-right:0; font-size:18px; color:#fff; margin-bottom:10px; display:inline-block; padding:0; } .links-columns > ul.active-header { -webkit-transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); transform:translate(-50%,-50%) scale(1); } button.btn-menu-small-screen.active-btn .line-btn.top-line { -webkit-transform:rotate(45deg) translate(6px,6px); -ms-transform:rotate(45deg) translate(6px,6px); transform:rotate(45deg) translate(6px,6px); } button.btn-menu-small-screen.active-btn .line-btn.middle-line { opacity:0; -webkit-transform:translateY(140px) rotate(90deg); -ms-transform:translateY(140px) rotate(90deg); transform:translateY(140px) rotate(90deg); } button.btn-menu-small-screen.active-btn .line-btn.bottom-line { -webkit-transform:rotate(-45deg) translate(6px,-7px); -ms-transform:rotate(-45deg) translate(6px,-7px); transform:rotate(-45deg) translate(6px,-7px); } .social-contact a span:first-child { width:26px; height:26px; font-size:12px; } .line-btn.bottom-line { -webkit-transform:rotate(-180deg); -ms-transform:rotate(-180deg); transform:rotate(-180deg); } .line-btn.middle-line { -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0); } .btn-menu-small-screen.active-btn { -webkit-transform:rotate(0); -ms-transform:rotate(0); transform:rotate(0); } .button-play { width:80px; height:80px; font-size:22px; } .social-contact.footer-social a span:first-child { width:30px; height:30px; font-size:13px; margin-right:15px; } .social-contact.footer-social { max-width:250px; margin:25px auto 0; } .text-resources-service h3,.text-resources-service h1 { font-size:45px; letter-spacing:-3.5px; } .text-resources-service p { max-width:100%; font-size:14px; } .image-resource-service,.inverse-rows-text .row .image-resource-service { margin:100px auto 0; } .py-190-130 { padding-top:75px; padding-bottom:55px; } .section-pricing .row-pricing .content-right-column { padding-bottom:35px; margin:0 auto; } .section-pricing.pricing-left.py-110 { padding:30px 0 70px; } section.text-resource-services-section.inverse-rows-text.py-190-130 { padding-top:0; } .max-547 { max-width:100%; } .world-circles-images.footer-circle .main-footer-circle { width:650px; height:650px; top:auto; bottom:-500px; } .fa-224 { font-size:100px; } .banner-section,.min-height-control-medical { min-height:auto; } section.text-resource-services-section.hz-bpo-three { padding-top:60px; } .contact-main-area { padding:30px 0 30px 30px; } .contact-main-area h3,.contact-page .form input,.contact-page .form textarea { margin-bottom:15px; } .form select,.form input,.form textarea { font-size:11.77px; padding:7px 15px 7px 1px; } .contact-main-area button.btn-reg.btn-gradient,.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form button.btn-reg.btn-gradient { max-width:140px; } .form { max-width:250px; } .banner-right-imgs .nft,.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 { max-width:350px; } .hz-contact-bpo .left-blue-circle-800:before { left:-170px; bottom:0; } .hz-contact-bpo .right-blue-circle-800:after { bottom:70px; } .fa-100 { font-size:45px; } li.mega-menu-open .mega-menu-service-main-box { border-radius:0; -webkit-transform:none; -ms-transform:none; transform:none; height:100%; padding:100px 30px 50px; overflow-x:hidden; } .services-parent.service-below { margin-top:0; } .services-main-services { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; height:100%; -ms-flex-flow:wrap; flex-flow:wrap; display:block; } .services-main-services > * { margin-right:0; margin-bottom:0; width:100%; -webkit-box-flex:unset; -ms-flex:unset; flex:unset; max-width:100%; } .mega-menu-service-main-box:after,.mega-menu-small-extra-screen-for-services:after { width:600px; height:600px; right:-360px; top:-150px; } .heading-mega h6:after { left:0; top:auto; bottom:-20px; width:100%; } .services-parent h3 { font-size:16px; cursor:pointer; padding:6px; display:block; margin-bottom:10px; position:relative; } .services-parent h3:after { content:"\f30b"; font-family:"Font Awesome 6 Free"; position:absolute; right:0; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); } .tabs-mega-menu { height:calc(100% - 100px); } .navbar-open .header-row .btn-d-none { opacity:0; } li.mega-menu-open .mega-menu-service-main-box,li.mega-menu-open:hover .mega-menu-service-main-box { top:0; visibility:visible; opacity:1; z-index:9999; left:0; display:none; -webkit-transition:none; -o-transition:none; transition:none; } .for-Small-screen { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; position:absolute; width:calc(100% - 50px); top:20px; -webkit-box-align:center; -ms-flex-align:center; align-items:center; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .backtoprevious .arrowprev h3 { max-width:40px; font-size:10px; margin-left:8px; } .backtoprevious .arrowprev { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; color:#fff; } .closebtnsmall button { width:20px; } li.mega-menu-open .mega-menu-service-main-box.clickedonservice,li.mega-menu-open:hover .mega-menu-service-main-box.clickedonservice { left:0; } .mega-menu-small-extra-screen-for-services { display:none; position:absolute; right:00%; top:0; width:100%; background:-webkit-gradient(linear,left top,left bottom,from(#0591f7),to(#215fda)); background:-o-linear-gradient(top,#0591f7,#215fda); background:linear-gradient(180deg,#0591f7,#215fda); z-index:99999; -webkit-transition:none; -o-transition:none; transition:none; border-radius:0; height:100%; padding:100px 30px 50px; overflow-x:hidden; } .mega-menu-small-extra-screen-for-services.servicesopened { right:0; } .navbar-open main:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#000000ab; z-index:99; } .navbar-open main .header-row > div:not(:nth-last-child(2)) { opacity:0; z-index:1; visibility:hidden; } .pagesserviceselected ul li a { color:#fff; font-size:16px; padding:5px 0; display:inline-block; margin-bottom:5px; } .column-responsive-pricing ul.slick-dots li,.pagesserviceselected ul { list-style:none; } .pagesserviceselected { max-height:290px; overflow-y:auto; } .image-resource-service.service-circle-img img.finance-service-img { max-width:300px; max-height:300px; } .banner-vr,.emerging-tech-blockchain .blockchain-banner,.finance-banner { padding:150px 0; } .reseller-step-z .step-box .oh-icon { width:calc(100% - 30px); height:100px; } .reseller-step-z .step-box .oh-icon h2 { font-size:16px; } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area h3 { margin-bottom:35px; } .section-100vh-z { padding:160px 0 140px; } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area { z-index:0; position:relative; } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area img.image-nft-form { z-index:-1; opacity:0.9; } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form,.nfts-right-img img { max-width:260px; } .contact-section.industry-contact .contact-main-area.radius-60,.radius-60 { border-radius:20px; } .circle-contact p { max-width:420px; } .circle-page-contact { max-width:650px; top:50px; } .main-circle-contact span { width:80px; } section.banner-section-contact { padding:180px 0 220px; } .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form textarea { min-height:80px; } .contact-page .contact-main-area .form { max-width:calc(100% - 50px); } .contact-page .contact-main-area h3 { margin-bottom:30px; } .image-vr-service img { max-width:300px; } .image-vr-service img.saturnalone { max-width:100px; right:0; top:0; } .image-vr-service img.earthalone { max-width:70px; left:65%; } .contact-section.contact-virtual-reality .contact-main-area h3 { font-size:35px; } .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain { max-width:340px; } .banner-right-img-blockchain { max-width:230px; right:20px; } .banner-right-img-blockchain:after { width:200px; height:210px; right:-50px; } .image-blockchain-service { max-width:235px; } .image-blockchain-service > img.image-behind-block.image-behind-block.idea-blockchain { width:calc(100% - 60px); } .contact-main-area.contact-blockchain .col-lg-4 img { position:absolute; right:0; width:266px; z-index:-1; opacity:0.5; bottom:0; } .fa-145 { font-size:70px; } .contactimageweb03 { right:80px; top:70%; } .contactimageweb03 img { max-width:240px; } .contact-section.contact-augmentendreality img { max-width:440px; right:-100px; } .emerging-tech-augmented-reality .cols-ar-img-service { max-width:initial; display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; } .emerging-tech-augmented-reality .image-ar-unique-service .slick-list { margin:0 -20px; } .emerging-tech-augmented-reality .image-ar-unique-service .slick-slide { margin:0 20px; } .banner-right-imgs .circle { max-width:150px; right:200px; } .fa-150 { font-size:65px; } .image-on-top-map > img.uae { max-width:70px; } .image-on-top-map > img.guanghau { max-width:90px; } .image-on-top-map > img.texas { max-width:75px; } .image-on-top-map > img.karachi { max-width:65px; } .section-pricing.three-pricing .col-pricing { -webkit-box-flex:1; -ms-flex:auto; flex:auto; } .column-responsive-pricing ul.slick-dots li button { width:15px; height:15px; background:0 0; font-size:0; border:1px solid #459aff; border-radius:50%; -webkit-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; margin-right:8px; } .column-responsive-pricing ul.slick-dots { position:absolute; display:-webkit-box; display:-ms-flexbox; display:flex; width:100%; bottom:20px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .column-responsive-pricing ul.slick-dots li:last-child button { margin-right:0; } .column-responsive-pricing .slick-list { margin:25px auto; max-width:100%; -webkit-box-flex:1; -ms-flex:auto; flex:auto; padding:0 25px 75px; } .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li button { border-color:#a77451; } .industry-plans-restaurants .column-responsive-pricing ul.slick-dots li.slick-active button { background:#a77451; } .py-190-190 { padding-top:60px; padding-bottom:60px; } .dual-phone-number:hover .onhoverphonenumbers { bottom:-75px; } .onhoverphonenumbers { width:142px; right:3px; } .certification-images img { max-width:90px; max-height:50px; } .row-footer-location { -ms-flex-flow:wrap; flex-flow:wrap; -webkit-box-align:unset; -ms-flex-align:unset; align-items:unset; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .col-location,.col-location:last-child { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 10px); flex:0 0 calc(50% - 10px); max-width:calc(50% - 10px); margin-bottom:20px; } .col-location span.img-location { width:35%; margin-right:0; text-align:center; } .text-justify-mine { text-align:center; } } @media (max-width:767px) { .clients-served-item { background:#007bf0; } .max-w-100vh { max-width:55%; max-height:calc(100vh - 120px); } .log-container { max-width:160px; } .fa-110 { font-size:44px; } .letter-spacing-5 { letter-spacing:-1px; } .fa-22 { font-size:16px; } .certification-images img { max-width:90px; max-height:50px; } .text-bottom { margin-top:40px; } .fa-80,.text-resources-service h3,.text-resources-service h1 { font-size:35px; } .section-2 .fa-80 { padding-bottom:30px; } .py-110 { padding-top:60px; padding-bottom:60px; } .circle-sec-3 { width:250px; height:250px; top:-100px; } .circle-sec-3.circle-center { width:800px; height:800px; top:auto; } .col-items { -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 10px); flex:0 0 calc(50% - 10px); max-width:calc(50% - 10px); } .line-bottom-heading { margin-bottom:45px; } .line-bottom-heading:before { height:7px; } .col-sub-portion-text { padding:35px 20px; } .part-1-inner-text p { margin:15px 0; } .box-content h3,.fa-18,.text-ecom-services p,.text-resources-service p,.text-resources-service span a { font-size:12px; } .pb-190 { padding-bottom:60px; } .background-images-mulitple img.image7anime,.image-designer:before,.part-2-inner-text ul li a:after,.part-2-inner-text ul li a:before,.world-circles-images.footer-circle .main-footer-circle,span.contactimg1,span.contactimg5 { display:none; } .row-inner-portion { -webkit-box-orient:vertical; -webkit-box-direction:reverse; -ms-flex-direction:column-reverse; flex-direction:column-reverse; } .invert-subportion .row-inner-portion { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; } .row-inner-portion .part-2-inner-text { max-width:100%; -webkit-box-flex:1; -ms-flex:auto; flex:auto; margin:0; width:100%; overflow-x:auto; } .row-inner-portion .part-2-inner-text ul { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; width:100%; max-width:100%; margin-bottom:20px; } .row-inner-portion .part-2-inner-text ul li a { width:-webkit-max-content; width:-moz-max-content; width:max-content; padding:10px 20px; font-size:15px; margin:0; display:inline-block; } .invert-subportion .part-1-inner-text,.part-1-inner-text { max-width:100%; padding:0; } .mr-80,.row-inner-portion .part-2-inner-text ul li:last-child a { margin-right:0; } .row-inner-portion .part-2-inner-text ul li a.active-tab { background:#5bcfff; border-radius:5px; } .col-items-ecom { max-width:calc(50% - 40px); margin:0 auto 40px; } .row-mine { flex-flow:wrap; -ms-flex-flow:wrap; -webkit-flex-flow:wrap; } .ecom-item h3 { font-size:18px; top:calc(100% - 60px); } .items-emerging.bigger-content { -webkit-box-ordinal-group:1; -ms-flex-order:0; order:0; width:100%; } .ml-80 { margin-left:0; } .items-emerging { width:33%; -webkit-box-ordinal-group:2; -ms-flex-order:1; order:1; margin:0 auto 10px; } .left-emerging,.right-emerging { bottom:220px; left:-10px; -webkit-animation:none; animation:none; } .box-content-emerging-heading { padding:80px 0 55px; max-width:300px; } .center-emerging { width:80px; top:-60px; } .center-emerging img { width:100%; } .box-content-emerging-heading:before { width:280px; height:280px; } .right-emerging { right:-10px; left:auto; } .box-content { max-width:calc(100% - 10px); min-height:70px; } .col-bpo-items { max-width:calc(50% - 10px); -webkit-box-flex:0; -ms-flex:0 0 calc(50% - 10px); flex:0 0 calc(50% - 10px); } .col-bpo-items:nth-child(-n + 3) { margin-bottom:60px; } .mb-97 { margin-bottom:40px; } .section-7.py-110 { padding-top:0; } .color-blur-circle,.top-right-gradient-circle { opacity:0.2; } .column-responsive-pricing { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .col-pricing { -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; max-width:100%; margin:0; margin-right:0!important; } .pricing-main-panel { border:none; } .column-responsive-pricing .slick-list { max-width:300px; margin:25px auto; padding:0; } .pricing-main-panel > a.btn-reg.btn-gradient { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .column-responsive-pricing .slick-track { padding-bottom:80px; } .section-pricing.pricing-left.py-110 { padding-bottom:0; } .fa-100,.fa-90 { font-size:30px; } .footer:before { background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#459aff80),color-stop(60%,rgb(255 255 255/23%))); background:-o-linear-gradient(top,#459aff80 0,rgb(255 255 255/23%) 60%); background:linear-gradient(180deg,#459aff80 0,rgb(255 255 255/23%) 60%); opacity:0.5; top:70%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); left:50%; } .content-right-column h1,.content-right-column h4 { letter-spacing:-1.5px; padding-left:0!important; } .section-pricing .row-pricing .content-right-column { padding-bottom:20px; } .fa-224 { font-size:40px; } section.text-resource-services-section.hz-bpo-three { padding-top:40px; } .contact-main-area h3 { letter-spacing:-1.5px; } .contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700 { max-width:230px; } .form { max-width:210px; } .hz-contact-bpo .left-blue-circle-800:before,.hz-contact-bpo .right-blue-circle-800:after { width:400px; height:400px; } .hz-contact-bpo .right-blue-circle-800:after { bottom:30px; } .world-circles-images * { width:145px; height:145px; } .image-resource-service.service-circle-img img.finance-service-img { max-width:400px; max-height:initial; width:100%; } .image-before-span-financial { background-size:120px; background-position:center center; opacity:0.1; background-position-x:center!important; } .image-resource-service.service-circle-img img.vehicle-img { -webkit-animation:none; animation:none; } .pt-rental { padding:150px 0; } .finance-banner .banner-left-content,.pt-rental .banner-left-content,.resseller-images .services-text-left { padding:0; } .finance-banner .medical-banner-z-img.max-w-100vh { width:100%; max-width:100%; opacity:0.2; } .section-100vh-z { padding:160px 0 100px; } .reseller-service-img { width:100%; opacity:1; z-index:-1; max-width:210px; top:auto; bottom:0; -webkit-transform:none; -ms-transform:none; transform:none; } .reseller-service-img.reverse-reseller { left:auto; right:0; -webkit-transform:rotateY(180deg); transform:rotateY(180deg); } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area img.image-nft-form { z-index:-1; opacity:0.2; } .circle-page-contact { width:670px; max-width:670px; top:0; } section.banner-section-contact { padding:150px 0 200px; } .main-circle-contact span { width:100px; } .banner-right-img-virtualreality { max-width:280px; right:-50px; } .banner-right-img-blockchain,.image-vr-service img { max-width:150px; right:0; } .background-images-mulitple { width:10%; } .image-vr-service img { position:absolute; top:50%; -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); transform:translateY(-100%); opacity:0.3; z-index:-1; } span.bg-image-vr.revervrbgimage { opacity:0; } .py-110.vr-services { padding:20px 0; } .contact-section.contact-virtual-reality .contact-main-area h3 { opacity:1; } .contact-section.contact-virtual-reality .contact-main-area .form { max-width:calc(100% - 30px); } .contact-section.contact-virtual-reality .contact-main-area .contactimagevrmain { max-width:350px; z-index:-1; opacity:0.3; } .contact-main-area { border-radius:20px; } .banner-right-img-blockchain:after { width:130px; height:140px; right:0; } .contact-main-area.contact-blockchain .col-lg-4 img { width:206px; } .image-blockchain-service { position:absolute; max-width:80px; right:40px; top:-260px; } .image-blockchain-service > img.image-behind-block.image-behind-block.idea-blockchain { width:calc(100% - 20px); } .fa-145 { font-size:50px; } .contactimageweb03main { opacity:0.1; } .contactimageweb03 { right:80px; top:50%; } .banner-images-augreal { right:20px; } .contact-section.contact-augmentendreality img { max-width:320px; right:-100px; } .banner-right-imgs .nft { max-width:280px; } .banner-right-imgs .circle { max-width:110px; right:170px; } .fa-150 { font-size:55px; } .image-on-top-map > img.guanghau,.image-on-top-map > img.uae { max-width:60px; } .image-on-top-map > img.texas { max-width:65px; } .image-on-top-map > img.karachi { max-width:45px; } .hz-op-content .op-img img { width:100%; min-height:175px; -o-object-fit:cover; object-fit:cover; } .law-before-service:after { background-size:40%; top:25%; } .image-resource-service.service-circle-img img.ecom-top-image { max-width:60px; max-height:120px; top:0; position:absolute; left:20%!important; right:20%!important; -webkit-transform:translateX(-150%)!important; -ms-transform:translateX(-150%)!important; transform:translateX(-150%)!important; } .col-location,.col-location:last-child { -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; text-align:center; margin-right:0; } .col-location span.img-location { margin-bottom:25px; } .row-footer-location { margin-bottom:75px; } .items-emerging.order-4 { margin:0; margin-left:auto; } .items-emerging.ml-80 { margin:0; margin-right:auto; } } @media (max-width:575px) { .emerging-tech-augmented-reality .text-resources-service p,.emerging-tech-blockchain .text-resources-service p,.emerging-tech-virtual-reality .text-resources-service p,.emerging-tech-web03 .text-resources-service p,.items.active-industry .learn-more,.items:hover .learn-more { font-size:12px; } .links-columns > ul { width:calc(100% - 5% - 38px); } .container-1150 { max-width:90%; } .fa-110 { font-size:35px; } .letter-spacing-5 { letter-spacing:-2px; } .log-container { max-width:145px; } button.btn-menu-small-screen { width:25px; height:19.5px; } header { padding:20px 0; } .emerging-tech-augmented-reality .text-resources-service h3,.emerging-tech-blockchain .text-resources-service h3,.emerging-tech-virtual-reality .text-resources-service h3,.emerging-tech-web03 .text-resources-service h3,.emerging-tech-augmented-reality .text-resources-service h1,.emerging-tech-blockchain .text-resources-service h1,.emerging-tech-virtual-reality .text-resources-service h1,.emerging-tech-web03 .text-resources-service h1,.fa-80 { font-size:30px; } .video { border-radius:5px; } .icon-tick:before { width:15px; height:15px; } .banner-right-imgs .circle,.banner-right-imgs .nft,.circle-sec-3,.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.image-nft-form,.contact-section.contact-nft.hz-contact-bpo .contact-main-area .col-lg-4 img.mx-700,span.contactimg2,span.contactimg4 { display:none; } .col-items,.col-location,.col-location:last-child { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; } .items { padding:20px; } .row-inner-portion .part-2-inner-text ul li a { padding:8px 10px; font-size:12px; } .invert-subportion .col-sub-portion-text { padding:25px 15px; } .col-items-ecom { max-width:50.01%; margin:0 auto 35px; } .col-bpo-items { -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; max-width:100%; margin-bottom:10px!important; } .items-bpo { padding:15px; } .section-1.padding-top-header { padding-top:120px; } .list-items ul li { font-size:12px; margin-bottom:15px; padding-left:20px; } .center-emerging { top:-30px; } .ecom-item h3 { font-size:18px; } .max-547 { max-width:300px; margin:20px auto 0; } .column-responsive-pricing .slick-list,.contact-page .contact-main-area .form,.contact-section.contact-virtual-reality .contact-main-area .form,.form { max-width:100%; } .fa-100,.fa-145 { font-size:40px; } .content-right-column h1,.content-right-column h4 { letter-spacing:-2.5px; text-align:center; font-size:30px; } .section-pricing .row-pricing .content-right-column { padding-bottom:10px; } .image-resource-service { max-width:calc(100% - 100px); } section.section-pricing.pricing-right.py-110 { padding-bottom:0; } section.text-resource-services-section.py-190-130 { padding-top:25px; padding-bottom:25px; } .text-banner-home { max-width:340px; } section.text-resource-services-section.hz-bpo-three { padding-top:30px; } .contact-section.hz-contact-bpo { padding:10px 0 80px; } .contact-main-area { padding:40px 20px; } .contact-main-area .fa-100,.fa-90 { font-size:25px; } .form select,.form input,.form textarea { font-size:12.77px; padding:8px 15px 8px 1px; } .contact-main-area h3 { letter-spacing:0; } .hz-contact-bpo .left-blue-circle-800:before { left:-190px; } .hz-contact-bpo .right-blue-circle-800:after { bottom:10px; top:auto; } .world-circles-images * { width:115px; height:115px; } .ids-wrapper { border-radius:10px; } .emerging-tech-augmented-reality .banner-section,.emerging-tech-blockchain .blockchain-banner,.section-100vh-z { padding:0 0 100px; } .reseller-service-img { opacity:0.1; } .contact-section.contact-nft.hz-contact-bpo.contact-page .contact-main-area .form button.btn-reg.btn-gradient,.industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area .form button.btn-reg.btn-gradient { max-width:120px; } .industry-reseller-contact.contact-section.contact-nft.hz-contact-bpo .contact-main-area h3 { margin-bottom:35px; font-size:25px; line-height:30px; } .circle-contact h1 { font-size:45px; } .circle-page-contact { max-width:initial; } .main-circle-contact span { width:150px; } .main-circle-contact span.contactimg3 { bottom:-12%; } section.banner-section-contact { padding:150px 0 260px; } .banner-vr { padding:0 0 150px; } .background-images-mulitple { width:100%; opacity:0.2; } .banner-right-img-virtualreality { max-width:35%; right:0; bottom:3%; -webkit-transform:none; -ms-transform:none; transform:none; top:auto; } .banner-right-img-blockchain { max-width:60%; right:0; opacity:0.1; } .contact-main-area.contact-blockchain .col-lg-4 img { width:206px; opacity:0.1; } .image-blockchain-service { position:absolute; max-width:250px; left:50%; top:-180px; z-index:-1; opacity:0.2; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); } .emerging-tech-web03 .banner-section:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#3a0370b8; display:block; border-radius:0; -webkit-transform:none; -ms-transform:none; transform:none; } .banner-images-augreal img { max-width:450px; } .banner-images-augreal { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; opacity:0.3; right:0; } .contact-section.contact-augmentendreality img { max-width:100%; right:0; padding:0; z-index:-1; opacity:0.2; } .banner-section.nfts-banner { padding-top:0; } .industry-plans-medical .text-resource-services-section.py-190-130.bpo-inners,.industry-plans-vehicle-rental .text-resource-services-section.py-190-130.bpo-inners { padding:25px 0; } .max-w-100vh { max-width:100%; max-height:calc(100vh - 120px); opacity:0.2; } .header-row .social-contact { margin:0 0 0 20px; } .image-on-top-map > img.guanghau,.image-on-top-map > img.uae { max-width:30px; } .image-on-top-map > img.karachi,.image-on-top-map > img.texas { max-width:25px; } .py-190-190 { padding-top:40px; padding-bottom:40px; } .finance-banner .banner-left-content { padding-top:130px; } .certification-images img { max-width:90px; max-height:60px; } img.google-certificate { margin:0 20px 0 15px; } .footer:before { width:482px; height:492px; } .services-text-left { text-align:center; } .services-text-left ul { padding-left:0; list-style:none; } footer .foot-head,.footer .col-lg-2 .footer-menu { text-align:center; margin:0 auto; padding:20px 0 0; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; } .foot-1 .col-lg-2.col-md-4.ml-auto.pt-5 { text-align:center; } .footer .col-lg-2 .footer-menu li.active { padding-left:0px; } footer .foot-head { padding:0; } .pricing-items { width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; max-width:220px; } .emerging-tech-augmented-reality .banner-section { flex-flow:wrap; padding-bottom:0; } .banner-right-img-augreal { width:100%; flex:0 0 100%; } .banner-images-augreal { width:100%; opacity:1; position:static; } .banner-images-augreal img { max-width:75%; } } @media (max-width:424px) { .contactimageweb03,.world-circles-images { display:none; } .text-banner-home { max-width:320px; text-align:center; margin:0 auto; } .padding-top-header { padding-top:120px; } .section-1 { padding-bottom:70px; } .text-bottom { position:relative; width:100%; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; margin-top:55px; gap:10px; } .box-content { max-width:calc(100% - 5px); min-height:60px; border-radius:6px; } .items-emerging { margin:0 auto 5px; } .items-emerging.ml-80 { margin:0 auto 0 0; -webkit-box-ordinal-group:5; -ms-flex-order:4; order:4; } .items-emerging.mr-80 { margin:0 0 0 auto; } .box-content h3 { font-size:10px; } .left-emerging,.right-emerging { bottom:150px; left:-10px; width:60px; } .right-emerging { left:auto; right:-10px; } .center-emerging { width:60px; top:-30px; } .box-content-emerging-heading:before { width:250px; height:250px; } .section-5.py-110 { padding-bottom:0; } .col-items-ecom { max-width:100%; margin:0 auto 35px; } .ecom-item { max-height:150px; } .banner-right-img-virtualreality { max-width:150px; bottom:-5%; } .mega-menu-small-extra-screen-for-services,li.mega-menu-open .mega-menu-service-main-box { padding:70px 25px 30px; } .heading-mega h6 { font-size:30px; } .heading-mega { margin-bottom:45px; } .links-columns > ul { width:calc(100% - 5vw); height:auto; padding:30px; min-height:420px; } .pagesserviceselected ul li a,.services-parent h3 { font-size:14px; } .pagesserviceselected { max-height:230px; } .pricing-items { width:-webkit-fit-content; width:-moz-fit-content; width:fit-content; max-width:190px; } } @media (min-width:1930px) { span.nft-gradient-animation.invert-directions.nft-animate-1,span.nft-gradient-animation.invert-directions.nft-animate-2 { display:none; } } @media (max-width:1920px) { span.nft-gradient-animation.invert-directions.nft-animate-2 { top:2560px; right:-20vw; left:auto; } span.nft-gradient-animation.invert-directions.nft-animate-1 { top:3400px; left:-13vw; } span.nft-gradient-animation.invert-directions.nft-animate-1,span.nft-gradient-animation.invert-directions.nft-animate-2 { -webkit-transform:rotate(323deg) translateY(-6vw); -ms-transform:rotate(323deg) translateY(-6vw); transform:rotate(323deg) translateY(-6vw); width:73vw; height:13.5vw; z-index:-1; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 { top:5000px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 { top:4150px; } } @media (max-width:1750px) { span.nft-gradient-animation.invert-directions.nft-animate-2 { top:2300px; } span.nft-gradient-animation.invert-directions.nft-animate-1 { top:3050px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 { top:4410px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 { top:3650px; } span.nft-gradient-animation.invert-directions.nft-animate-1,span.nft-gradient-animation.invert-directions.nft-animate-2 { display:none; } } @media (max-width:1599px) { .fa-16 { font-size:13px; } .no-portfolio section#our-client { padding-top:60px; } span.nft-gradient-animation.invert-directions.nft-animate-2 { top:2100px; } span.nft-gradient-animation.invert-directions.nft-animate-1 { top:2750px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 { top:4000px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 { top:3350px; } } @media (max-width:1439px) { span.nft-gradient-animation.invert-directions.nft-animate-1,span.nft-gradient-animation.invert-directions.nft-animate-2{ width:70vw; } .fa-16 { font-size:12px; } .no-portfolio section#our-client { padding-top:0; } span.nft-gradient-animation.invert-directions.nft-animate-2 { top:1750px; } span.nft-gradient-animation.invert-directions.nft-animate-1 { top:2400px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 { top:3550px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 { top:2930px; } } @media (max-width:1199px) { .fa-16 { font-size:10px; } span.nft-gradient-animation.invert-directions.nft-animate-2 { top:1850px; } span.nft-gradient-animation.invert-directions.nft-animate-1 { top:2300px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-1 { top:3250px; } .animated-gradient-bars-2 .nft-gradient-animation.invert-directions.nft-animate-2 { top:2800px; } } @media (max-width:991px) { .fa-16 { font-size:12px; } span.nft-gradient-animation.invert-directions.nft-animate-1,span.nft-gradient-animation.invert-directions.nft-animate-2 { display:none; } footer.footer .world-circles-images { display:none; } } @media (max-width:767px) { .fa-16 { font-size:11px; } } @media(max-width:991px) { .world-circles-images { display:block; position:static; width:100%; } .world-circles-images * { width:unset; height:unset; } .world-circles-images::before { display:none; } .main-circle { border-radius:unset; background:url(../assets/home/bannerImgbackMob.png); text-align:right; overflow:unset; position:relative; width:200px; height:200px; background-position:center; background-size:cover; } .fourLittleImg {display:none;} .main-circle img { width:100%; margin-left:10px; margin-top:10px; } .text-banner-home { margin-top:30px; } } @media(min-width:200px) and (max-width:599px){ .firstSectionFullGigitalService .row,.firstSectionFullBpoIn .row,.firstSectionFullEcomService .row,section.banner-section.firstSectionFullshopifyAmazon .row { flex-wrap:wrap-reverse; } .firstSectionFullGigitalService .row .banner-left-content,section.banner-section.firstSectionFull.cirCleBottomSec.firstSectionFullshopifyAmazon .banner-left-content,.firstSectionFullBpoIn .banner-left-content { padding-top:40px; } section.dblCircleSec:after { width:45vw; height:45vw; top:auto; transform:none; } section.dblCircleSec > span:not(.top-right-gradient-circle) { width:40vw; height:40vw; top:0; right:auto; left:-15vw; } .zoomandgrayAnim { animation:none; -webkit-animation:none; } div.banner-right-imgDigitalServiceIn img { margin-top:0; } section.banner-section.firstSectionFullGigitalService { padding:90px 0; } .banner-right-imgDigitalServiceIn { text-align:center; } .digital-services-lead .banner-right-imgDigitalServiceIn { margin-right:-20px; } .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) { margin-left:0; -webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none; } .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) img { margin-top:-10%; } .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) img {} .bpoFirstSection .col-md-6.col-sm-6 { box-shadow:0px -16px 11px rgb(218 218 218/50%); } .banner-rightBpoIn-img-Repaeter { width:100%; text-align:center; } .banner-rightBpoIn-img-Repaeter img { width:80%; height:auto; } .cirCleBottomSec:after{ opacity:0; } section.aboutBannerSec:before { opacity:0; } .firstSectionFullEcomService .row .banner-right-img-EcomInner { text-align:center; } .firstSectionFullEcomService .banner-right-img-EcomInner img { width:80%; height:auto; } .firstSectionFullEcomService .banner-left-content { padding-top:40px; } } @media(min-width:200px) and (max-width:767px){ .image-reseller{ display:none; } div#myModal .modal-dialog { max-width:320px; width:90%; } div#myModal.main-modal .modal-body { padding:40px 24px 50px; } div#myModal .modal-main-wrap .modal-inner h6 { font-size:24px; } div#myModal .service-head { font-size:8px; } div#myModal .modal-logo { text-align:center; } div#myModal .modal-logo img { max-width:120px; } div#myModal form.modal-form .form-group input,div#myModal form.modal-form .form-group textarea { height:36px; } div#myModal form.modal-form .form-group textarea { height:80px; } div#myModal.main-modal .modal-body .btn-close { top:10px; right:10px; } .banner-right-img.banner-right-imgAbout { position:absolute; top:170px; left:50%; transform:translateX(-50%); } .globeAbout:before { content:''; position:absolute; width:100%; height:100%; background:url(../assets/about/aboutBannerShadow.png); background-size:100% 100%; top:50px; transform:translateY(-50%); left:0; } .globeAbout { margin-top:-70px; } .globeAbout img { width:150px; height:150px; -webkit-animation:globeAboutrotation 100s linear infinite; -moz-animation:globeAboutrotation 100s linear infinite; -ms-animation:globeAboutrotation 100s linear infinite; -o-animation:globeAboutrotation 100s linear infinite; animation:globeAboutrotation 100s linear infinite; } @keyframes globeAboutrotation { from { -ms-transform:rotate(0); -moz-transform:rotate(0); -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } to { -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } } section.aboutBannerSec.banner-section {padding:150px 0 100px;} div.banner-right-img-vrResource { width:100%; text-align:center; position:relative; } .resourceFirstSection .row { flex-wrap:wrap-reverse; } .threeInOnevrResourceIn { display:none; } div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; margin-left:-10%; -webkit-animation:upDown 10s linear infinite; -moz-animation:upDown 10s linear infinite; -ms-animation:upDown 10s linear infinite; -o-animation:upDown 10s linear infinite; animation:upDown 10s linear infinite; padding-top:10%; } div.banner-right-img-vrResource .banner-right-img-vrResourceIn:first-child img { width:80%; height:auto; } div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) img { width:100%; height:auto; } .resourceFirstSection .banner-left-content { padding-top:60px; } .designerSectionFull .row { flex-wrap:wrap-reverse; } div.banner-right-imgDesigner { width:100%; text-align:center; position:relative; height:200px; } section.designerSectionFull .banner-left-content { padding-top:30px; } .banner-right-imgDesignerIn { width:auto; max-width:90%; margin:0 auto; height:100%; text-align:center; } .banner-right-imgDesignerIn img { width:auto; height:100%; } .banner-right-imgDesignerIn:nth-child(2){ position:absolute; top:-26px; height:100%; display:flex; align-items:flex-end; left:59px; } .banner-right-imgDesignerIn:nth-child(2) img { height:150px; width:auto; display:block; margin:0 auto; } section.firstSectionFull.firstSectionFullDeveloper .row { flex-wrap:wrap-reverse; } div.banner-right-img.banner-right-img-DeveloperResource { text-align:center; width:100%; max-width:90%; margin:0 auto; position:relative; } .banner-right-img-DeveloperResourceIn:nth-child(2) { position:absolute; right:0; width:100%; bottom:0; text-align:right; } .banner-right-img-DeveloperResourceIn:first-child img { width:auto; height:200px; } .banner-right-img-DeveloperResourceIn:nth-child(2) img { width:60%; height:auto; margin-left:auto; } .firstSectionFullDeveloper .banner-left-content { padding-top:60px; } .singleImgOnBottomBannerSection .row { flex-wrap:wrap-reverse; } .singleImgOnBottomBannerSection .banner-right-img-Single { padding:0 15px; width:100%; text-align:center; } .banner-right-img-SingleIn img { width:100%; height:auto; max-width:250px; padding:0px; } .singleImgOnBottomBannerSection .row .banner-left-content { padding-top:60px; } .virtualAssistSectionBanner .row { flex-wrap:wrap-reverse; } .virtualAssistSectionBanner .banner-right-img.banner-right-img-virtualAssist { padding:0 15px; max-width:90%; width:100%; text-align:center; position:relative; } .banner-right-img-virtualAssistIn:first-child img { width:240px; height:auto; } .banner-right-img-virtualAssistIn:nth-child(2),.banner-right-img-virtualAssistIn:nth-child(3) { position:absolute; } .banner-right-img-virtualAssistIn:nth-child(2) { top:20px; left:90px; } .banner-right-img-virtualAssistIn:nth-child(2) img,.banner-right-img-virtualAssistIn:nth-child(3) img { width:60px; height:auto; } .banner-right-img-virtualAssistIn:nth-child(3) { right:10px; top:-20px; } .virtualAssistSectionBanner .banner-left-content { padding-top:60px; } } @media(min-width:600px) and (max-width:767px){ .banner-right-img.banner-right-imgAbout { left:unset; transform:unset; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; position:relative; left:auto; top:auto; } .aboutBannerSec .container-1560 { position:relative; } .globeAbout { position:absolute; right:0; width:100%; text-align:right; margin-top:-100px; } .globeAbout img { width:220px; height:220px; } .globeAbout:before { top:calc(50% + 20px); transform:translateY(-50%); right:-10px; left:auto; width:250px; height:250px; } section.aboutBannerSec { box-shadow:0 0 50px rgb(2 111 243/10%); } section.hz-what-for-you { padding-top:80px; } .text-banner-home { max-width:unset; } .text-bottom { padding:0 15px; } .resourceFirstSection .row { flex-wrap:wrap; } div.banner-right-img-vrResource { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; text-align:right; } div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) {margin-left:0;} .resourceFirstSection .banner-left-content{ padding-top:0; } section.banner-section.resourceFirstSection { padding-bottom:100px; } .banner-right-img.banner-right-imgDesigner { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; } .banner-right-img.banner-right-img-DeveloperResource { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; } .firstSectionFullDeveloper .banner-left-content { padding-top:0; } section.firstSectionFull.firstSectionFullDeveloper { padding-bottom:100px; } div.banner-right-img.banner-right-img-DeveloperResource { position:static; } .banner-right-img-DeveloperResourceIn:nth-child(2) { bottom:0; width:90%; right:5%; } .banner-right-img-DeveloperResourceIn:nth-child(2) img { width:50%; } .singleImgOnBottomBannerSection .banner-right-img-Single { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; } section.firstSectionFull.singleImgOnBottomBannerSection { padding:120px 0 80px; } section.firstSectionFull.singleImgOnBottomBannerSection .banner-left-content { padding-top:0; } .banner-right-img.banner-right-img-virtualAssist { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; } section.firstSectionFull.virtualAssistSectionBanner { padding:80px 0; } section.banner-section.firstSectionFullGigitalService { padding:140px 0 100px; } section.dblCircleSec > span:not(.top-right-gradient-circle),section.dblCircleSec:after{ margin-top:40px; } div.banner-right-imgDigitalServiceIn img { width:100%; height:auto; margin-top:0; padding-top:40px; } .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) { -webkit-animation:unset; -moz-animation:unset; -ms-animation:unset; -o-animation:unset; animation:unset; } .firstSectionFullBpoIn .row { flex-wrap:wrap-reverse; } .banner-rightBpoIn-img-Repaeter { width:100%; text-align:center; } .banner-rightBpoIn-img-Repaeter img { width:90%; height:auto; } .firstSectionFullBpoIn .banner-left-content { padding-top:40px; } .bpo-sales-support section.banner-section { padding:80px 0 80px; } .bpo-sales-support section.banner-section .fa-110 { font-size:36px; line-height:1.1; } section.sec1Tn .row.align-items-center { -webkit-box-orient:unset; -webkit-box-direction:unset; -ms-flex-direction:unset; flex-direction:unset; } section.sec1Tn .row.align-items-center .fa-110 { font-size:30px; line-height:1.1; } .text-banner-home { margin-top:0; } .section-1.padding-top-header { padding:140px 0 140px; } .banner-right-img.banner-right-img-Ecom img { width:90%; height:auto; } section.firstSectionFull.firstSectionFullEcomService { padding:130px 0 100px; } section.banner-section.position-relative.banner-blue-circle.left-circle-sec.firstSectionFull.cirCleBottomSec.firstSectionFullshopifyAmazon { padding:150px 0 100px; } section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-right-img img { width:90%; height:auto; animation:none; } .ecom-services-marketplace section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-right-img img { width:100%; } section.banner-blogs { margin-top:93px; } } @media(min-width:768px) and (max-width:991px){ section.sec1Tn .world-circles-images { position:static; width:100%; } section.sec1Tn { display:flex; align-items:center; flex-flow:wrap; flex-direction:row; } section.sec1Tn .container-1560 { width:100%; } section.sec1Tn .container-1560 .row { flex-direction:row; } section.sec1Tn .container-1560 .row .col-lg-6 { width:50%; } section.sec1Tn .world-circles-images span.main-circle.main-circleTn::before { display:none; } span.main-circle.main-circleTn:before { display:none; } span.main-circle.main-circleTn { background:url(../assets/home/bannerImgbackMob.webp); text-align:right; overflow:unset; position:relative; width:300px; height:300px; background-position:center; background-size:cover; } section.section-1.padding-top-header.sec1Tn { padding:0; height:auto; display:flex; align-items:center; } section.section-1.sec1Tn > .container-1560 .row { height:auto; padding-top:140px; margin-right:-15px; margin-left:-15px; padding-bottom:70px; } .sec1Tn .fa-110 { font-size:26px; letter-spacing:0; line-height:1.1; text-transform:uppercase; } .fourLittleImg { display:none; } span.main-circle.main-circleTn > img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:10px;width:95%;animation:emain 5s infinite;-webkit-animation:emain 5s infinite;height:auto;} section.section-1.sec1Tn .text-banner-home { margin-top:0; max-width:95%; } section.section-1.sec1Tn:after { content:''; position:absolute; right:0; top:50%; width:30vw; height:30vw; background:linear-gradient(270deg,#35DBFF,transparent); border-radius:50%; margin-right:-15vw; z-index:-1; transform:translateY(calc(-50% + 3.636vw)); opacity:.7; } section.section-1.sec1Tn > .container-1560 .row .col-lg-6 { padding-right:15px; padding-left:15px; } .sec1Tn p.fa-16{ line-height:1.7; } .sec1Tn .text-bottom { gap:10px; margin-top:20px; position:static; transform:none; } .sec1Tn .text-bottom img { max-width:unset; max-height:unset; width:60px; height:auto; } img.google-certificate { margin:0 10px 0 10px; } div#myModal h6 { font-size:36px; } div#myModal .modal-dialog { WIDTH:360px; } .modal-logo img { max-width:150px; } div#myModal .service-head { font-size:12px; } div#myModal form.modal-form .form-group input,div#myModal form.modal-form .form-group textarea { height:42px; font-size:11px; } div#myModal form.modal-form .form-group textarea { height:100px; } div.banner-right-imgAbout img { display:block; position:absolute; width:auto; height:70%; top:0px; left:40px; } section.firstSectionFull .container-1560 { height:100%; position:relative; } section.firstSectionFull { padding:0; } section.firstSectionFull .row { padding-top:80px; } div.banner-right-imgAbout { margin-right:auto; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; } .globeAbout { width:100%; position:relative; height:370px; } .globeAbout:before { content:''; position:absolute; width:80%; height:80%; background-size:100% 100%; top:calc(50% + -40px); transform:translateY(-50%); left:30px; } section.firstSectionFull.banner-section .top-right-gradient-circle { right:-30%; -webkit-filter:blur(78.788vw); filter:blur(78.788vw); top:-50%; width:65.758vw; height:65.758vw; } section.firstSectionFull .row .col-md-6 { padding-right:0.909vw; padding-left:0.909vw; } section.firstSectionFull .fa-110 { font-size:37px; line-height:1; letter-spacing:-2px; } section.firstSectionFull p.fa-16 { line-height:1.7; font-size:12px; margin-top:20px; letter-spacing:-.2px; } section.firstSectionFull .banner-left-content { max-width:85%; } section.firstSectionFull .banner-left-content span { } section.firstSectionFull .banner-left-content span a { } section.firstSectionFull .banner-left-content span a i { margin-right:0.606vw; } section.firstSectionFull .banner-left-content span i { font-size:1.273vw; } section.aboutBannerSec { box-shadow:0 0 50px rgb(2 111 243/10%); } section.hz-what-for-you { padding-top:80px; } div.banner-right-img-vrResource { width:100%; text-align:center; position:relative; } .resourceFirstSection .row { flex-wrap:wrap-reverse; } .threeInOnevrResourceIn { display:none; } div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; -webkit-animation:upDown 10s linear infinite; -moz-animation:upDown 10s linear infinite; -ms-animation:upDown 10s linear infinite; -o-animation:upDown 10s linear infinite; animation:upDown 10s linear infinite; } div.banner-right-img-vrResource .banner-right-img-vrResourceIn:first-child img { width:80%; height:auto; } div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) img { width:100%; height:auto; } .resourceFirstSection .banner-left-content { padding-top:100px; } .resourceFirstSection .row { flex-wrap:wrap; } div.banner-right-img-vrResource { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; text-align:right; } .resourceFirstSection .banner-left-content{ padding-top:0; } section.banner-section.resourceFirstSection { padding:40px 15px 80px; } section.firstSectionFull.designerSectionFull .row { padding:150px 0 30px; } div.banner-right-imgDesigner img { width:100%; height:auto; } .banner-right-imgDesigner {-ms-flex:0 0 calc(100% - 41.666667%);flex:0 0 calc(100% - 41.666667%);max-width:calc(100% - 41.666667%);text-align:right;} .banner-right-imgDesignerIn:nth-child(2) { bottom:0; position:absolute; right:70px; width:36vw; } section.firstSectionFull.designerSectionFull .container-1560 { position:static; } .banner-right-imgDesignerIn:nth-child(1) {width:90%;margin-left:auto;position:relative;top:-60px;} .banner-right-imgDesignerIn:nth-child(2) img { width:90%; } .banner-right-imgDesignerIn:nth-child(1) img { mix-blend-mode:multiply; } section.firstSectionFull.designerSectionFull .row h1 { margin-top:-50px; } .banner-right-img.banner-right-img-DeveloperResource { -ms-flex:0 0 calc(100% - 41.666667%); flex:0 0 calc(100% - 41.666667%); max-width:calc(100% - 41.666667%); text-align:right; } .banner-right-img-DeveloperResourceIn:nth-child(2) { position:absolute; bottom:0; width:100%; text-align:right; max-width:90%; margin:0 auto; left:50%; transform:translateX(-50%); } .banner-right-img-DeveloperResourceIn:nth-child(2) img { width:40%; height:auto; } .banner-right-img-DeveloperResourceIn:first-child { display:block; position:relative; left:-120px; top:-10px; } .banner-right-img-DeveloperResourceIn:first-child img { width:60%; height:auto; } section.firstSectionFull.firstSectionFullDeveloper { padding:40px 0 80px; } section.firstSectionFull.firstSectionFullDeveloper .container-1560 { position:static; } section.firstSectionFull.singleImgOnBottomBannerSection { padding:60px 0 70px; } section.firstSectionFull.singleImgOnBottomBannerSection .container-1560 { position:static; } .banner-right-img.banner-right-img-Single { -ms-flex:0 0 calc(100% - 41.666667%); flex:0 0 calc(100% - 41.666667%); max-width:calc(100% - 41.666667%); } .banner-right-img-SingleIn { position:absolute; width:100%; max-width:90%; left:50%; transform:translateX(-50%); text-align:right; z-index:-1; bottom:0; } .banner-right-img-SingleIn img { width:50%; height:auto; } section.firstSectionFull.singleImgOnBottomBannerSection .banner-left-content { max-width:95%; } .banner-right-img.banner-right-img-virtualAssist { -ms-flex:0 0 calc(100% - 41.666667%); flex:0 0 calc(100% - 41.666667%); max-width:calc(100% - 41.666667%); } .banner-right-img-virtualAssistIn:first-child { position:absolute; right:0; bottom:0; width:100%; max-width:90%; left:50%; transform:translateX(-50%); z-index:-1; text-align:right; height:100%; display:flex; justify-content:flex-end; align-items:flex-end; } section.firstSectionFull.virtualAssistSectionBanner .container-1560 { position:static; } .banner-right-img-virtualAssistIn:first-child img { height:80%; width:auto; } .banner-right-img-virtualAssistIn:nth-child(2) { right:42vw; top:18vh; } .banner-right-img-virtualAssistIn:nth-child(3) { right:6.5vw; top:9vh; } .banner-right-img-virtualAssistIn { position:absolute; } .banner-right-img-virtualAssistIn:not(:nth-child(1)) img { width:10vw; height:auto; } .banner-right-img-virtualAssistIn:not(:nth-child(1)) { -webkit-animation:upDown 10s linear infinite; -moz-animation:upDown 10s linear infinite; -ms-animation:upDown 10s linear infinite; -o-animation:upDown 10s linear infinite; animation:upDown 8s linear infinite; } section.firstSectionFull.virtualAssistSectionBanner { padding:80px 0; } section.firstSectionFull.virtualAssistSectionBanner .banner-left-content { max-width:95%; } section.banner-section.firstSectionFullGigitalService .row { padding:120px 0 60px; } section.firstSectionFullGigitalService > span:not(.top-right-gradient-circle) { margin-top:30px; } section.firstSectionFullGigitalService:after { margin-top:30px; } div.banner-right-imgDigitalServiceIn img { width:100%; padding-top:30px; } section.firstSectionFull.firstSectionFullGigitalService .banner-left-content { max-width:95%; } .bpoFirstSection div.banner-right-img-vrResource .banner-right-img-vrResourceIn:nth-child(2) { -webkit-animation:unset; -moz-animation:unset; -ms-animation:unset; -o-animation:unset; animation:unset; } section.firstSectionFull.firstSectionFullBpoIn { padding:40px 15px 80px; } .bpo-sales-support section.firstSectionFull.firstSectionFullBpoIn .fa-110 { font-size:34px; line-height:1.1; } section.firstSectionFull.firstSectionFullBpoIn .banner-right-img img { width:50%; height:auto; } .banner-rightBpoIn-img-Repaeter { position:absolute; bottom:0; width:100%; max-width:90%; left:50%; transform:translateX(-50%); text-align:right; } .banner-right-img.banner-rightBpoIn-img { position:static; } section.firstSectionFull .container-1560 { position:static; } .bpo-functional section.firstSectionFull.firstSectionFullBpoIn .banner-right-img img { width:40%; } .banner-right-img.banner-right-img-Ecom img { width:90%; height:auto; } section.firstSectionFull.firstSectionFullEcomService { padding:0px; } section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon { padding:150px 0 130px; } section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-right-img img { width:100%; height:auto; animation:none; } section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .row { padding-top:0; } section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter { position:static; transform:none; max-width:unset; } section.banner-section.firstSectionFull.firstSectionFullshopifyAmazon .banner-left-content { max-width:95%; } .ecom-services-amazon .banner-right-img.banner-rightBpoIn-img .banner-rightBpoIn-img-Repaeter { position:static; transform:none; max-width:100%; } .ecom-services-amazon section.banner-section.firstSectionFullBpoIn { padding-bottom:0; padding-top:140px; } .ecom-services-amazon section.banner-section.firstSectionFullBpoIn .row.align-items-center { align-items:flex-end!important; } .ecom-services-amazon section.banner-section.firstSectionFullBpoIn .banner-left-content { padding-bottom:80px; } .ecom-services-amazon .banner-right-img.banner-rightBpoIn-img .banner-rightBpoIn-img-Repaeter img { width:100%; height:auto; } section.firstSectionFull.banner-vw-zB .row { padding-bottom:100px; padding-top:150px; margin:0 -0.909vw; } section.i-digital-banner { padding:150px 0; } section.firstSectionFull.i-digital-banner .row { padding-top:0; } .i-restaurant-banner.firstSectionFull .row,.medical-banner-z.firstSectionFull .row,.i-rental-banner.firstSectionFull .row { padding:150px 0 150px; } section.banner-blogs { margin-top:95px; } } @media(min-width:992px) and (max-width:1200px){ div#myModal .modal-dialog { width:300px; } div#myModal h6 { font-size:25px; } div#myModal .service-head { font-size:8px; } div#myModal form.modal-form .form-group input,div#myModal form.modal-form .form-group textarea { height:28px; } div#myModal form.modal-form .form-group textarea { height:80px; } div#myModal.main-modal .modal-body { padding:40px 20px 60px; } div#myModal.main-modal .modal-body .btn-close { font-size:17px; } div#myModal.main-modal .btn-reg.btn-gradient { padding:8px 0; bottom:-20px; max-width:120px; font-size:11px; min-height:34px; } div#myModal.main-modal .btn-reg.btn-gradient img { margin-right:8px; width:13px; } footer.footer .py-110 { padding-bottom:40px; } footer.footer .dmca-certificate {margin-bottom:.3rem!important;} footer.footer .dmca-certificate img { width:70px; } .footer-logo-wrap img.lazyload {width:119px;} footer.footer .bg-blue p.text-white,footer.footer .foot-desc p.fa-18,footer.footer .testi-cont p.fa-18,footer.footer ul.foot-nav li a { font-size:10px; line-height:1.6; } .footer-logo-wrap { margin-bottom:24px; } .footer-menu ul.foot-nav li { font-size:13px; margin-bottom:9px; } footer.footer .pt-5 { padding-top:1.5rem!important; } footer .foot-head { padding-bottom:8px; font-size:14px; } footer.footer .follow-txt h5:before,footer.footer .foot-head:before { height:2px; bottom:-5px; } footer.footer .follow-txt h5 { font-size:16px; } footer.footer .social-links.my-5 { margin-bottom:1.5rem!important; margin-top:1.5rem!important; } footer.footer .social-links-wrap a.social-link { height:17px; width:17px; } footer.footer .social-links-wrap a.social-link i.fa-brands { font-size:8px; } footer.footer .social-contact a span:first-child { font-size:11px; height:23px; width:23px; margin-right:10px; } footer.footer .social-contact a span { font-size:9px; } footer.footer .social-contact.footer-social a { margin-bottom:10px; } footer.footer .social-contact a span:first-child i { font-size:100%; } footer.footer .foot-1.row.align-items-stretch.mb-7 { margin-bottom:1.5rem!important; } footer.footer .row-footer-location { margin-bottom:2.5rem; margin-right:30px; } footer.footer .col-location span.img-location img { width:auto; height:40px; } footer.footer .text-location-footer h6 { font-size:14px; } footer.footer .text-location-footer a p { font-size:8px; } footer.footer .col-location { margin-right:55px; } footer.footer .footer-location .container-1560 { width:100%; max-width:1560px; } footer.footer:before { width:500px; height:500px; } footer.footer:after { background-size:cover; } footer.footer ul.foot-nav li a:hover,footer.footer ul.foot-nav li.active a { padding-left:5px; } footer.footer ul.foot-nav li a:before { height:6px; } footer.footer p.footer-bottom { font-size:7px; } .text-insight-report h3 { font-size:22px; margin:3px 0 8px; } .text-insight-report span { font-size:10px;display:block } .item-insight-report > div > a > img { border-radius:12px;width:100% } .text-insight-report p { font-size:10.3px; } .mb-100{ margin-bottom:45px; } .slider-insights-footer .slick-arrow { width:40px; height:40px; left:-60px; } .slider-insights-footer .slick-arrow:before { font-size:15px; } .slider-insights-footer .slick-next.slick-arrow { right:-60px; } } @media(min-width:1200px) and (max-width:1440px){ div#myModal .modal-dialog { width:360px; } div#myModal h6 { font-size:28px; } div#myModal .service-head { font-size:9px; } div#myModal form.modal-form .form-group input,div#myModal form.modal-form .form-group textarea { height:36px; } div#myModal form.modal-form .form-group textarea { height:90px; } div#myModal.main-modal .modal-body { padding:40px 20px 60px; } div#myModal.main-modal .modal-body .btn-close { font-size:16px; } div#myModal.main-modal .btn-reg.btn-gradient { bottom:-20px; max-width:150px; font-size:11px; min-height:34px; } div#myModal.main-modal .btn-reg.btn-gradient img { margin-right:15px; width:16px; } div#myModal .modal-dialog { width:330px; } div#myModal h6 { font-size:25px; } div#myModal .service-head { font-size:8px; } div#myModal form.modal-form .form-group input,div#myModal form.modal-form .form-group textarea { height:28px; font-size:11px; } div#myModal form.modal-form .form-group textarea { height:80px; } div#myModal.main-modal .modal-body { padding:40px 24px 60px; } div#myModal.main-modal .modal-body .btn-close { font-size:17px; } div#myModal.main-modal .btn-reg.btn-gradient { padding:8px 0; bottom:-20px; max-width:120px; font-size:11px; min-height:34px; } div#myModal.main-modal .btn-reg.btn-gradient img { margin-right:8px; width:13px; } footer.footer .py-110 { padding-bottom:50px; } footer.footer .dmca-certificate img { width:80px; } .footer-logo-wrap img.lazyload { width:130px; } footer.footer .bg-blue p.text-white,footer.footer .foot-desc p.fa-18,footer.footer .testi-cont p.fa-18,footer.footer ul.foot-nav li a { font-size:13px; line-height:1.7; } .footer-logo-wrap { margin-bottom:24px; } .footer-menu ul.foot-nav li { margin-bottom:13px; } footer.footer .pt-5 { padding-top:1.5rem!important; } footer .foot-head { padding-bottom:8px; font-size:16px; } footer.footer .follow-txt h5:before,footer.footer .foot-head:before { height:3px; } footer.footer .follow-txt h5 { font-size:18px; } footer.footer .social-links.my-5 { margin-bottom:1.8rem!important; margin-top:1.8rem!important; } footer.footer .social-links-wrap a.social-link { height:20px; width:20px; } footer.footer .social-links-wrap a.social-link i.fa-brands { font-size:10px; } footer.footer .social-contact a span:first-child { font-size:12px; height:27px; width:27px; margin-right:15px; } footer.footer .social-contact a span { font-size:10px; } footer.footer .social-contact.footer-social a { margin-bottom:12px; } footer.footer .social-contact a span:first-child i { font-size:100%; } footer.footer .foot-1.row.align-items-stretch.mb-7 { margin-bottom:1.5rem!important; } footer.footer .row-footer-location { margin-bottom:3rem; margin-right:30px; } footer.footer .col-location span.img-location img { width:auto; height:50px; } footer.footer .text-location-footer h6 { font-size:16px; } footer.footer .text-location-footer a p { font-size:10px; } footer.footer .col-location { margin-right:55px; } footer.footer .footer-location .container-1560 { width:100%; max-width:1560px; } footer.footer:before { width:600px; height:600px; } footer.footer:after { background-size:cover; } footer.footer ul.foot-nav li a:hover,footer.footer ul.foot-nav li.active a { } footer.footer ul.foot-nav li a:before { height:6px; } footer.footer p.footer-bottom { font-size:8px; } .text-insight-report h3 { font-size:27px; margin:3px 0 8px; } .text-insight-report span { font-size:12px; } .item-insight-report .row { margin-top:15px; } .item-insight-report > div > a > img { border-radius:15px;width:100% } .text-insight-report p { font-size:11.5px; } .mb-100{ margin-bottom:60px; } .slider-insights-footer .slick-arrow { width:45px; height:45px; left:-70px; } .slider-insights-footer .slick-arrow:before { font-size:16px; } .slider-insights-footer .slick-next.slick-arrow { right:-70px; } } @media(min-width:1441px) and (max-width:1600px){ div#myModal .modal-dialog { width:440px; } div#myModal.main-modal .modal-body { padding:40px 30px 70px; } div#myModal h6 { font-size:40px; } div#myModal .service-head { font-size:12px; } div#myModal form.modal-form .form-group input,div#myModal form.modal-form .form-group textarea { height:44px; } div#myModal form.modal-form .form-group textarea { height:100px; } .modal-logo img { max-width:160px; } div#myModal.main-modal .modal-body .btn-close { font-size:26px; line-height:25px; } .main-modal .btn-reg.btn-gradient { max-width:200px; } footer.footer .py-110 { padding-bottom:70px; } footer.footer .dmca-certificate img { width:90px; } .footer-logo-wrap img.lazyload { width:150px; } footer.footer .bg-blue p.text-white,footer.footer .foot-desc p.fa-18,footer.footer .testi-cont p.fa-18,footer.footer ul.foot-nav li a { font-size:14px; line-height:1.7; } .footer-logo-wrap { margin-bottom:24px; } .footer-menu ul.foot-nav li { margin-bottom:20px; } footer.footer .pt-5 { padding-top:1.5rem!important; } footer .foot-head { padding-bottom:10px; font-size:20px; } footer.footer .follow-txt h5:before,footer.footer .foot-head:before { height:3.5px; } footer.footer .follow-txt h5 { font-size:23px; } footer.footer .social-links.my-5 { margin-bottom:2.2rem!important; margin-top:2.2rem!important; } footer.footer .social-links-wrap a.social-link { height:24px; width:24px; } footer.footer .social-links-wrap a.social-link i.fa-brands { font-size:12px; } footer.footer .social-contact a span:first-child { font-size:13px; height:32px; width:32px; } footer.footer .social-contact a span { font-size:11px; } footer.footer .social-contact.footer-social a { margin-bottom:16px; } footer.footer .social-contact a span:first-child i { font-size:100%; } footer.footer .foot-1.row.align-items-stretch.mb-7 { margin-bottom:2.5rem!important; } footer.footer .row-footer-location { margin-bottom:3rem; margin-right:30px; } footer.footer .col-location span.img-location img { width:auto; height:60px; } footer.footer .text-location-footer h6 { font-size:17px; } footer.footer .text-location-footer a p { font-size:12px; } footer.footer .col-location { margin-right:65px; } footer.footer .footer-location .container-1560 { width:100%; max-width:1560px; } footer.footer:before { width:800px; height:800px; } footer.footer:after { background-size:cover; } footer.footer ul.foot-nav li a:hover,footer.footer ul.foot-nav li.active a { } footer.footer ul.foot-nav li a:before { height:6px; } footer.footer p.footer-bottom { font-size:9px; } .text-insight-report p { font-size:13.2px; } .text-insight-report h3 { font-size:32px; margin:3px 0 10px; } .text-insight-report span { font-size:14px; } .mb-100{ margin-bottom:75px; } .slider-insights-footer .slick-arrow { width:50px; height:50px; left:-80px; } .slider-insights-footer .slick-arrow:before { font-size:18px; } .slider-insights-footer .slick-next.slick-arrow { right:-80px; } } @media(min-width:1601px) and (max-width:1800px){ footer.footer .py-110 { padding-bottom:70px; } footer.footer .dmca-certificate img { width:100px; } .footer-logo-wrap img.lazyload { width:190px; } footer.footer .bg-blue p.text-white,footer.footer .foot-desc p.fa-18,footer.footer .testi-cont p.fa-18,footer.footer ul.foot-nav li a { font-size:17px; line-height:1.7; } .footer-logo-wrap { margin-bottom:30px; } .footer-menu ul.foot-nav li { margin-bottom:22px; } footer.footer .pt-5 { padding-top:1.5rem!important; } footer .foot-head { font-size:22px; } footer.footer .follow-txt h5:before,footer.footer .foot-head:before { height:3.5px; } footer.footer .follow-txt h5 { font-size:23px; } footer.footer .social-links.my-5 { margin-bottom:2.5rem!important; margin-top:2.5rem!important; } footer.footer .social-links-wrap a.social-link { height:24px; width:24px; } footer.footer .social-links-wrap a.social-link i.fa-brands { font-size:12px; } footer.footer .social-contact a span:first-child { font-size:14px; height:35px; width:35px; } footer.footer .social-contact a span { font-size:12px; } footer.footer .social-contact.footer-social a { } footer.footer .social-contact a span:first-child i { font-size:100%; } footer.footer .foot-1.row.align-items-stretch.mb-7 { margin-bottom:2.5rem!important; } footer.footer .row-footer-location { margin-bottom:4rem; margin-right:0; } footer.footer .col-location span.img-location img { width:auto; height:60px; } footer.footer .text-location-footer h6 { font-size:19px; } footer.footer .text-location-footer a p { font-size:13px; } footer.footer .col-location { margin-right:80px; } footer.footer .footer-location .container-1560 { width:100%; max-width:1560px; } footer.footer:before { width:800px; height:800px; } footer.footer:after { background-size:cover; } footer.footer ul.foot-nav li a:hover,footer.footer ul.foot-nav li.active a { } footer.footer ul.foot-nav li a:before { height:6px; } footer.footer p.footer-bottom { font-size:11px; } .text-insight-report p { font-size:15px; } .text-insight-report h3 { font-size:36px; } .text-insight-report span{ font-size:14px; } .mb-100{ margin-bottom:90px; } .slider-insights-footer .slick-arrow { width:55px; height:55px; left:-90px; } .slider-insights-footer .slick-arrow:before { font-size:20px; } .slider-insights-footer .slick-next.slick-arrow { right:-90px; } } @media(min-width:1801px) and (max-width:2000px){ .footer-logo-wrap img { width:220px; } .footer .py-110 { padding-top:90px; padding-bottom:90px; } .row-footer-location { margin-bottom:80px; } .foot-1.mb-7 { margin-bottom:3rem!important; } .col-location span.img-location img { max-height:80px; } .col-location span.img-location { margin-right:15px; } .social-links.my-5 { margin-bottom:2.5rem!important; margin-top:2.5rem!important; } .social-contact.footer-social a { margin-bottom:18px; } .social-contact a span:first-child { height:38px; width:38px; } .social-links-wrap a.social-link { height:24px; width:24px; } .social-links-wrap a.social-link i.fa-brands { font-size:14px; } } @media(min-width:992px) { .headerFull header .log-container img { height:2.96vw; width:auto; } .headerFull header .social-contact { margin-left:4vw; } .headerFull header .social-contact a { margin-right:0.606vw; font-size:.75vw; } .headerFull header .social-contact a span:first-child { height:2.303vw; width:2.303vw; } .headerFull header .onhoverphonenumbers a { margin-bottom:.56vw; } .headerFull header .social-contact a span:first-child { box-shadow:0 0.303vw 1.212vw 0 #459aff; margin-right:0.909vw; font-size:0.97vw; } .headerFull header .dual-phone-number:hover .onhoverphonenumbers { bottom:-3.4vw; } .headerFull header .onhoverphonenumbers { width:8.9vw; bottom:-9.091vw; padding:0.909vw; border-radius:0.606vw; right:1.212vw; } .headerFull header .dual-phone-number:hover .onhoverphonenumbers a:last-child { margin-bottom:0; } .headerFull header .onhoverphonenumbers a { margin-right:0; } .headerFull header span.top-triangle { top:-0.6vw; border-left:0.606vw solid transparent; border-right:0.606vw solid transparent; border-bottom-width:0.606vw; right:0.909vw; } .headerFull header { padding:3.2vw 0; } .headerFull header .container-1560 {max-width:81.3vw;} .headerFull header .links-columns>ul>li>a { margin-right:3.9vw; font-size:.94vw; padding-bottom:2.121vw; } .headerFull header .links-columns>ul>li>a:after { bottom:1.818vw; height:0.182vw; } .headerFull header .mega-menu-service-main-box { right:0; padding:3.6vw; top:5.152vw; border-radius:52.2.121vw; -webkit-box-shadow:aliceblue; box-shadow:0 2.424vw 4.242vw 0 rgb(0 0 0/25%); } .headerFull header li.mega-menu-open:hover .mega-menu-service-main-box { top:3.4vw; } .headerFull header .heading-mega { margin-bottom:2.6vw; } .headerFull header .heading-mega h6 { letter-spacing:-0.121vw; font-size:3.55vw; } .headerFull header .heading-mega h6:after { max-width:42.727vw; height:0.261vw; } .headerFull header .services-main-services>* { margin-right:4.5vw; } .headerFull header .services-parent h3 { font-size:1.2vw; font-weight:700; margin-bottom:0.8vw; padding:0.364vw 0.364vw 0.606vw; } .headerFull header .services-parent h3:before { width:calc(100% - 0.727vw); height:3.0.303vw; } .headerFull header .services-parent ul li a { margin-bottom:0.3vw; padding:0.364vw; font-size:0.782vw; } .headerFull header .services-parent ul li a:before { left:-0.303vw; border-radius:0.606vw; } .headerFull header .social-contact > a:last-child,.headerFull header .social-contact > a:last-child span { margin-right:0; } span.main-circle.main-circleTn:before { display:none; } span.main-circle.main-circleTn { background:url(../assets/home/bannerImgbackMob.png); text-align:right; overflow:unset; position:relative; width:42.424vw; height:42.424vw; background-position:center; background-size:cover; } section.section-1.padding-top-header.sec1Tn { padding:0; min-height:100vh; height:auto; display:flex; align-items:center; } section.section-1.padding-top-header.sec1Tn > .container-1560 { height:100%; max-width:81.3vw; width:100%; } section.section-1.sec1Tn > .container-1560 .row { height:100%; padding-top:7.455vw; margin-right:-0.909vw; margin-left:-0.909vw; } .sec1Tn .fa-110 { font-size:4vw; letter-spacing:-0.103vw; line-height:1; text-transform:uppercase; } .fourLittleImg { position:absolute; top:0; right:0; width:90%; height:90%; z-index:-1; } span.main-circle.main-circleTn > img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-left:1.818vw;width:85%;animation:emain 5s infinite;-webkit-animation:emain 5s infinite;} .fourLittleImg .liTTleImg { position:absolute; left:0; top:0; } .fourLittleImg .liTTleImg:nth-child(1) { animation:e1 5s infinite; -webkit-animation:e1 5s infinite; top:2vw; } .fourLittleImg .liTTleImg:nth-child(2) { right:3.03vw; left:auto; animation:e1 5s infinite; -webkit-animation:e1 5s infinite; top:2vw; } .fourLittleImg .liTTleImg:nth-child(3) { top:auto; bottom:0; left:-1.636vw; animation:e1 5s infinite; -webkit-animation:e1 5s infinite; } .fourLittleImg .liTTleImg:nth-child(4) { left:auto; top:auto; animation:e1 5s infinite; -webkit-animation:e1 5s infinite; right:1.394vw; bottom:0; } .fourLittleImg .liTTleImg img { width:8.485vw; height:auto; } section.section-1.sec1Tn .text-banner-home { margin-top:-8.636vw; max-width:30vw; } section.section-1.sec1Tn:after { content:''; position:absolute; right:0; top:50%; width:30vw; height:30vw; background:linear-gradient(270deg,#35DBFF,transparent); border-radius:50%; margin-right:-15vw; z-index:-1; transform:translateY(calc(-50% + 3.636vw)); opacity:.7; } section.section-1.padding-top-header.sec1Tn:before { width:44.848vw; height:44.848vw; left:-40vw; top:calc(50% + 2vw); } section.section-1.padding-top-header.sec1Tn span.top-right-gradient-circle { position:absolute; width:65.758vw; height:65.758vw; -webkit-filter:blur(78.788vw); filter:blur(78.788vw); } section.section-1.sec1Tn > .container-1560 .row .col-lg-6 { padding-right:0.909vw; padding-left:0.909vw; } .sec1Tn p.fa-16{ line-height:1.4vw; font-size:0.8vw; margin-top:1.212vw; } .sec1Tn .text-bottom { gap:1.212vw; margin-top:4.545vw; } .sec1Tn .text-bottom img { max-width:7.576vw; max-height:4.242vw; min-height:3.2vw; width:auto; } img.google-certificate { margin:0 1.5vw 0 2.6vw; } div.banner-right-imgAbout img { display:block; position:absolute; width:auto; height:70%; top:3.03vw; left:0vw; } section.firstSectionFull .container-1560 { height:100%; max-width:81.3vw; position:relative; width:100%; } section.firstSectionFull { padding:0; min-height:100vh; height:auto; display:flex; align-items:center; } section.firstSectionFull .row { height:100%; padding-top:7.455vw; margin-right:-0.909vw; margin-left:-0.909vw; } div.banner-right-imgAbout { margin-right:auto; -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; } .globeAbout { width:100%; position:relative; height:45.455vw; } .globeAbout:before { content:''; position:absolute; width:100%; height:90%; background-size:100% 100%; top:calc(50% + 0vw); transform:translateY(-50%); left:-4.182vw; } section.firstSectionFull.banner-section .top-right-gradient-circle { right:-30%; -webkit-filter:blur(78.788vw); filter:blur(78.788vw); top:-50%; width:65.758vw; height:65.758vw; } section.firstSectionFull .row .col-md-6 { padding-right:0.909vw; padding-left:0.909vw; } section.firstSectionFull .fa-110 { font-size:6vw;line-height:1;letter-spacing:-0.303vw; } .digital-services-app section.firstSectionFull .fa-110 { font-size:5vw; } section.firstSectionFull p.fa-16 { line-height:1.7; font-size:.84vw; margin-top:1.212vw; letter-spacing:-.001vw; } section.firstSectionFull .banner-left-content { max-width:30vw; } section.firstSectionFull .banner-left-content span { margin-top:4.242vw; } section.firstSectionFull .banner-left-content span a { font-size:.8vw; line-height:15.46px; color:#000; font-weight:500; } section.firstSectionFull .banner-left-content span a i { margin-right:0.606vw; } section.firstSectionFull .banner-left-content span i { font-size:1.273vw; } section.aboutBannerSec { box-shadow:0 0 50px rgb(2 111 243/10%); } section.hz-what-for-you { padding-top:120px; } @keyframes globeAboutrotation { from { -ms-transform:rotate(0); -moz-transform:rotate(0); -webkit-transform:rotate(0); -o-transform:rotate(0); transform:rotate(0) } to { -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg); } } section.firstSectionFull.left-circle-sec:before { width:44.848vw; height:44.848vw; left:-40vw; } section.resourceFirstSection:after { content:''; position:absolute; right:0; top:50%; width:45%; height:18.182vw; background:-o-linear-gradient(170deg,#008DFF,#001970); background:linear-gradient(270deg,#008DFF 30%,#001970); transform:translateY(-50%); border-top-left-radius:9.091vw; border-bottom-left-radius:9.091vw; z-index:-1; } section.firstSectionFull.resourceFirstSection .row {height:100%;} .banner-right-img-vrResourceIn { position:absolute; } .threeInOnevrResourceIn { position:absolute; right:-3.03vw; width:24.242vw; top:6.667vw; height:18.182vw; } .banner-right-img-vrResourceIn:nth-child(1) { left:-5vw; top:50%; transform:translateY(-50%); height:100%; } .banner-right-img.banner-right-img-vrResource { -ms-flex:0 0 50%; flex:0 0 50%; max-width:50%; position:relative; height:30.515vw; display:flex; } .banner-right-img-vrResourceIn:nth-child(1) img { height:100%; width:auto; } .banner-right-img-vrResourceIn:nth-child(2) { height:29.364vw; width:42.424vw; left:-18.152vw; } .banner-right-img-vrResourceIn:nth-child(2) img { -webkit-animation:upDown 5s linear infinite; -moz-animation:upDown 5s linear infinite; -ms-animation:upDown 5s linear infinite; -o-animation:upDown 5s linear infinite; animation:upDown 5s linear infinite; height:38vw; width:auto; } .threeInOnevrResourceIn img { mix-blend-mode:overlay; } .threeInOnevrResourceIn > div { width:9.333vw; position:absolute; } .threeInOnevrResourceIn > div img { width:auto; height:7.879vw; -webkit-animation:skewAnim 10s linear infinite; -moz-animation:skewAnim 10s linear infinite; -ms-animation:skewAnim 10s linear infinite; -o-animation:skewAnim 10s linear infinite; animation:skewAnim 10s linear infinite; } .threeInOnevrResourceIn > div:nth-child(1) { left:1.818vw; top:0.606vw; } .threeInOnevrResourceIn > div:nth-child(2) { left:13.333vw; top:1.212vw; } .threeInOnevrResourceIn > div:nth-child(3) { left:7.273vw; bottom:0vw; } section.firstSectionFull.resourceFirstSection .fa-110 { font-size:5vw; letter-spacing:unset; margin:1vw 0; } section.firstSectionFull.resourceFirstSection .row { padding-top:0; } section.firstSectionFull.designerSectionFull .row { padding-top:4vw; } div.banner-right-imgDesigner img { width:100%; height:auto; } .banner-right-imgDesigner {-ms-flex:0 0 calc(100% - 41.666667%);flex:0 0 calc(100% - 41.666667%);max-width:calc(100% - 41.666667%);text-align:right;} .banner-right-imgDesignerIn:nth-child(2) { bottom:0; position:absolute; right:10.526vw; width:36vw; } section.firstSectionFull.designerSectionFull .container-1560 { position:static; } .banner-right-imgDesignerIn:nth-child(1) {width:90%;margin-left:auto;position:relative;top:-2.632vw;} .banner-right-imgDesignerIn:nth-child(2) img { width:90%; } .banner-right-imgDesignerIn:nth-child(1) img { -webkit-animation:upDown 10s linear infinite; -moz-animation:upDown 10s linear infinite; -ms-animation:upDown 10s linear infinite; -o-animation:upDown 10s linear infinite; animation:upDown 8s linear infinite; mix-blend-mode:multiply; } .designerSectionFull .banner-right-imgDesignerIn:nth-child(1) img{ -webkit-animation:upDownTranslatey 10s linear infinite; -moz-animation:upDownTranslatey 10s linear infinite; -ms-animation:upDownTranslatey 10s linear infinite; -o-animation:upDownTranslatey 10s linear infinite; animation:upDownTranslatey 10s linear infinite; mix-blend-mode:multiply; } div.banner-right-img-DeveloperResource { -ms-flex:0 0 calc(100% - 41.666667%); flex:0 0 calc(100% - 41.666667%); max-width:calc(100% - 41.666667%); } section.firstSectionFull.firstSectionFullDeveloper .row { padding-top:4vw; } div.banner-right-img-DeveloperResource img {height:auto;} .banner-right-img-DeveloperResourceIn:nth-child(2) { bottom:0; position:absolute; right:4.8vw; width:42vw; } section.firstSectionFull.firstSectionFullDeveloper .container-1560 { position:static; } .banner-right-img-DeveloperResourceIn:nth-child(1) {width:100%;position:relative;top:0;text-align:right;} .banner-right-img-DeveloperResourceIn:nth-child(2) img { width:90%; } .banner-right-img-DeveloperResourceIn:nth-child(1) img {width:26.316vw;height:auto;display:block;position:relative;margin-left:auto;left:-8.789vw;top:-4.211vw;} .banner-right-img.banner-right-img-Single { -ms-flex:0 0 calc(100% - 41.666667%); flex:0 0 calc(100% - 41.666667%); max-width:calc(100% - 41.666667%); } .banner-right-img-SingleIn { position:absolute; bottom:0; right:0; width:100%; max-width:81.3vw; left:50%; transform:translateX(-50%); z-index:-1; text-align:right; } section.firstSectionFull.singleImgOnBottomBannerSection .container-1560 { position:static; } .banner-right-img-SingleIn img { width:50%; height:auto; } .banner-right-img.banner-right-img-virtualAssist { -ms-flex:0 0 calc(100% - 41.666667%); flex:0 0 calc(100% - 41.666667%); max-width:calc(100% - 41.666667%); } .banner-right-img-virtualAssistIn:first-child { position:absolute; right:0; bottom:0; width:100%; max-width:81.3vw; left:50%; transform:translateX(-50%); z-index:-1; text-align:right; height:100%; display:flex; justify-content:flex-end; align-items:flex-end; } section.firstSectionFull.virtualAssistSectionBanner .container-1560 { position:static; } .banner-right-img-virtualAssistIn:first-child img { height:80%; width:auto; } .banner-right-img-virtualAssistIn:nth-child(2) { bottom:38vh; right:39vw; } .banner-right-img-virtualAssistIn:nth-child(3) { right:8.5vw; top:17vh; } .banner-right-img-virtualAssistIn { position:absolute; } .banner-right-img-virtualAssistIn:not(:nth-child(1)) img { width:10vw; height:auto; } .banner-right-img-virtualAssistIn:not(:nth-child(1)) { animation:e1 15s infinite; -webkit-animation:e1 15s infinite; } .digital-services-seo section.firstSectionFull .fa-110 { font-size:4.6vw; } .digital-services-web section.firstSectionFull .fa-110,.digital-services-smm section.firstSectionFull .fa-110 { FONT-SIZE:5VW; } .firstSectionFullGigitalService .row.align-items-center { padding-top:3vw; } body.bpo section.firstSectionFull.resourceFirstSection.bpoFirstSection .fa-110 { font-size:4vw; letter-spacing:-0.303vw; } .bpoFirstSection .banner-right-img-vrResourceIn:nth-child(2) img { -webkit-animation:none; -moz-animation:none; -ms-animation:none; -o-animation:none; animation:none; height:36vw; } .bpoFirstSection .banner-right-img-vrResourceIn:nth-child(2) { bottom:-3.6vw; left:-13vw; } .bpoFirstSection .threeInOnevrResourceIn > div:nth-child(1) { top:.4vw; } .bpoFirstSection .threeInOnevrResourceIn > div:nth-child(2) { top:1.7vw; } .bpoFirstSection .threeInOnevrResourceIn > div:nth-child(3) { bottom:2vw; } .threeInOnevrResourceIn > div img { height:6vw; } .threeInOnevrResourceIn { height:18.182vw; top:6.1vw; } .bpoFirstSection .threeInOnevrResourceIn > div:nth-child(3) img { height:7vw; } .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img { width:auto; height:auto; max-height:80vh; margin-left:auto; min-height:80vh; } .bpo-sales-support .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img { max-width:calc(100% - 30vw); object-position:bottom; object-fit:contain; } .banner-rightBpoIn-img-Repaeter { position:absolute; bottom:0; right:0; max-width:81.3vw; width:100%; left:50%; transform:translateX(-50%); text-align:right; } section.firstSectionFull.firstSectionFullBpoIn .container-1560 { position:static; } .banner-right-img.banner-rightBpoIn-img { max-width:81.3vw; position:static; width:100%; } section.firstSectionFull.firstSectionFullBpoIn .fa-110 { font-size:4.3vw; line-height:1.1; } .bpo-devops .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img { max-height:75vh; margin-left:auto; min-height:75vh; } .ecom-services-amazon .row.align-items-center { padding-top:0; } .ecom-services-amazon .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img { height:auto; max-height:90vh; min-height:90vh; margin-left:auto; } .ecom-services-marketplace .firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter img { margin-top:-10vw; width:100%; } .ecom-services-marketplace .firstSectionFullshopifyAmazon.firstSectionFull .row{ padding-top:3vw; } .firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter img { width:90%; height:auto; } .firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter { position:static; transform:none; } .banner-right-img.banner-right-img-Ecom { position:absolute; top:0; left:50%; width:100%; height:100%; max-width:81.3vw; transform:translateX(-50%); } .firstSectionFullEcomService .row > div:nth-child(2) { position:static; } section.firstSectionFull.firstSectionFullEcomService .container-1560 { position:static; } .banner-right-img-EcomInner:first-child { position:absolute; bottom:0; right:0vw; } .banner-right-img-EcomInner:first-child img { width:auto; height:auto; max-width:50vw; max-height:80vh; height:80vh; } .portfolio .portfolio-vw { min-height:100vh; padding:0px; display:flex; align-items:center; } .portfolio .portfolio-vw .fa-110 { font-size:5.73vw; letter-spacing:-0.156vw; } .portfolio .portfolio-vw .container-1560 { max-width:81.3vw; width:100%; } .portfolio .portfolio-vw .p-banner-content p { margin:0.5vw auto 0; font-size:0.85vw; max-width:41.406vw; } .portfolio .portfolio-vw .p-banner-content .col-lg-8:before { width:41.406vw; height:41.406vw; background-size:contain; } .portfolio .portfolio-vw .p-banner-imgs img:first-child { width:12vw; max-width:12vw; } .portfolio .portfolio-vw .p-banner-imgs img:nth-child(2) { max-width:11vw; width:11vw; } .portfolio .portfolio-vw .p-banner-imgs img:nth-child(3) { max-width:10vw; width:10vw; } .portfolio .portfolio-vw .p-banner-imgs img:nth-child(4) { max-width:10vw; width:10vw; } .banner-vw-z .color-blur-circle.color-blur-circle-820 { width:42.708vw; height:42.708vw; filter:blur(67.708vw); } .banner-vw-z .banner-section-contact .circle-page-contact{ top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .banner-vw-z .banner-section-contact { min-height:100vh; display:flex; align-items:center; padding:0; position:relative; } .banner-vw-z .banner-section-contact .fa-110 { font-size:5.73vw; letter-spacing:-0.156vw; } .banner-vw-z .banner-section-contact .container-1560 { max-width:81.3vw; width:100%; } .banner-vw-z .banner-section-contact p.fa-16 { margin:0.5vw auto 0; font-size:0.85vw; max-width:41.406vw; line-height:1.41vw; } .banner-vw-z .banner-section-contact .circle-page-contact { max-width:76.313vw; top:45%; } .banner-vw-z .banner-section-contact .main-circle-contact span { width:10vw; left:-2vw; } .banner-vw-z .banner-section-contact .main-circle-contact span.contactimg5 { right:-2vw; left:auto; } .banner-vw-z .banner-section-contact .main-circle-contact span.contactimg2 { left:12vw; } .banner-vw-z .banner-section-contact .main-circle-contact span.contactimg3 { left:50%; } .banner-vw-z .banner-section-contact .main-circle-contact span.contactimg4 { right:12vw; left:auto; } .py-0-banner{ padding:0px!important; } .banner-vw-zB .banner-right-imgs .nft { width:50vw; max-width:100%; height:auto; max-height:initial; } .banner-vw-zB .banner-right-imgs .circle { width:22vw; max-width:100%; max-height:initial; top:14vw; right:28vw; } .emerging-tech-nft.darkPage.headerFull .social-contact a span:first-child{ background:#f8006c; box-shadow:0 0.303vw 1.212vw 0 #f8006c; } .banner-vw-zB .center-image-blockchain { left:-5vw; } .banner-vw-zB .banner-right-img-blockchain:after { width:50vw; height:100%; background-size:contain; right:-8vw; background-position:right; } .banner-vw-zB .banner-images-blockchain>img { width:34vw; } .banner-vw-zB .banner-right-img-blockchain { right:6vw; top:calc(50% + 3vw); max-width:100%; } .banner-vw-zB .background-images-mulitple img.image1anime { width:5vw; right:-2vw; } .banner-vw-zB .background-images-mulitple img.image2anime { width:4vw; } .banner-vw-zB .background-images-mulitple img.image4anime { width:4vw; left:-10vw; } .banner-vw-zB .background-images-mulitple img.image3anime { left:-2vw; width:4vw; } .banner-vw-zB .background-images-mulitple img.image6anime { width:3vw; right:17vw; } .banner-vw-zB .background-images-mulitple img.image7anime { width:3vw; } .banner-vw-zB .background-images-mulitple img.image5anime { width:4vw; } .banner-vw-zB .banner-right-img-virtualreality { width:40vw; right:10vw; max-width:100%; } .banner-vw-zB .banner-images-virtualreality { width:30vw; top:-8vw; } .background-images-mulitple { width:53vw; } .e-banner-img img { width:85%; max-width:100%; max-height:initial; height:auto; } .industry-plans-restaurants .e-banner-img img{ max-height:initial; } .pricing-main-panel.industry-price-panel{ padding:40px; } } @media (min-width:992px) and (orientation:portrait) { section.section-1.padding-top-header.sec1Tn { min-height:unset; } section.firstSectionFull { min-height:unset; } section.firstSectionFull.resourceFirstSection { padding:8vh 0 5vh; } section.resourceFirstSection:after{ margin-top:1.5vh; } .banner-right-img-vrResourceIn:nth-child(2){ left:-15.152vw; } .banner-right-img-vrResourceIn:nth-child(2) img{ height:34vw; } section.firstSectionFull.designerSectionFull,section.firstSectionFull.singleImgOnBottomBannerSection,section.firstSectionFull.firstSectionFullDeveloper { min-height:45vh; } section.firstSectionFull.virtualAssistSectionBanner { min-height:45vh; } .banner-right-img-virtualAssistIn:nth-child(3) { top:10vh; } .banner-right-img-virtualAssistIn:nth-child(2) { bottom:auto; top:15vh; left:36vh; } section.firstSectionFullGigitalService.firstSectionFull { padding:10vh 0 5vh; } section.firstSectionFullGigitalService.firstSectionFull.dblCircleSec:after,section.firstSectionFullGigitalService.firstSectionFull.dblCircleSec > span:not(.top-right-gradient-circle){ margin-top:2.5vh; } .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img { width:50%; height:auto; max-height:unset; min-height:unset; } section.firstSectionFullBpoIn { padding:100px 0 100px; } .bpo-functional section.firstSectionFull.firstSectionFullBpoIn .banner-right-img img { width:40%; } .bpo-devops .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img { width:46%; height:auto; max-height:unset; min-height:unset; } section.banner-section.firstSectionFull.firstSectionFullEcomService { min-height:40vh; } section.banner-section.firstSectionFull.firstSectionFullEcomService .banner-right-img-EcomInner:first-child img { max-height:unset; height:auto; } section.banner-section.firstSectionFull.firstSectionFullEcomService .banner-right-img-EcomInner:first-child {width:100%;text-align:right;right:0;} .ecom-services-marketplace .firstSectionFullshopifyAmazon .banner-rightBpoIn-img-Repaeter img { margin-top:-3vh; } .ecom-services-marketplace .firstSectionFullshopifyAmazon.firstSectionFull .row { padding-top:6vw; } .ecom-services-shopify section.banner-section.firstSectionFullshopifyAmazon { padding:5vh 0 5vh; } .ecom-services-amazon .firstSectionFullBpoIn .banner-right-img.banner-rightBpoIn-img img { max-width:45%; height:auto; min-height:unset; } .emerging-tech-augmented-reality .banner-section{ min-height:auto; } .portfolio .portfolio-vw,.banner-vw-z .banner-section-contact { min-height:auto; padding:24vw 0; } .banner-blogs-img-details { height:25vh; } } @media(min-width:992px) and (max-width:2000px){ .list-items { margin-left:auto; } .headerFull header .services-parent ul li { line-height:1.2; } .content-right-column h1 > br,.content-right-column h4 > br { display:none; } .content-right-column h1,.content-right-column h4,.content-right-column .letter-spacing-9 { text-align:center; letter-spacing:-6px; } .blog-details h1{ font-size:3.125vw; } .blog-details h2{ font-size:2.604vw; } .blog-details h3{ font-size:2.083vw; } .blog-details h4{ font-size:1.823vw; } .blog-details h5{ font-size:1.563vw; } .blog-details h6{ font-size:1.302vw; } .blog-details a { margin-bottom:0; color:#459aff!important; text-decoration:none; } .blog-details ul li{ font-size:0.833vw; line-height:1.354vw; margin-bottom:0.742vw; padding-left:1.302vw; } .blog-details ul li:before { width:0.521vw; height:0.521vw; } .blog-details p { font-size:1.042vw; margin-bottom:1.042vw; } .blog-details a:hover { opacity:.8; } .blog-details a:hover { text-decoration:none; } .side-by-side-tabs-insights-footer { margin-bottom:3vw; } .insight-tabs-footer .nav-tabs { gap:2.6vw; } .insight-tabs-footer .nav-link { font-size:1.04vw; padding:1.25vw 2.19vw; min-width:10.42vw;border-radius: 0.83vw; } .insight-tabs-footer .nav-link:before { border-radius:0.83vw; } .insight-tabs-footer .nav-link:after { left:-0.1vw; top:-0.1vw; width:calc(100% + 0.21vw); height:calc(100% + 0.21vw); border-radius:0.94vw; } } .bpo-devops .hz-bpo-three .cols-ar-img-service { background:transparent!important; border:2px solid #4da2eb!important; } .bpo-devops .hz-bpo-three .cols-ar-img-service:before,.bpo-devops .hz-bpo-three .cols-ar-img-service:after { display:none; } .darklandingpage { background:#02397A; } @font-face { font-family:tungstenblack; src:url(../fonts/tungsten/Tungsten-Black.otf); } @font-face { font-family:tungstenbold; src:url(../fonts/tungsten/Tungsten-Bold.otf); } @font-face { font-family:tungstensemibold; src:url(../fonts/tungsten/TungstenNarrow-Semibold.otf); } @font-face { font-family:tungstensemiboldnarrow; src:url(../fonts/tungsten/TungstenNarrow-Semibold.otf); } @font-face { font-family:tungstensemiboldcond; src:url(../fonts/tungsten/TungstenCond-Semibold.otf); } .font-family-tungsten { font-family:tungstenblack; } .font-family-tungsten-bold { font-family:tungstenbold; } .font-family-tungsten-semibold { font-family:tungstensemibold; } .font-family-tungstensemiboldcond { font-family:tungstensemiboldcond; } .font-family-tungsten-tungstensemiboldnarrow { font-family:tungstensemiboldnarrow; } .no-before:before { display:none; } .landingpage-agencyplanning main:after,.landingpage-agencyplanning main:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../assets/landingpage/fullbodybg3.jpg); background-repeat:no-repeat; background-size:cover; z-index:-3; mix-blend-mode:revert; } header.header-lp > div { display:flex; align-items:center; justify-content:space-between; } .left-right-image-lp-design { background-image:url(../assets/landingpage/bannertop.png); background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; width:100%; height:100%; mix-blend-mode:screen; z-index:-1; } .contact-information-lp { display:flex; align-items:center; justify-content:space-between; width:100%; max-width:569px; } .contact-information-lp a { align-items:center; display:flex; color:#FFF; font-family:Poppins; font-size:20px; font-style:normal; font-weight:700; line-height:47.772px; } .contact-information-lp a span i { height:40px; width:40px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(180deg,#459AFF 0%,rgba(69,154,255,0.00) 100%); stroke-width:0.582px; stroke:#459AFF; margin-right:18px; } .btn-reg.btn-get-started-with-arrow { color:#F1F9FF; font-family:Poppins; font-size:22px; font-weight:600; line-height:112%; letter-spacing:-1px; max-width:max-content; padding:0 30px; display:inline-flex; gap:30px; border-radius:17px!important; background:linear-gradient(0deg,#0085FF 0%,#5ED6FF 100%)!important; box-shadow:-56px 56px 56px 0px rgba(255,255,255,0.06) inset,56px -56px 56px 0px rgba(165,165,165,0.06) inset; backdrop-filter:blur(44px); } .banner-lp-text { text-align:center; color:white; } .banner-lp-text h1 { font-size:382px; font-style:normal; font-weight:450; line-height:280px; text-transform:uppercase; position:relative; z-index:1; background:linear-gradient(180deg,#FFF 70%,#00ffffa3 120%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:-30px; } .banner-lp.bg-image-lp-banner { position:relative; padding-top:250px; } .partnership-plan-text { border:1px solid #00FFFF; display:inline-block; padding:12px 45px 22px; border-radius:18px; background:linear-gradient(124deg,rgba(0,16,53,1) 0%,rgba(0,0,0,1) 43.23%,rgba(0,16,53,1) 100%); backdrop-filter:blur(45px); position:relative; z-index:1; box-shadow:0px 10px 40px 0px #001035; } .partnership-plan-text h6 { font-family:Oswald; font-size:92px; font-weight:600; line-height:90px; letter-spacing:-5px; text-transform:uppercase; background:linear-gradient(180deg,#FFF 70%,#FFF 1.56%,#06F 105%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .circle-behind-text { display:block; width:700px; height:700px; margin:0 auto; border-radius:50%; background:linear-gradient(180deg,rgba(0,255,255,0.00) 40%,#0FF 75%,#06F 100%); position:absolute; bottom:300px; left:50%; transform:translateX(-50%); } .holdinghandslp { position:relative; margin-top:-150px; } .why-oip-lp-image { position:relative; max-width:580px; margin:0 auto; } .sirf-oip { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; max-width:220px; object-fit:contain; } .gradient-text-lp { background:linear-gradient(90deg,#00C2FF 0%,#FFF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .why-oip-lp-text h3 { text-transform:uppercase; margin-bottom:50px; } .fa-200 { font-size:200px; line-height:240px; } .why-oip-lp-text ul { max-width:100%; margin:0; } .why-oip-lp-text ul li { color:#FFF; font-size:22px; font-weight:500; line-height:31px; text-transform:capitalize; margin-bottom:40px; list-style:none; padding-left:80px; position:relative; } .circle-on-before { position:absolute; left:0; top:15px; transform:translateY(-50%); width:50px; height:50px; } .animation-agency-planning { animation:15s globeAboutrotation infinite linear; } .our-heritage-lp-text { max-width:949px; margin:0 auto; text-align:center; } .lh-40 { line-height:40px; } .item-our-heritage { border-radius:30px; max-width:578px; color:white; height:100%; position:relative; margin-bottom:80px; } .item-our-heritage:last-child { margin-bottom:0; } .mw-1242 { max-width:1242px; } .image-heritage-top-right { position:absolute; right:64px; top:-75px; width:150px; height:150px; display:flex; align-items:center; justify-content:center; border-radius:343px; border:3px solid #FFF; background:radial-gradient(70.41% 70.41% at 50.00% 50.00%,rgba(255,255,255,0.00) 0%,#2DD9FF 100%); box-shadow:0px 4px 100px 0px rgba(0,0,0,0.20); backdrop-filter:blur(84px); padding:28px; } .item-our-heritage h3 { color:#FFF; font-size:40px; font-weight:800; line-height:46px; text-transform:capitalize; margin:16px 0; } .item-our-heritage span { color:#35DBFF; font-size:20px; font-weight:800; line-height:35px; text-transform:capitalize; position:relative; } .line-in-center { position:absolute; top:12px; left:50%; transform:translateX(-50%); width:3px; height:100%; background:linear-gradient(180deg,#35DBFF 49.52%,rgba(53,219,255,0.00) 100%); } .item-our-heritage span:before { content:''; position:absolute; right:-68px; top:50%; transform:translateY(-50%); background-image:url(../assets/landingpage/design-blinking.png); background-repeat:no-repeat; background-position:left; width:50px; height:50px; background-size:contain; } .item-our-heritage:nth-child(odd) span:before { right:auto; left:-68px; } .item-our-heritage p { color:#FFF; font-size:18px; line-height:30px; text-transform:capitalize; } .mt-137 { margin-top:137px; } .pt-137{ padding-top:137px; } .bg-dark-blue-heritage-lp { background:linear-gradient(360deg,#06F 0%,rgba(4,41,168,0.00) 100%); } .mw-1080 { max-width:1080px; } .fa-120 { font-size:120px; line-height:210px; } .wiify-item-lp { border-radius:41.35px; background:linear-gradient(360deg,rgba(4,10,102,1.0) 0%,#0085FF 100%); box-shadow:0px 108px 161px 0px rgba(0,0,0,0.50); text-align:center; color:white; position:relative; height:100%; display:flex; align-items:center; justify-content:center; padding:120px 30px 38px; } .image-wiify-lp { max-width:210px; height:190px; margin:0px auto; position:absolute; top:-90px; left:50%; transform:translateX(-50%); } .image-wiify-lp img { width:100%; height:100%; object-fit:contain; } .wiify-item-lp h3 { font-size:26px; font-weight:700; line-height:32px; text-transform:capitalize; max-width:200px; } .design-wiify-lp .row { margin-top:100px; } .pink-gradient { background:linear-gradient(0deg,rgba(4,10,102,1.0) 0%,#E84A9C 100%); } .purple-gradient { background:linear-gradient(0deg,rgba(27,4,102,1.0) 0%,#684FB5 100%); } .li-before-images-lp li:before { content:''; position:absolute; left:0; top:-10px; background-image:url(../assets/landingpage/design-blinking.png); background-repeat:no-repeat; background-position:left; height:50px; width:50px; background-size:contain; animation:3s scalingicons infinite alternate; } .li-before-images-lp li:nth-child(even):before{ animation-delay:1.5s; } @keyframes scalingicons{ from{ transforM:scale(0); } to{ transforM:scale(1.2); } } .li-before-images-lp li { list-style:none; position:relative; padding-left:81px; } .service-item-text h3 { font-size:130px; line-height:111px; max-width:600px; } .service-item-text p { color:#FFF; font-size:16px; line-height:29px; text-transform:capitalize; margin:15px 0 50px; } .service-item-text ul li { font-size:18px; font-style:normal; font-weight:500; line-height:40px; text-transform:capitalize; margin-bottom:16px; padding-left:55px; } .service-item-text ul.li-before-images-lp li:before { width:35px; height:35px; top:5px; } .image-service-on-top { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; z-index:1; } .service-item-image { transform:scale(1.15); transform-origin:left; } .services-lp { padding:100px 0; } .service-item-text { max-width:711px; } .service-item-text ul { max-width:630px; margin-bottom:0px; } .service-item-lp { padding-top:80px; padding-bottom:80px; } .mh-67 { min-height:67px; } .mt-40 { margin-top:40px; } .service-item-lp .row{ align-items:center } .service-item-lp:nth-child(even) .service-item-text { margin-left:auto; } .service-item-lp:nth-child(even) .row { flex-direction:row-reverse; } .service-item-lp:nth-child(even) .service-item-image { transform-origin:center; } .service-item-lp:last-child { padding-bottom:0; } .deisgin-arrows-left:before,.deisgin-arrows-right:after { content:''; position:absolute; left:0; top:-48%; width:100%; height:100%; background-image:url(../assets/landingpage/deisgin-arrows-left.png); background-repeat:no-repeat; background-position:left; background-size:30%; mix-blend-mode:screen; z-index:-1; } .deisgin-arrows-right:after { background-image:url(../assets/landingpage/deisgin-arrows-right.png); left:auto; right:0; background-position:right; top:-28%; } .packages-lp .industry-price-panel.pricing-main-panel { border-image:none; border-radius:20px; border-color:#ffffff52; background:linear-gradient(180deg,rgba(0,0,0,0.76) 0%,rgba(4,41,168,0.00) 100%); padding:65px; } .packages-lp .industry-price-panel.pricing-main-panel:before,.packages-lp .industry-price-panel.pricing-main-panel:after { background:linear-gradient(173deg,#B431F1 0%,#004AFF 100%); border-radius:20px; } @keyframes industriesweservenoextrapixel { 0% { height:0; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 50% { height:100%; width:10px; -webkit-transform:translateY(-50%); transform:translateY(-50%) } 100% { width:100%; height:100%; } } .packages-lp .pricing-main-panel.selected-pricing:after,.packages-lp .pricing-main-panel.selected-pricing:before { animation:1.5s industriesweservenoextrapixel forwards; } .pricing-main-panel.selected-pricing .pricing-items h3 { color:white; background:transparent; -webkit-text-fill-color:white; } .packages-lp .industry-price-panel .pricing-items h2 { border-radius:39px; background:linear-gradient(0deg,#00115C 0%,#022FF2 100%); -webkit-text-fill-color:white; padding:11px 16px; font-size:14px; font-weight:600; text-align:center; width:100%; max-width:max-content; position:relative; } .packages-lp .industry-price-panel .pricing-items h2:before { content:''; position:absolute; left:0px; bottom:-1px; width:100%; height:100%; background:linear-gradient(45deg,#35DBFF,#00000000); border-radius:39px; z-index:-1; } .packages-lp .pricing-items h3 { color:white; } .mb-150 { margin-bottom:150px; } .industry-price-panel .pricing-items ul li { font-size:19px; letter-spacing:-0.3px; } .contact-image-lp { position:absolute; right:0; top:0; width:100%; height:100%; max-width:740px; } .contact-image-lp img { width:100%; height:100%; object-fit:contain; object-position:right bottom; padding:0!important; } .contact-image-lp img.contactphone-lp { position:absolute; top:-20%; right:15%; max-width:300px; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area { border-radius:20px; background:linear-gradient(335deg,#B431F1 0%,#164AC9 100%); backdrop-filter:blur(21px); outline:none; position:relative; } .portfolio-lp .deisgin-arrows-left:before,.portfolio-lp .deisgin-arrows-right:after { background-image:url(../assets/landingpage/deisgin-arrows-left-straight.png); top:-30%; background-size:22%; } .portfolio-lp .deisgin-arrows-right:after { background-image:url(../assets/landingpage/deisgin-arrows-right-straight.png); } .service-item-lp:first-child { padding-top:0; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 { font-size:135px; background:linear-gradient(90deg,#00C2FF 0%,#FFF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; mix-blend-mode:normal; opacity:1; letter-spacing:0; font-weight:normal; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form input,.contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form textarea { border-color:#fff; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form .btn-get-started-with-arrow { bottom:-110px; } .clients-portion .client-logo { border-radius:27px; } .clients-portion .client-2-row .col-lg-3 { margin-bottom:30px; } .testimonial-lp-text h3 { font-size:332px; font-style:normal; font-weight:450; line-height:288.407px; text-align:center; background:linear-gradient(167deg,#FFF 0%,#0FF 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; mix-blend-mode:overlay; opacity:0.4; } .testimonial-lp-text h3.abs-testi-lp { position:absolute; top:0; left:50%; transform:translateX(-50%); } .wiify-lp:before,.testimonial-landingpage:before { content:''; position:absolute; left:0; top:-15%; width:100%; height:100%; background-image:url(../assets/landingpage/dotsgradientseffect.png); background-repeat:no-repeat; background-size:cover; z-index:-1; mix-blend-mode:screen; } span.quote-sign-lp { display:flex; text-align:center; align-items:center; justify-content:center; margin-top:-80px; margin-bottom:-80px; } .quote-sign-lp svg { height:100%; width:100%; } .quote-sign-lp { max-width:270px; height:200px; margin:0 auto; } .slider-testimonial-lp .slick-list { padding:15px 0 80px; margin:0 -25px; } .slider-testimonial-lp .slick-list .slick-slide { margin:0 25px; } .slider-testimonial-lp .slick-track { display:flex; } .slider-testimonial-lp .slick-track > div { height:inherit; } .slider-testimonial-lp-item { border-radius:45.935px; background:linear-gradient(222deg,rgba(66,130,225,0.80) 0%,rgba(0,102,255,0.00) 100%); backdrop-filter:blur(34.45088195800781px); text-align:center; padding:80px 120px 230px; border:4px solid #00FFFF; position:relative; } .slider-testimonial-lp { max-width:1440px; margin:0 auto; } .slider-testimonial-lp-item p { color:#E8E8EE; font-size:30px; font-weight:500; line-height:62px; letter-spacing:0.9px; } .name-box-lp h4 { color:#E8E8EE; text-align:center; font-size:40px; font-weight:700; line-height:70px; letter-spacing:1.2px; text-transform:uppercase; } .name-box-lp h6 { color:#E8E8EE; font-size:32px; font-weight:400; line-height:48px; letter-spacing:0.323px; } .name-box-lp { max-width:180px; position:absolute; max-width:max-content; border-radius:200px; background:linear-gradient(107deg,rgba(0,102,255,1) 20%,rgba(0,255,255,1) 100%); backdrop-filter:blur(15px); padding:10px 60px 15px; left:50%; transform:translateX(-50%); bottom:-72px; } .slider-testimonial-lp .slick-dots { display:flex; align-items:center; justify-content:space-between; max-width:max-content; margin:40px auto 0; list-style:none; gap:25px; } .slider-testimonial-lp .slick-dots li button { font-size:0; border:none; width:20px; height:20px; background:#fff; position:relative; border-radius:50%; } .slider-testimonial-lp .slick-dots li { line-height:0; } .slider-testimonial-lp .slick-dots li button:before,.slider-testimonial-lp .slick-dots li button:after { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); background:linear-gradient(210deg,#0085FF 0%,rgba(53,219,255,0.00) 100%); width:100%; height:100%; border-radius:50%; z-index:-1; opacity:0.4; transition:0.3s ease-in-out; } .slider-testimonial-lp .slick-dots li button:after { z-index:-2; background:linear-gradient(45deg,#0085FF 0%,rgba(53,219,255,0.00) 100%); } .slider-testimonial-lp .slick-dots li.slick-active button { background:#35DBFF; } .slider-testimonial-lp .slick-dots li.slick-active button:before { transform:translate(-50%,-50%) scale(1.7); } .slider-testimonial-lp .slick-dots li.slick-active button:after{ transform:translate(-50%,-50%) scale(2.4); } .footer-lp-logo-container { max-width:429px; margin:0 auto; } .footer-lp .footer-items-lp { margin:230px 0; } .footer-items-lp a { font-family:Poppins; font-size:20px; font-style:normal; font-weight:700; line-height:56.765px; color:white; } .footer-items-lp a span { font-size:12px; margin-left:12px; } .mw-380 { max-width:380px; } .footer-pages-lp p,.privacy-pages-lp a { font-size:12px; line-height:120%; letter-spacing:-0.36px; color:white; position:relative; } .footer-items-lp a:hover { mix-blend-mode:soft-light; } .privacy-pages-lp { max-width:270px; margin-left:auto; display:flex; justify-content:space-between; align-items:center; } .privacy-pages-lp a:before { content:''; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:8px; height:8px; background:#00C3FF; border-radius:50%; } .footer-lp { padding:150px 0 60px; } .privacy-pages-lp a { text-decoration:underline; } .footer-lp .deisgin-arrows-right:after { background-image:url(../assets/landingpage/deisgin-arrows-left.png); left:0; right:auto; background-position:left; top:-48%; transform:rotateY(180deg); } .bg-body-030771{ background:#030771; } .banner-lp-oippartner { padding:225px 0; position:relative; } .text-banner-lp-oippartner h3 { font-size:209px; font-weight:375; line-height:185px; text-transform:uppercase; font-family:'tungstenbold'; } .text-banner-lp-oippartner h1 { font-size:285px; font-weight:375; line-height:223px; text-transform:uppercase; font-family:'tungstenbold'; } .text-banner-lp-oippartner { text-align:center; } .gradient-text-lp-down { background:linear-gradient(180deg,#FFF 60%,#0FF 150%)!important; background-clip:text!important; -webkit-background-clip:text!important; -webkit-text-fill-color:transparent!important; } .banner-lp-oippartner-row { display:flex; align-items:center; justify-content:space-between; max-width:1240px; margin-left:auto; margin-top:90px; } .banner-lp-oippartner-paragraph { max-width:440px; text-align:left; } .scroll-down-lp-oippartner { display:flex; align-items:center; gap:15px; color:white; transition:0.3s all; position:relative; z-index:1; } .banner-lp-oippartner-paragraph p { font-size:18px; font-style:normal; font-weight:400; line-height:36.477px; text-transform:capitalize; } .banner-lp-oippartner-main-image { position:absolute; left:48%; transform:translateX(-50%); } .banner-lp-oippartner-main-image img { animation:15s globeAboutrotation infinite linear; } .scroll-down-lp-oippartner:hover { color:#1ec2db; } .bg-lines-partnership:before,.banner-lp-oippartner:before { content:''; position:absolute; left:0; bottom:-15%; width:100%; height:100%; background-image:url(../assets/outsourcingpartnership/left-lines.png); background-repeat:no-repeat; background-size:100%; mix-blend-mode:screen; background-position:left bottom; z-index:-1; } .bg-lines-partnership:before { bottom:0; top:40%; transform:translateY(-50%) rotateY(180deg); opacity:0.2; } .lh-210{ line-height:210px; } .fa-260 { font-size:260px; } .landingpage-outsourcingpartnership .why-oip-lp-text { display:flex; align-items:center; } .landingpage-outsourcingpartnership .why-oip-lp-text > img { max-width:430px; } .why-oip-lp-text ul.small-size-li li { font-size:18px; } .mw-1380 { max-width:1380px; } .landingpage-outsourcingpartnership .fa-150{ font-size:150px; line-height:180px; } .item-our-heritage h3.fa-30{ font-size:30px; line-height:30px; } .wiify-partnership-text h5 { font-size:450px; line-height:320px; background:linear-gradient(360deg,rgba(3,26,132,0.4) 15%,#35DBFF 120%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-transform:uppercase; margin-top:-4px; } .wiify-partnership-text .partnership-plan-text { transform:rotate(-5deg); } .wiify-item-lp-partnership { display:flex; align-items:center; justify-content:center; color:white; } .wiify-item-lp-partnership h3 { font-size:27px; font-style:normal; font-weight:700; line-height:33px; text-transform:capitalize; position:relative; padding-left:55px; } .image-wiify-lp-partnership { max-width:150px; } .wiify-item-lp-partnership h3:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:50%; background-image:url(../assets/landingpage/design-blinking.png); background-repeat:no-repeat; background-position:left; width:50px; height:50px; background-size:contain; } .design-wiify-lp-partnership { max-width:1469px; margin:0 auto; } .py-150{ padding-top:150px; padding-bottom:150px; } .landingpage-outsourcingpartnership .service-item-text { max-width:632px; } .line-height-130 { line-height:130px!important; } .landingpage-outsourcingpartnership .service-item-image { transform:scale(1); } .landingpage-outsourcingpartnership .service-item-lp:after { content:''; position:absolute; left:0; top:-15%; width:100%; height:100%; background-image:url(../assets/outsourcingpartnership/designscreen.png); background-repeat:no-repeat; background-size:contain; background-position:right top; mix-blend-mode:screen; z-index:-1; } .landingpage-outsourcingpartnership .service-item-lp { position:relative; } .landingpage-outsourcingpartnership .service-item-lp:first-child:after { top:-45%; } .landingpage-outsourcingpartnership .service-item-lp:nth-child(even):after { transform:rotateY(180deg); } .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 { font-size:185px; mix-blend-mode:normal; background:linear-gradient(180deg,#FFF 40%,#0FF 80%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .gradient-text-lp-down-more{ background:linear-gradient(180deg,#FFF 40%,#0FF 80%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .contact-lp-partnership .contact-image-lp { height:calc(100% + 100px); top:auto; bottom:0; } .contact-lp-partnership .contact-image-lp .contactphone-lp { right:55%; width:max-content; height:fit-content; top:45%; } .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area { border-radius:23.216px; background:linear-gradient(134deg,#0D00A8 0%,#0085FF 100%); outline:1px solid #ffffff8a; } .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area .form input,.contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area .form textarea { border-color:white; } .contact-section.contact-nft.hz-contact-bpo.contact-lp-partnership .contact-main-area button.btn-reg.btn-gradient { bottom:-110px; } .image-partnership-after:after{ content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../assets/outsourcingpartnership/header.png); background-repeat:no-repeat; background-size:cover; background-position:bottom; z-index:-1; mix-blend-mode:hard-light; opacity:0.6; } .portfolio-lp.image-partnership-after:after{ background-position:center; } .fa-240{ font-size:240px; } .clients-partnership-lp .client-2-row { margin-top:-100px!important; z-index:1; position:relative; max-width:1300px; margin:0 auto; } .clients-partnership-lp .client-logo { border-radius:20px; } .partnership-tesimonial-item { display:flex; align-items:center; justify-content:space-between; border-radius:30px; background:linear-gradient(314deg,rgba(53,219,255,0.20) 0%,rgba(53,219,255,0.00) 100%); box-shadow:0px 15px 20px 0px rgba(0,0,0,0.20); backdrop-filter:blur(84.55933380126953px); padding:60px; height:100%; } .partnership-tesimonial-item p { font-size:26px; line-height:173%; padding-bottom:120px; max-width:870px; } .name-box-lp-partnership h4 { color:#0085FF; font-size:40px; font-weight:700; line-height:112%; letter-spacing:-0.8px; } .name-box-lp-partnership h6 { color:#E8E8EE; font-size:24px; font-weight:400; line-height:47.7px; letter-spacing:0.24px; } .partnership-tesimonial-item > div { display:flex; justify-content:space-between; flex-direction:column; height:100%; } .partnership-tesimonial-item > div.quote-sign-partnership { justify-content:center; } .margin-in-minus { margin-bottom:-100px; } .footer-partnership .wiify-item-lp { border-radius:20px; background:linear-gradient(173deg,rgb(0 133 255/80%) 0%,rgb(0 74 255/80%) 100%); backdrop-filter:blur(20px); } .footer-partnership:before { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(../assets/outsourcingpartnership/footer-dots.png); background-repeat:no-repeat; background-size:cover; background-position:bottom; mix-blend-mode:screen; z-index:-1; } .landingpage-outsourcingpartnership main:before { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(../assets/outsourcingpartnership/fullpageimage.png); background-repeat:no-repeat; background-size:cover; background-position:bottom; z-index:-1; } .pricing-partnership .container-1560 { max-width:1560px; } .row-services-packages { display:flex; justify-content:space-between; } .main-parent-services-packages { border-radius:46px; background:linear-gradient(180deg,rgba(0,102,255,0.80) 0%,rgba(0,102,255,0.00) 100%); backdrop-filter:blur(34px); padding:60px 80px; } .main-parent-services-packages h3 { color:#FFF; font-size:25px; font-weight:700; line-height:111%; letter-spacing:-0.576px; text-transform:uppercase; margin-bottom:32px; height:65px; } .row-services-packages ul li { list-style:none; } .features-li li { font-size:23px; font-weight:700; line-height:111%; letter-spacing:-0.48px; display:flex; align-items:center; } .main-parent-services-packages .packages-all h3 { padding:0 6px; margin-bottom:32px; text-align:center; } .packages-all ul li div p { color:#FFF; text-align:center; font-family:Poppins; font-size:17px; font-style:normal; font-weight:500; line-height:140.5%; letter-spacing:-0.345px; text-transform:capitalize; } .packages-all ul li,.features-li li { margin-bottom:40px; } .packages-all ul li{ display:flex; align-items:center; justify-content:center; } .packages-all ul li h6 { text-align:center; font-size:33px; font-weight:700; line-height:111%; letter-spacing:-0.672px; } .packages-all:before { content:''; position:absolute; left:0; top:0; width:100%; height:0%; background:linear-gradient(180deg,#0085ff 0%,#004aff 100%); border-radius:20px; z-index:-1; transition:0.3s ease-in-out; } .active-plan-lp:before { height:100%; } .col-first-packages { flex:0 0 20%; max-width:260px; } .col-second-packages { flex:0 0 75%; } .packages-all { flex:0 0 33%; max-width:calc(33% - 15px); } .col-first-packages,.packages-all { padding:60px 0px; border-radius:20px; position:relative; z-index:1; } .background-blue-dark { background:linear-gradient(180deg,rgba(0,0,0,0.76) 0%,rgba(30,30,30,0.50) 100%); } .bg-lightblue-package { background:linear-gradient(180deg,#0085FF 0%,#004AFF 100%); backdrop-filter:blur(20px); } .packages-btn { text-align:center; position:absolute; left:50%; transform:translateX(-50%); width:100%; bottom:-34px; } .packages-btn.grey-btn-package .btn-get-started-with-arrow { background:linear-gradient(90deg,#000 0%,rgba(50,50,50,0.60) 92.71%)!important; box-shadow:-56px 56px 56px 0px rgba(255,255,255,0.06) inset,56px -56px 56px 0px rgba(165,165,165,0.06) inset; backdrop-filter:blur(44px); } .packages-btn.grey-btn-package .btn-get-started-with-arrow:before { background:linear-gradient(270deg,#000000db 0%,rgba(50,50,50,0.60) 92.71%)!important; } .btn-reg.btn-get-started-with-arrow:before { background:linear-gradient(181deg,#0085FF 0%,#5ED6FF 100%)!important; } .note-pricing{ font-size:18px; line-height:169%; margin-top:50px; } @keyframes hithere { 0% { transform:scale(1); } 100% { transform:scale(1.1); } } @keyframes simpletranslation { 0% { transform:translateY(-10px); } 100% { transform:translateY(10px); } } .service-item-image img { animation:12s simplerotation infinite linear; } .service-item-lp:nth-child(even) .service-item-image img { animation-delay:1.5s; } .landingpage-outsourcingpartnership .why-oip-lp-text > img { animation:3s hithere infinite alternate; } .landingpage-outsourcingpartnership .py-190-130,.landingpage-agencyplanning .py-190-130 { padding-top:190px; padding-bottom:130px; } .landingpage-outsourcingpartnership .py-110,.landingpage-agencyplanning .py-110 { padding-top:110px; padding-bottom:110px; } .clients-portion .mt-0{ margin-top:0px!important; } .container-1440-lp-vw{ max-width:1440px; margin-left:auto; margin-right:auto; } .bg-image-lp-banner .deisgin-arrows-left:before,.bg-image-lp-banner .deisgin-arrows-right:after { top:-30%; transform:rotateX(180deg); right:-2%; } .bg-image-lp-banner .deisgin-arrows-left:before { top:5%; transform:rotateX(180deg); } .contact-section.contact-lp.contact-nft.industry-contact .contact-main-area p { max-width:700px; } .landingpage-agencyplanning main:after { background-image:url(../assets/landingpage/footer-color-gradient.png); background-position:bottom; top:auto; bottom:0; background-size:contain; } .footer-lp:after { content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background-image:url(../assets/landingpage/dotsgradientseffect.png); background-size:cover; background-repeat:no-repeat; z-index:-1; mix-blend-mode:screen; } .planning-scrolldown-btn { position:absolute; display:inline-flex; transform:rotate(-90deg); margin-left:-15px; z-index:1; } .planning-scrolldown-btn a { display:flex; } .planning-scrolldown-btn a span:nth-child(1) { transform:rotate(90deg); } .balls-bg { position:relative; width:100%; animation:10s rotatesimple infinite linear; mix-blend-mode:screen; } .ball-surrounding { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); mix-blend-mode:screen; max-width:860px; } .ball-back-oip { width:100%; } .clients-portion .client-2-row .col-lg-3 .client-logo img { max-height:70%; } @keyframes rotatesimple{ from{ transform:rotate(0deg); } to{ transform:rotate(360deg); } } .service-item-image img.image-service-on-top { animation:3s simpletranslation infinite alternate; } .outsourcingpartnership .service-item-image img { animation:3s simpletranslation infinite alternate; } .wiify-partnership:after { background-position:top; z-index:-1; } .blog-details{ counter-reset:list-counter; list-style-type:none; } .blog-details ol::before { counter-increment:list-counter; content:counter(list-counter) "."; margin-right:5px; position:absolute; left:-25px; font-weight:600; font-size:18px; top:50%; transform:translateY(-50%); } .blog-details ol{ list-style:none; position:relative; } .row-client-served { display:flex; align-items:center; justify-content:space-between; } .column-areas-we-work { display:flex; flex-flow:wrap; flex:0 0 55%; max-width:828px; column-gap:32px; } .areas-we-work-item { display:flex; align-items:center; justify-content:space-between; flex:0 0 calc(50% - 16px); margin-bottom:80px; position:relative; } .clients-served-item { border-radius:20px; background:#00C3FF; backdrop-filter:blur(35px); color:white; padding:16px 30px 20px; margin-bottom:50px; } .clients-served-item h6 { font-size:32.06px; font-weight:400; line-height:218%; text-transform:capitalize; } .clients-served-item h3 { font-size:120px; font-weight:600; line-height:107%; letter-spacing:-4.268px; text-transform:uppercase; } .clients-served-item:last-child { margin-bottom:0; } .column-clients-served { flex:0 0 40%; max-width:582px; } .section-3-new { padding:180px 0 140px; } .areas-we-work-box h6 { color:#0085FF; font-size:80px; font-weight:600; line-height:136.02%; letter-spacing:-4.8px; } .areas-we-work-box h3 { color:#313131; font-size:24px; font-weight:600; line-height:136.02%; } .areas-we-work-box { border-radius:26px; border:1px solid #459AFF; background:#FFF; box-shadow:0px 21.1536px 51.50441px 0px rgba(0,0,0,0.07); padding:15px 50px; width:100%; max-width:280px; margin-left:auto; } .areas-we-work-item > img { position:absolute; left:0; top:50%; transform:translateY(-50%); max-width:188px; } .areas-we-work-item:nth-last-child(1),.areas-we-work-item:nth-last-child(2) { margin-bottom:0; } .areas-we-work-item.other-countries-image > img { left:50px; } .clients-served-item.dark-blue { background:#026FF3; } .clients-served-item img { max-width:56px; } .clients-served-item h3:after { content:'+'; } .banner-section-video-portfolio { min-height:100vh; } .pos-abs-video-banner { position:absolute; } .banner-section-video-portfolio { min-height:100vh; display:flex; align-items:center; justify-content:center; position:relative; z-index:1; } .pos-abs-video-banner { position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; } .pos-abs-video-banner video { width:100%; height:100%; object-fit:cover; } .banner-section-video-portfolio:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:black; z-index:0; opacity:0.7; } section.banner-section-video-portfolio .p-banner-content .col-lg-8:before { display:none; } .text-header-white header * { color:white!important; } .banner-contact-new { padding:220px 0 150px; position:relative; } .contactnew-text-banner h6 { color:#001F3B; font-size:75px; font-weight:400; line-height:90%; letter-spacing:-1.133px; text-transform:uppercase; } .contactnew-text-banner h3 { color:#001F3B; font-size:122px; font-weight:700; line-height:90%; letter-spacing:-1.836px; text-transform:uppercase; } .contactnew-text-banner { margin-bottom:40px; } .contact-map-new { text-align:center; } .contact-map-new > img { width:100%; } .contact-all { border-radius:10px; background:linear-gradient(0deg,#001341 10.66%,#459AFF 122.95%); backdrop-filter:blur(32px); color:white; position:absolute; top:0; right:0; max-width:113px; padding:12px 11px 12px; width:100%; cursor:pointer; } .contact-all h3 { font-size:18px; font-weight:700; line-height:105%; } .contact-all p { font-size:10px; font-style:normal; font-weight:500; line-height:126%; } .contact-all > img { position:absolute; top:-20px; left:50%; transform:translateX(-50%); max-width:42px; width:100%; } .text-slide-up { display:none; margin-top:5px; } .contact-all.karachi-location { right:22%; top:50%; max-width:113px; } .uae-location { right:29.5%; top:46%; } .contact-all.guangzhou-location { top:61%; right:4%; max-width:170px; } .contact-all.texas-location { max-width:121px; right:auto; top:45%; left:9.5%; } .banner-contact-new:before,.banner-contact-new:after { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; height:100%; background-image:url(../assets/contact/half-circle.png); background-repeat:no-repeat; z-index:-1; background-size:5%; background-position:right center; } .banner-contact-new:after { transform:rotateY(180deg) translateY(-50%); } .banner-contact-new .container-1560 { max-width:81.3vw; } .banner-contact-new { padding:11.46vw 0 7.81vw; } .contactnew-text-banner h6 { font-size:3.91vw; letter-spacing:-0.06vw; } .contactnew-text-banner h3 { font-size:6.35vw; letter-spacing:-0.1vw; } .contactnew-text-banner { margin-bottom:2.08vw; } .contact-all { border-radius:0.52vw; backdrop-filter:blur(1.67vw); max-width:5.89vw; padding:0.63vw 0.57vw 0.63vw; } .contact-all h3 { font-size:0.94vw; } .contact-all p { font-size:0.52vw; } .contact-all > img { top:-1.04vw; max-width:1.3vw; } .text-slide-up { margin-top:0.26vw; } .contact-all.karachi-location { max-width:5.89vw; } .contact-all.guangzhou-location { max-width:8.85vw; } .contact-all.texas-location { max-width:6.3vw; } .aboutus2_banner:after { display:none; } section.aboutus2_banner:before { background:url(../assets/aboutus/circle-bg.png); width:64%; height:90%; background-size:cover; right:-15%; top:15%; } section.aboutus2_banner { box-shadow:none; } .fa-6vw { font-size:6vw; } .our-core-values-new-heading h3 { color:#001F3B; font-size:129px; font-weight:500; line-height:78%; letter-spacing:-7px; display:inline-block; position:relative; } .our-core-values-new-heading h3:before,.our-heritage-new-heading h3:before { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:100%; height:16px; background:#BCEEFF; z-index:-1; } .row-our-core-values-new { display:flex; justify-content:space-between; flex-flow:wrap; margin-top:60px; } .col-our-core-values-new { flex:0 0 50%; max-width:calc(50% - 15px); margin-bottom:65px; } .our-core-values-new-item { border-radius:26px; border:1px solid #459AFF; background:#F9F9F9; padding:40px 65px; position:relative; height:100%; overflow:hidden; } .our-core-values-new-item h3 { color:#001F3B; font-size:35px; font-weight:600; line-height:112%; letter-spacing:-0.7px; max-width:207px; } .our-core-values-new-item .numbers-abs-our-core { color:#35DBFF; font-size:220px; font-weight:500; line-height:99%; letter-spacing:-6px; position:absolute; bottom:-70px; left:20px; } .our-core-values-new-item p { color:#000; font-size:16px; font-weight:500; line-height:167%; letter-spacing:-0.2px; margin-top:45px; max-width:400px; margin-left:auto; } .col-our-core-values-new:nth-child(2) .numbers-abs-our-core,.col-our-core-values-new:nth-child(3) .numbers-abs-our-core { color:#0085FF; } .sec-2-our-core-values-new { padding:100px 0; } .who-we-are-new-heading { display:flex; flex-flow:wrap; justify-content:space-between; align-items:center; } .who-we-are-new-heading h3 { color:#001F3B; font-size:110px; font-weight:500; line-height:82.727%; letter-spacing:-1px; width:100%; max-width:613px; } .who-we-are-new-heading p { max-width:884px; color:#000; font-size:17px; font-weight:400; line-height:193%; } .sec-3-who-we-are-new { padding:100px 0; } .image-team-who-we-are { margin:70px 0 0; } .our-heritage-new-heading h3 { color:#001F3B; font-size:137px; font-weight:500; line-height:82%; position:relative; display:inline-block; margin-bottom:77px; } .our-heritage-new-heading p { color:#000; font-size:24px; line-height:169%; letter-spacing:-0.7px; max-width:672px; margin-left:auto; } .color-light-blue { color:#0085FF; } .row-our-heritage-new { display:flex; justify-content:space-between; flex-flow:wrap; margin-top:80px; position:relative; max-width:calc(100% - 100px); margin-left:auto; } .col-our-heritage-new { flex:0 0 33%; max-width:299px; } .our-heritage-new-image { width:77px; height:77px; border-radius:50%; background:#CACACA; display:flex; align-items:center; justify-content:center; position:relative; margin-bottom:40px; z-index:1; } .our-heritage-new-image img { max-width:45px; } .our-heritage-new-image:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:linear-gradient(210deg,#A9A9A9 -16.78%,rgba(103,103,103,0.00) 69.6%); opacity:0.3; width:calc(100% + 34px); height:calc(100% + 34px); border-radius:50%; } .col-our-core-values-new:nth-last-child(1),.col-our-core-values-new:nth-last-child(2) { margin-bottom:0; } section.sec-4-our-heritage-new { padding:100px 0; } .our-heritage-new-item h6 { color:#B0B0B0; font-size:15px; font-weight:600; line-height:169%; transition:0.3s ease-in-out; } .our-heritage-new-item h3 { color:#B0B0B0; font-size:30px; font-weight:600; line-height:169%; margin:1px 0 16px; transition:0.3s ease-in-out; } .our-heritage-new-item p { color:#B0B0B0; font-size:18px; line-height:169%; transition:0.3s ease-in-out; } .our-heritage-new-item { height:100%; } .col-our-heritage-new .our-heritage-new-image:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; z-index:-1; background:linear-gradient(90deg,#0029FF 2.27%,#2FC1FF 90%); transform:scale(0); transition:0.3s ease-in-out; } .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image:after { transform:scale(1); } .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image img { filter:brightness(0) invert(1); } .col-our-heritage-new.our-heritage-new-active .our-heritage-new-item h6,.col-our-heritage-new.our-heritage-new-active .our-heritage-new-item h3,.col-our-heritage-new.our-heritage-new-active .our-heritage-new-item p { color:#000; } .line-row-our-heritage { position:absolute; width:calc(100% + 100px); height:15px; border-radius:20px; background:#EDEDED; top:33.5px; z-index:-2; right:0; } .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image:before { border-radius:101.059px; opacity:0.3; background:linear-gradient(210deg,#0029FF -16.78%,rgba(53,219,255,0.00) 69.6%); } .our-brands-new-row { display:flex; flex-flow:wrap; justify-content:space-between; align-items:center; } .our-brands-new-text { max-width:400px; } .our-brands-new-inner-row { max-width:1060px; display:flex; justify-content:space-between; flex-flow:wrap; gap:25px; } .our-brands-new-text h3 { color:#001F3B; font-size:110px; font-weight:500; line-height:81%; letter-spacing:-6px; margin-bottom:35px; } .our-brands-new-text p { color:#000; font-size:16px; font-weight:400; line-height:169%; } .our-brands-new-inner-column { max-width:calc(33% - 25px * 2/3); } .our-brands-new-inner-item { text-align:center; padding:58px 38px; height:100%; border-radius:10px; background:#026FF3; color:#fff; } .our-brands-new-inner-item > div { margin-bottom:32px; } .our-brands-new-inner-item p { font-size:16px; line-height:150%; } .bg-hit { background:#00C3FF; } .bg-ecom { background:#232323; } section.sec-5-our-brands-new { padding:150px 0 150px; } .our-philosophy-new-item { padding:50px 75px; border-radius:20px; background:linear-gradient(-290deg,#0554F2 36.5%,#00CAF5 88.43%); color:#fff; z-index:1; overflow:hidden; } .our-philosophy-new-item h3 { color:#FFF; font-size:193px; font-weight:600; line-height:85%; letter-spacing:-11px; text-transform:uppercase; margin-bottom:18px; } .our-philosophy-new-item p { color:#FFF; font-size:18px; line-height:184%; max-width:915px; } .our-philosophy-new-item:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../assets/aboutus/bg.png); z-index:-1; mix-blend-mode:soft-light; } .our-philosophy-tags { position:absolute; right:65px; display:flex; gap:16px; } .our-philosophy-tags span { color:#001341; font-size:14px; font-weight:400; line-height:169%; background:#fff; display:inline-block; padding:7px 17px; border-radius:50px; } section.sec-6-our-philosophy-new { padding:150px 0; } section.sec-7-our-ceos-vision { padding:150px 0; } .our-ceos-vision-row { display:flex; flex-flow:wrap; justify-content:space-between; } .our-ceos-vision-text h2 { color:#001F3B; font-size:137px; font-weight:500; line-height:82%; letter-spacing:-8px; margin-bottom:120px; } .our-ceos-vision-text h6 { color:#000; font-size:36px; font-weight:400; line-height:134%; text-transform:capitalize; max-width:742px; } .our-ceos-vision-text p { color:#000; font-size:22px; font-weight:400; line-height:150%; max-width:672px; margin-left:auto; margin:50px 0 130px auto; } .our-ceos-vision-text h4 { color:#0085FF; font-size:35px; font-weight:600; line-height:101%; letter-spacing:-0.5px; text-transform:uppercase; } .our-ceos-vision-text { max-width:793px; position:relative; z-index:1; width:100%; } .our-ceos-vision-image { width:100%; max-width:530px; } .our-ceos-vision-image img { width:100%; } .our-ceos-vision-text:before { content:'"'; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; z-index:-1; background-image:url(../assets/aboutus/quote.png); background-repeat:no-repeat; background-size:90%; background-position:center 65%; } .sec-8-our-front-line { padding:120px 0; } .coo-row { display:flex; align-items:center; justify-content:center; gap:35px; } .coo-col-text h3 { color:#001F3B; font-size:159px; font-weight:500; line-height:90%; letter-spacing:-4px; } .image-our-front-line { border-radius:12px; background:#E0F8FF; padding:12px 25px 37px; height:100%; } .image-our-front-line-main img { width:100%; height:100%; object-fit:contain; object-position:bottom; } .image-our-front-line-text h6 { color:#000; font-size:18px; font-weight:500; line-height:123%; letter-spacing:-0.5px; text-transform:uppercase; margin:30px 0 6px; } .image-our-front-line-text h4 { color:#000; font-size:11px; font-weight:400; line-height:144%; } .row-all-our-front-line { display:flex; flex-flow:wrap; justify-content:space-between; gap:14px; margin-top:60px; } .col-all-our-front-line { max-width:calc(16.66666666666667% - 16px * 5/6); width:100%; } .col-all-our-front-line .image-our-front-line-main { height:212px; } .col-all-our-front-line .image-our-front-line-main img { width:100%; height:100%; object-fit:contain; object-position:bottom; } .sec-9-value-exchange-system .who-we-are-new-heading p { max-width:630px; } .sec-9-value-exchange-system .who-we-are-new-heading h3 { max-width:720px; font-size:86px; line-height:95%; } .image-value-exchange-system { margin-top:60px; } .col-our-crm-heading-text h3 { color:#001F3B; font-size:250px; font-weight:500; line-height:82%; letter-spacing:-15px; text-transform:uppercase; } .col-our-crm-image img { width:100%; height:auto; transform:scale(1.9) translate(-2%,-4%); transform-origin:top; } .row-our-crm { display:flex; flex-wrap:wrap; justify-content:space-between; } .col-our-crm-main-text { width:33%; max-width:fit-content; margin-left:auto; } .col-our-crm-heading-text { width:100%; max-width:fit-content; } section.sec-10-our-crm { padding:150px 0 350px; margin-bottom:100px; } .col-our-crm-image { width:38%; } .col-our-crm-main-text p { color:#000; font-size:24px; line-height:169%; width:100%; max-width:347px; margin-top:40px; } .col-our-crm-main-text > img { width:100%; max-width:277px; } .sec-11-our-certifications-new { padding:150px 0; } .row-our-certifications { display:flex; flex-flow:wrap; justify-content:space-between; gap:30px; margin-top:70px; } .col-our-certifications { flex:0 0 25%; max-width:calc(25% - 30px * 3/4); } .our-certifications-item-image { border:1px solid #D2D2D2; display:flex; align-items:center; justify-content:center; height:100%; padding:17px; } .our-certifications-item-image img { max-width:125px; } .row-our-certification { padding:80px 220px 80px 120px; border-radius:38px; background:linear-gradient(180deg,#E1F7FF 0%,#DDF6FF 100%); display:flex; align-items:center; justify-content:space-between; } .col-our-certification-text h6 { color:#001F3B; font-size:78px; font-weight:500; line-height:112%; letter-spacing:-1.5px; max-width:400px; } section.sec-12-our-certifications-new { padding:150px 0; } section.sec-9-value-exchange-system { padding:150px 0; } .image-our-front-line-main { position:relative; height:232px; z-index:1; } .image-our-front-line-main:before { content:''; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 15px); background:linear-gradient(180deg,#FFFFFF,#00FFFF 110%); z-index:-1; border-radius:8px; } .sub-menus-by-year-insights { margin-top:25px; } .sub-menus-by-year-insights h3 { display:flex; align-items:center; justify-content:space-between; background:#3fa2fc; color:white; font-size:17px; padding:6px 8px; margin-top:10px; border-radius:5px; cursor:pointer; } .activated-sub-menu-insights h3 span { transform:rotateX(180deg); } .sub-menus-by-year-insights h3 span { transition:0.3s ease-in-out; } @media (min-width:992px) and (max-width:1920px) { .ball-surrounding{ max-width:44.792vw; } .landingpage-agencyplanning main:before { background-image:url(../assets/landingpage/fullbodybg75.jpg); } .contact-information-lp { max-width:29.635vw; } .contact-information-lp a { align-items:center; display:flex; color:#fff; font-family:Poppins; font-size:1.042vw; font-style:normal; font-weight:700; line-height:47.4.208vw; } .contact-information-lp a span i { height:2.083vw; width:2.083vw; display:flex; align-items:center; justify-content:center; border-radius:50%; background:linear-gradient(180deg,#459aff 0%,rgba(69,154,255,0) 100%); stroke-width:0.3.313vw; stroke:#459aff; margin-right:0.938vw; } .btn-reg.btn-gradient.btn-get-started-with-arrow { font-size:1.146vw; font-weight:600; line-height:112%; letter-spacing:-0.052vw; max-width:max-content; padding:0 1.563vw; display:inline-flex; gap:1.563vw; border-radius:0.885vw!important; background:linear-gradient(0deg,#0085ff 0%,#5ed6ff 100%)!important; box-shadow:-2.917vw 2.917vw 2.917vw 0vw rgba(255,255,255,0.06) inset,2.917vw -2.917vw 2.917vw 0vw rgba(165,165,165,0.06) inset; backdrop-filter:blur(2.292vw); } .banner-lp-text { text-align:center; color:white; } .banner-lp-text h1 { font-size:15vw; line-height:11.583vw; text-transform:uppercase; position:relative; z-index:1; background:linear-gradient(180deg,#fff 70%,#00ffffa3 120%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:-1.563vw; } .banner-lp.bg-image-lp-banner { position:relative; padding-top:11vw; } .partnership-plan-text { border:0.052vw solid #00ffff; display:inline-block; padding:0.325vw 1vw 0.645vw; border-radius:0.738vw; background:linear-gradient( 124deg,rgba(0,16,53,1) 0%,rgba(0,0,0,1) 43.23%,rgba(0,16,53,1) 100% ); backdrop-filter:blur(2.344vw); position:relative; z-index:1; box-shadow:0vw 10vw 40vw 0vw #001035; } .partnership-plan-text h6 { font-family:Oswald; font-size:3.94vw; font-weight:600; line-height:3.688vw; letter-spacing:-0.26vw; text-transform:uppercase; background:linear-gradient(180deg,#fff 70%,#fff 1.56%,#06f 105%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .circle-behind-text { display:block; width:28.458vw; height:28.458vw; margin:0 auto; border-radius:50%; background:linear-gradient( 180deg,rgba(0,255,255,0) 40%,#0ff 75%,#06f 100% ); position:absolute; bottom:15.625vw; left:50%; transform:translateX(-50%); } .holdinghandslp { position:relative; margin-top:-9.213vw; } .why-oip-lp-image { position:relative; max-width:30.208vw; } .sirf-oip { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%; max-width:11.458vw; object-fit:contain; } .gradient-text-lp { background:linear-gradient(90deg,#00c2ff 0%,#fff 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; } .why-oip-lp-text h3 { text-transform:uppercase; margin-bottom:2.604vw; } .fa-200 { font-size:10.417vw; line-height:12.5vw; } .why-oip-lp-text ul { max-width:100%; margin:0; } .why-oip-lp-text ul li { color:#fff; font-size:1.10vw; font-weight:500; line-height:1.615vw; text-transform:capitalize; margin-bottom:2.083vw; list-style:none; padding-left:4.167vw; position:relative; } .circle-on-before { position:absolute; left:0; top:0.781vw; transform:translateY(-50%); width:2.604vw; height:2.604vw; } .animation-agency-planning { animation:15s globeAboutrotation infinite linear; } .our-heritage-lp-text { max-width:49.427vw; margin:0 auto; text-align:center; } .lh-40 { line-height:2.083vw; } .item-our-heritage { border-radius:1.563vw; max-width:30.104vw; color:white; height:100%; position:relative; margin-bottom:4.167vw; } .item-our-heritage:last-child { margin-bottom:0; } .mw-1242 { max-width:64.688vw; } .image-heritage-top-right { position:absolute; right:3.333vw; top:-3.906vw; width:7.813vw; height:7.813vw; display:flex; align-items:center; justify-content:center; border-radius:17.865vw; border:0.156vw solid #fff; background:radial-gradient( 70.41% 70.41% at 50% 50%,rgba(255,255,255,0) 0%,#2dd9ff 100% ); box-shadow:0vw 0.208vw 100vw 0vw rgba(0,0,0,0.2); backdrop-filter:blur(4.375vw); padding:1.458vw; } .item-our-heritage h3 { color:#fff; font-size:2.083vw; font-weight:800; line-height:2.396vw; text-transform:capitalize; margin:0.833vw 0; } .item-our-heritage span { color:#35dbff; font-size:1.042vw; font-weight:800; line-height:1.823vw; text-transform:capitalize; position:relative; } .line-in-center { position:absolute; top:0.825vw; left:50%; transform:translateX(-50%); width:0.156vw; height:100%; background:linear-gradient( 180deg,#35dbff 49.52%,rgba(53,219,255,0) 100% ); } .item-our-heritage span:before { content:""; position:absolute; right:-3.542vw; top:50%; transform:translateY(-50%); background-image:url(../assets/landingpage/design-blinking.png); background-repeat:no-repeat; background-position:left; width:2.604vw; height:2.604vw; background-size:contain; } .item-our-heritage:nth-child(odd) span:before { right:auto; left:-3.542vw; } .item-our-heritage p { color:#fff; font-size:0.938vw; line-height:1.563vw; text-transform:capitalize; } .mt-137 { margin-top:7.135vw; } .pt-137 { padding-top:7.135vw; } .bg-dark-blue-heritage-lp { background:linear-gradient(360deg,#06f 0%,rgba(4,41,168,0) 100%); } .mw-1080 { max-width:56.25vw; } .fa-120 { font-size:6.25vw; line-height:10.938vw; } .wiify-item-lp { border-radius:2.023vw; background:linear-gradient(360deg,rgba(4,10,102,1) 0%,#0085ff 100%); box-shadow:0vw 5.625vw 8.385vw 0vw rgba(0,0,0,0.5); text-align:center; color:white; position:relative; height:100%; display:flex; align-items:center; justify-content:center; padding:6.25vw 1.563vw 1.979vw; } .image-wiify-lp { max-width:10.938vw; height:9.896vw; margin:0vw auto; position:absolute; top:-4.688vw; left:50%; transform:translateX(-50%); } .image-wiify-lp img { width:100%; height:100%; object-fit:contain; } .wiify-item-lp h3 { font-size:1.354vw; font-weight:700; line-height:1.667vw; text-transform:capitalize; max-width:10.417vw; } .design-wiify-lp .row { margin-top:5.208vw; } .pink-gradient { background:linear-gradient(0deg,rgba(4,10,102,1) 0%,#e84a9c 100%); } .purple-gradient { background:linear-gradient(0deg,rgba(27,4,102,1) 0%,#684fb5 100%); } .li-before-images-lp li:before { content:""; position:absolute; left:0; top:-0.521vw; background-image:url(../assets/landingpage/design-blinking.png); background-repeat:no-repeat; background-position:left; height:2.604vw; width:2.604vw; background-size:contain; animation:3s scalingicons infinite alternate; } .li-before-images-lp li:nth-child(even):before { animation-delay:1.5s; } @keyframes scalingicons { from { transform:scale(0); } to { transform:scale(1.2); } } .li-before-images-lp li { list-style:none; position:relative; padding-left:4.219vw; } .service-item-text h3 { font-size:6.771vw; line-height:5.781vw; max-width:31.25vw; } .service-item-text p { color:#fff; font-size:0.833vw; line-height:1.51vw; text-transform:capitalize; margin:0.781vw 0 2.604vw; } .service-item-text ul li { font-size:0.938vw; font-style:normal; font-weight:500; line-height:2.083vw; text-transform:capitalize; margin-bottom:0.833vw; padding-left:2.865vw; } .service-item-text ul.li-before-images-lp li:before { width:1.823vw; height:1.823vw; top:0.26vw; } .image-service-on-top { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain; z-index:1; } .service-item-image { transform:scale(1.15); transform-origin:left; } .services-lp { padding:5.208vw 0; } .service-item-text { max-width:37.031vw; } .service-item-text ul { max-width:32.813vw; } .service-item-lp { padding-top:4.167vw; padding-bottom:4.167vw; } .mh-67 { min-height:3.49vw; } .mt-40 { margin-top:2.083vw; } .service-item-lp .row { align-items:center; } .service-item-lp:nth-child(even) .service-item-text { margin-left:auto; } .service-item-lp:nth-child(even) .row { flex-direction:row-reverse; } .service-item-lp:nth-child(even) .service-item-image { transform-origin:center; } .service-item-lp:last-child { padding-bottom:0; } .deisgin-arrows-left:before,.deisgin-arrows-right:after { content:""; position:absolute; left:0; top:-48%; width:100%; height:100%; background-image:url(../assets/landingpage/deisgin-arrows-left.png); background-repeat:no-repeat; background-position:left; background-size:30%; mix-blend-mode:screen; z-index:-1; } .deisgin-arrows-right:after { background-image:url(../assets/landingpage/deisgin-arrows-right.png); left:auto; right:0; background-position:right; top:-28%; } .packages-lp .industry-price-panel.pricing-main-panel { border-image:none; border-radius:1.042vw; border-color:#ffffff52; background:linear-gradient( 180deg,rgba(0,0,0,0.76) 0%,rgba(4,41,168,0) 100% ); padding:3.385vw; } .packages-lp .industry-price-panel.pricing-main-panel:before,.packages-lp .industry-price-panel.pricing-main-panel:after { background:linear-gradient(173deg,#b431f1 0%,#004aff 100%); border-radius:1.042vw; } @keyframes industriesweservenoextrapixel { 0% { height:0; width:0.521vw; -webkit-transform:translateY(-50%); transform:translateY(-50%); } 50% { height:100%; width:0.521vw; -webkit-transform:translateY(-50%); transform:translateY(-50%); } 100% { width:100%; height:100%; } } .packages-lp .pricing-main-panel.selected-pricing:after,.packages-lp .pricing-main-panel.selected-pricing:before { animation:1.5s industriesweservenoextrapixel forwards; } .pricing-main-panel.selected-pricing .pricing-items h3 { color:white; background:transparent; -webkit-text-fill-color:white; } .packages-lp .industry-price-panel .pricing-items h2 { border-radius:2.031vw; background:linear-gradient(0deg,#00115c 0%,#022ff2 100%); -webkit-text-fill-color:white; padding:0.573vw 0.833vw; font-size:0.729vw; font-weight:600; text-align:center; width:100%; max-width:max-content; position:relative; } .packages-lp .industry-price-panel .pricing-items h2:before { content:""; position:absolute; left:0vw; bottom:-0.052vw; width:100%; height:100%; background:linear-gradient(45deg,#35dbff,#00000000); border-radius:2.031vw; z-index:-1; } .packages-lp .pricing-items h3 { color:white; } .mb-150 { margin-bottom:7.813vw; } .industry-price-panel .pricing-items ul li { font-size:0.99vw; letter-spacing:-0.0156vw; } .contact-image-lp { position:absolute; right:0; top:0; width:100%; height:100%; max-width:35.542vw; } .contact-image-lp img { width:100%; height:100%; object-fit:contain; object-position:right bottom; padding:0!important; } .contact-image-lp img.contactphone-lp { max-width:14.625vw; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area { border-radius:1.042vw; backdrop-filter:blur(1.094vw); padding:3.125vw 0 3.125vw 3.125vw; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 { font-size:7vw; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form .btn-get-started-with-arrow { bottom:-4.729vw; } .clients-portion .client-logo { border-radius:1.406vw; } .clients-portion .client-2-row .col-lg-3 { margin-bottom:1.563vw; padding-right:0.781vw; padding-left:0.781vw; } .testimonial-lp-text h3 { font-size:13vw; font-style:normal; font-weight:450; line-height:14vw; text-align:center; background:linear-gradient(167deg,#fff 0%,#0ff 100%); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; mix-blend-mode:overlay; opacity:0.4; } .testimonial-lp-text h3.abs-testi-lp { position:absolute; top:0; left:50%; transform:translateX(-50%); } .wiify-lp:before,.testimonial-landingpage:before { content:""; position:absolute; left:0; top:-15%; width:100%; height:100%; background-image:url(../assets/landingpage/dotsgradientseffect.png); background-repeat:no-repeat; background-size:cover; z-index:-1; mix-blend-mode:screen; } span.quote-sign-lp { display:flex; text-align:center; align-items:center; justify-content:center; margin-top:-5.167vw; margin-bottom:-5.167vw; } .quote-sign-lp svg { height:100%; width:100%; } .quote-sign-lp { max-width:14.063vw; height:10.417vw; margin:0 auto; } .slider-testimonial-lp .slick-list { padding:0.781vw 0 4.167vw; margin:0 -1.302vw; } .slider-testimonial-lp .slick-list .slick-slide { margin:0 1.302vw; } .slider-testimonial-lp .slick-track { display:flex; } .slider-testimonial-lp .slick-track > div { height:inherit; } .slider-testimonial-lp-item { border-radius:2.698vw; background:linear-gradient( 222deg,rgba(66,130,225,0.8) 0%,rgba(0,102,255,0) 100% ); backdrop-filter:blur(34.234834353129.7vw); text-align:center; padding:4.167vw 6.25vw 9.979vw; border:0.208vw solid #00ffff; position:relative; } .slider-testimonial-lp { max-width:70vw; margin:0 auto; } .slider-testimonial-lp-item p { color:#e8e8ee; font-size:1.263vw; font-weight:500; line-height:2.129vw; letter-spacing:0.0469vw; } .name-box-lp h4 { color:#e8e8ee; font-size:1.383vw; font-weight:700; line-height:2.646vw; letter-spacing:0.004vw; } .name-box-lp h6 { color:#e8e8ee; font-size:1vw; font-weight:400; line-height:1vw; letter-spacing:0.001823vw; } .name-box-lp { max-width:9.375vw; position:absolute; max-width:max-content; border-radius:10.417vw; background:linear-gradient( 107deg,rgba(0,102,255,1) 20%,rgba(0,255,255,1) 100% ); backdrop-filter:blur(0.781vw); padding:0.521vw 2.125vw 0.781vw; left:50%; transform:translateX(-50%); bottom:-2.4vw; } .slider-testimonial-lp .slick-dots { display:flex; align-items:center; justify-content:space-between; max-width:max-content; margin:2.083vw auto 0; list-style:none; gap:1.302vw; } .slider-testimonial-lp .slick-dots li button { font-size:0; border:none; width:1.042vw; height:1.042vw; background:#fff; position:relative; border-radius:50%; } .slider-testimonial-lp .slick-dots li { line-height:0; } .slider-testimonial-lp .slick-dots li button:before,.slider-testimonial-lp .slick-dots li button:after { content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); background:linear-gradient(210deg,#0085ff 0%,rgba(53,219,255,0) 100%); width:100%; height:100%; border-radius:50%; z-index:-1; opacity:0.4; transition:0.3s ease-in-out; } .slider-testimonial-lp .slick-dots li button:after { z-index:-2; background:linear-gradient(45deg,#0085ff 0%,rgba(53,219,255,0) 100%); } .slider-testimonial-lp .slick-dots li.slick-active button { background:#35dbff; } .slider-testimonial-lp .slick-dots li.slick-active button:before { transform:translate(-50%,-50%) scale(1.7); } .slider-testimonial-lp .slick-dots li.slick-active button:after { transform:translate(-50%,-50%) scale(2.4); } .footer-lp-logo-container { max-width:22.344vw; margin:0 auto; } .footer-lp .footer-items-lp { margin:11.979vw 0; } .footer-items-lp a { font-family:Poppins; font-size:1.042vw; font-style:normal; font-weight:700; line-height:56.39.844vw; color:white; } .footer-items-lp a span { font-size:0.625vw; margin-left:0.625vw; } .mw-380 { max-width:19.792vw; } .footer-pages-lp p,.privacy-pages-lp a { font-size:0.625vw; line-height:120%; letter-spacing:-0.1.875vw; color:white; position:relative; } .footer-items-lp a:hover { mix-blend-mode:soft-light; } .privacy-pages-lp { max-width:14.063vw; margin-left:auto; display:flex; justify-content:space-between; align-items:center; } .privacy-pages-lp a:before { content:""; position:absolute; left:-0.781vw; top:50%; transform:translateY(-50%); width:0.417vw; height:0.417vw; background:#00c3ff; border-radius:50%; } .footer-lp { padding:7.813vw 0 3.125vw; } .privacy-pages-lp a { text-decoration:underline; } .footer-lp .deisgin-arrows-right:after { background-image:url(../assets/landingpage/deisgin-arrows-left.png); left:0; right:auto; background-position:left; top:-48%; transform:rotateY(180deg); } .bg-body-030771 { background:#030771; } .banner-lp-oippartner { padding:10.719vw 0; position:relative; } .text-banner-lp-oippartner h3 { font-size:9vw; font-weight:375; line-height:8vw; text-transform:uppercase; font-family:"tungstenbold"; } .text-banner-lp-oippartner h1 { font-size:12vw; font-weight:375; line-height:9vw; text-transform:uppercase; font-family:"tungstenbold"; } .text-banner-lp-oippartner { text-align:center; } .gradient-text-lp-down { background:linear-gradient(180deg,#fff 60%,#0ff 150%)!important; background-clip:text!important; -webkit-background-clip:text!important; -webkit-text-fill-color:transparent!important; } .banner-lp-oippartner-row { display:flex; align-items:center; justify-content:space-between; max-width:59.583vw; margin-left:auto; margin-top:4.688vw; margin-right:3vw; } .banner-lp-oippartner-paragraph { max-width:22.917vw; text-align:left; } .scroll-down-lp-oippartner { display:flex; align-items:center; gap:0.781vw; color:white; transition:0.3s all; position:relative; z-index:1; font-size:1.042vw; } .banner-lp-oippartner-paragraph p { font-size:0.938vw; font-style:normal; font-weight:400; line-height:1.844vw; text-transform:capitalize; } .banner-lp-oippartner-main-image { max-width:32vw; } .banner-lp-oippartner-main-image img { animation:15s globeAboutrotation infinite linear; } .scroll-down-lp-oippartner:hover { color:#1ec2db; } .bg-lines-partnership:before,.banner-lp-oippartner:before { content:""; position:absolute; left:0; bottom:-15%; width:100%; height:100%; background-image:url(../assets/outsourcingpartnership/left-lines.png); background-repeat:no-repeat; background-size:100%; mix-blend-mode:screen; background-position:left bottom; z-index:-1; } .bg-lines-partnership:before { bottom:0; top:40%; transform:translateY(-50%) rotateY(180deg); opacity:0.2; } .lh-210 { line-height:10.938vw; } .fa-260 { font-size:13.542vw; } .landingpage-outsourcingpartnership .why-oip-lp-text { display:flex; align-items:center; } .landingpage-outsourcingpartnership .why-oip-lp-text > img { max-width:22.396vw; } .why-oip-lp-text ul.small-size-li li { font-size:0.938vw; } .mw-1380 { max-width:71.875vw; } .landingpage-outsourcingpartnership .fa-150 { font-size:7.813vw; line-height:9.375vw; } .item-our-heritage h3.fa-30 { font-size:1.563vw; line-height:1.563vw; } .wiify-partnership-text h5 { font-size:23.438vw; line-height:16.667vw; background:linear-gradient( 360deg,rgba(3,26,132,0.4) 15%,#35dbff 120% ); background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent; text-transform:uppercase; margin-top:-0.208vw; } .wiify-partnership-text .partnership-plan-text { transform:rotate(-5deg); } .wiify-item-lp-partnership h3 { font-size:1.406vw; font-style:normal; font-weight:700; line-height:1.719vw; text-transform:capitalize; position:relative; padding-left:2.865vw; } .image-wiify-lp-partnership { max-width:7.813vw; } .wiify-item-lp-partnership h3:before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); border-radius:50%; background-image:url(../assets/landingpage/design-blinking.png); background-repeat:no-repeat; background-position:left; width:2.604vw; height:2.604vw; background-size:contain; } .design-wiify-lp-partnership { max-width:76.51vw; margin:0 auto; } .py-150 { padding-top:7.813vw; padding-bottom:7.813vw; } .landingpage-outsourcingpartnership .service-item-text { max-width:32.917vw; } .line-height-130 { line-height:6.771vw!important; } .landingpage-outsourcingpartnership .service-item-lp { position:relative; } .landingpage-outsourcingpartnership .service-item-lp:first-child:after { top:-45%; } .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 { font-size:9.635vw; } .contact-lp-partnership .contact-image-lp { height:calc(100% + 5.208vw); top:auto; bottom:0; } .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area { border-radius:23.11.25vw; background:linear-gradient(134deg,#0d00a8 0%,#0085ff 100%); outline:0.052vw solid #ffffff8a; } .contact-section.contact-nft.hz-contact-bpo.contact-lp-partnership .contact-main-area button.btn-reg.btn-gradient { bottom:-5.729vw; } .fa-240 { font-size:12.5vw; } #our-client.clients-partnership-lp .client-2-row { margin-top:-5.208vw!important; max-width:67.708vw; margin-bottom:0!important; } .clients-partnership-lp .client-logo { border-radius:1.042vw; } .partnership-tesimonial-item { border-radius:1.563vw; background:linear-gradient( 314deg,rgba(53,219,255,0.2) 0%,rgba(53,219,255,0) 100% ); box-shadow:0vw 0.781vw 1vw 0vw rgba(0,0,0,0.2); padding:3.125vw; height:100%; } .partnership-tesimonial-item p { font-size:1.354vw; line-height:173%; padding-bottom:6.25vw; max-width:45.313vw; } .name-box-lp-partnership h4 { font-size:2.083vw; letter-spacing:-0.0117vw; } .name-box-lp-partnership h6 { color:#e8e8ee; font-size:1.25vw; font-weight:400; line-height:1.865vw; letter-spacing:0.025vw; } .partnership-tesimonial-item > div.quote-sign-partnership svg { max-width:18vw; } .margin-in-minus { margin-bottom:-5.208vw; } .footer-partnership .wiify-item-lp { border-radius:1.042vw; background:linear-gradient( 173deg,rgb(0 133 255/80%) 0%,rgb(0 74 255/80%) 100% ); backdrop-filter:blur(1.042vw); } .pricing-partnership .container-1560 { max-width:81.25vw; } .main-parent-services-packages { border-radius:2.396vw; background:linear-gradient( 180deg,rgba(0,102,255,0.8) 0%,rgba(0,102,255,0) 100% ); backdrop-filter:blur(1.771vw); padding:3.125vw 4.167vw; } .main-parent-services-packages h3 { color:#fff; font-size:1.302vw; font-weight:700; line-height:111%; letter-spacing:-0.3vw; text-transform:uppercase; margin-bottom:1.667vw; height:3.385vw; } .features-li li { font-size:1.198vw; letter-spacing:-0.025vw; } .main-parent-services-packages .packages-all h3 { padding:0 0.213vw; margin-bottom:1.667vw; } .packages-all ul li div p { font-size:0.885vw; letter-spacing:-0.1969vw; } .packages-all ul li,.features-li li { margin-bottom:2.083vw; } .packages-all ul li h6 { text-align:center; font-size:1.719vw; font-weight:700; line-height:111%; letter-spacing:-0.35vw; } .col-first-packages { flex:0 0 20%; max-width:13.542vw; } .packages-all { flex:0 0 33%; max-width:calc(33% - 0.781vw); } .col-first-packages,.packages-all { padding:3.125vw 0vw; border-radius:1.042vw; position:relative; z-index:1; } .bg-lightblue-package { backdrop-filter:blur(1.042vw); } .packages-btn { text-align:center; position:absolute; left:50%; transform:translateX(-50%); width:100%; bottom:-1.771vw; } .packages-btn.grey-btn-package .btn-get-started-with-arrow { box-shadow:-2.917vw 2.917vw 2.917vw 0vw rgba(255,255,255,0.06) inset,2.917vw -2.917vw 2.917vw 0vw rgba(165,165,165,0.06) inset; backdrop-filter:blur(2.292vw); } .note-pricing { font-size:0.938vw; line-height:169%; margin-top:2.604vw; } @keyframes simpletranslation { 0% { transform:translateY(-0.521vw); } 100% { transform:translateY(0.521vw); } } .service-item-lp:nth-child(even) .service-item-image img { animation-delay:1.5s; } .landingpage-outsourcingpartnership .why-oip-lp-text > img { animation:3s hithere infinite alternate; } .btn-reg.btn-gradient.btn-get-started-with-arrow svg { max-width:1.563vw; } .pricing-partnership .container-1560 { max-width:81.25vw; } .main-parent-services-packages { border-radius:2.396vw; backdrop-filter:blur(1.771vw); padding:3.125vw 4.167vw; } .main-parent-services-packages h3 { font-size:1.302vw; letter-spacing:-0.03vw; margin-bottom:1.667vw; height:3.385vw; } .features-li li { font-size:1.198vw; letter-spacing:-0.025vw; } .main-parent-services-packages .packages-all h3 { padding:0 0.313vw; margin-bottom:1.667vw; } .packages-all ul li div p { text-align:center; font-size:0.885vw; letter-spacing:-0.017vw; } .packages-all ul li,.features-li li { margin-bottom:2.083vw; } .packages-all ul li h6 { font-size:1.719vw; letter-spacing:-0.035vw; } .col-first-packages { max-width:13.542vw; } .packages-all { max-width:calc(33% - 0.781vw); } .col-first-packages,.packages-all { padding:3.125vw 0vw; border-radius:1.042vw; } .bg-lightblue-package { background:linear-gradient(180deg,#0085ff 0%,#004aff 100%); backdrop-filter:blur(1.042vw); } .packages-btn { bottom:-1.771vw; } .packages-btn.grey-btn-package .btn-get-started-with-arrow { background:linear-gradient( 90deg,#000 0%,rgba(50,50,50,0.6) 92.71% )!important; box-shadow:-0.917vw 0.917vw 0.917vw 0vw rgba(255,255,255,0.06) inset,0.917vw -0.917vw 0.917vw 0vw rgba(165,165,165,0.06) inset; backdrop-filter:blur(2.292vw); } .note-pricing { font-size:0.938vw; margin-top:2.604vw; } .landingpage-outsourcingpartnership .py-190-130,.landingpage-agencyplanning .py-190-130 { padding-top:9.896vw; padding-bottom:6.771vw; } .landingpage-outsourcingpartnership .py-110,.landingpage-agencyplanning .py-110 { padding-top:5.729vw; padding-bottom:5.729vw; } .landingpage-agencyplanning section#portfolio { padding-bottom:5.729vw!important; } .container-1440-lp-vw{ max-width:75vw; margin-left:auto; margin-right:auto; } .contact-section.contact-lp.contact-nft.industry-contact .contact-main-area p { max-width:36.458vw; } .planning-scrolldown-btn { margin-left:-0.781vw; } .packages-all:before { border-radius:1.042vw; } .blog-details ol::before { margin-right:0.26vw; left:-1.9vw; font-size:1.1vw; } .blog-details ul li,.blog-details ol li{ font-size:1.1vw; } .column-areas-we-work { max-width:43.13vw; column-gap:1.67vw; } .areas-we-work-item { flex:0 0 calc(50% - 0.835vw); margin-bottom:4.17vw; } .clients-served-item { border-radius:1.04vw; backdrop-filter:blur(1.82vw); padding:0.83vw 1.56vw 1.04vw; margin-bottom:2.6vw; } .clients-served-item h6 { font-size:1.67vw; } .clients-served-item h3 { font-size:6.25vw; letter-spacing:-0.22vw; } .column-clients-served { max-width:30.31vw; } .section-3-new { padding:9.38vw 0 7.29vw; } .areas-we-work-box h6 { font-size:4.17vw; letter-spacing:-0.25vw; } .areas-we-work-box h3 { font-size:1.25vw; } .areas-we-work-box { border-radius:1.35vw; border:0.05vw solid #459AFF; box-shadow:0vw 1.1vw 2.68vw 0vw rgba(0,0,0,0.07); padding:0.78vw 2.8vw; max-width:14.58vw; } .areas-we-work-item > img { max-width:9.79vw; height:100%; } .areas-we-work-item.other-countries-image > img { left:2.6vw; } .clients-served-item img { max-width:2.92vw; } .banner-contact-new { padding:11.46vw 0 7.81vw; } .contactnew-text-banner h6 { font-size:3.91vw; letter-spacing:-0.06vw; } .contactnew-text-banner h3 { font-size:6.35vw; letter-spacing:-0.1vw; } .contactnew-text-banner { margin-bottom:2.08vw; } .contact-all { border-radius:0.52vw; backdrop-filter:blur(1.67vw); max-width:5.89vw; padding:0.63vw 0.57vw 0.63vw; } .contact-all h3 { font-size:0.94vw; } .contact-all p { font-size:0.52vw; } .contact-all > img { top:-1.04vw; max-width:1.3vw; } .text-slide-up { margin-top:0.26vw; } .contact-all.karachi-location { max-width:5.89vw; } .contact-all.guangzhou-location { max-width:8.85vw; } .contact-all.texas-location { max-width:6.3vw; } .our-core-values-new-heading h3 { color:#001F3B; font-size:6.72vw; font-weight:500; line-height:78%; letter-spacing:-0.36vw; display:inline-block; position:relative; } .our-core-values-new-heading h3:before,.our-heritage-new-heading h3:before { content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:100%; height:0.83vw; background:#BCEEFF; z-index:-1; } .row-our-core-values-new { display:flex; justify-content:space-between; flex-flow:wrap; margin-top:3.13vw; } .col-our-core-values-new { flex:0 0 50%; max-width:calc(50% - 0.78vw); margin-bottom:3.39vw; } .our-core-values-new-item { border-radius:1.35vw; border:0.05vw solid #459AFF; background:#F9F9F9; padding:2.08vw 3.39vw; position:relative; height:100%; overflow:hidden; } .our-core-values-new-item h3 { color:#001F3B; font-size:1.82vw; font-weight:600; line-height:112%; letter-spacing:-0.04vw; max-width:10.78vw; } .our-core-values-new-item .numbers-abs-our-core { color:#35DBFF; font-size:11.46vw; font-weight:500; line-height:99%; letter-spacing:-0.31vw; position:absolute; bottom:-3.65vw; left:1.04vw; } .our-core-values-new-item p { color:#000; font-size:0.83vw; font-weight:500; line-height:167%; letter-spacing:-0.01vw; margin-top:2.34vw; max-width:20.83vw; margin-left:auto; } .col-our-core-values-new:nth-child(2) .numbers-abs-our-core,.col-our-core-values-new:nth-child(3) .numbers-abs-our-core { color:#0085FF; } .sec-2-our-core-values-new { padding:5.21vw 0; } .who-we-are-new-heading { display:flex; flex-flow:wrap; justify-content:space-between; align-items:center; } .who-we-are-new-heading h3 { color:#001F3B; font-size:5.73vw; font-weight:500; line-height:82.727%; letter-spacing:-0.05vw; width:100%; max-width:31.93vw; } .who-we-are-new-heading p { max-width:46.04vw; color:#000; font-size:0.89vw; font-weight:400; line-height:193%; } .sec-3-who-we-are-new { padding:5.21vw 0; } .image-team-who-we-are { margin:3.65vw 0 0; } .our-heritage-new-heading h3 { color:#001F3B; font-size:7.14vw; font-weight:500; line-height:82%; position:relative; display:inline-block; margin-bottom:4.01vw; } .our-heritage-new-heading p { color:#000; font-size:1.25vw; line-height:169%; letter-spacing:-0.04vw; max-width:35vw; margin-left:auto; } .color-light-blue { color:#0085FF; } .row-our-heritage-new { display:flex; justify-content:space-between; flex-flow:wrap; margin-top:4.17vw; position:relative; max-width:calc(100% - 5.21vw); margin-left:auto; } .col-our-heritage-new { flex:0 0 33%; max-width:15.57vw; } .our-heritage-new-image { width:4.01vw; height:4.01vw; border-radius:50%; background:#CACACA; display:flex; align-items:center; justify-content:center; position:relative; margin-bottom:2.08vw; z-index:1; } .our-heritage-new-image img { max-width:2.34vw; } .our-heritage-new-image:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:linear-gradient(210deg,#A9A9A9 -16.78%,rgba(103,103,103,0.00) 69.6%); opacity:0.3; width:calc(100% + 1.77vw); height:calc(100% + 1.77vw); border-radius:50%; } .col-our-core-values-new:nth-last-child(1),.col-our-core-values-new:nth-last-child(2) { margin-bottom:0; } section.sec-4-our-heritage-new { padding:5.21vw 0; } .our-heritage-new-item h6 { color:#B0B0B0; font-size:0.78vw; font-weight:600; line-height:169%; transition:0.3s ease-in-out; } .our-heritage-new-item h3 { color:#B0B0B0; font-size:1.56vw; font-weight:600; line-height:169%; margin:0.05vw 0 0.83vw; transition:0.3s ease-in-out; } .our-heritage-new-item p { color:#B0B0B0; font-size:0.94vw; line-height:169%; transition:0.3s ease-in-out; } .our-heritage-new-item { height:100%; } .col-our-heritage-new .our-heritage-new-image:after { content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; z-index:-1; background:linear-gradient(90deg,#0029FF 2.27%,#2FC1FF 90%); transform:scale(0); transition:0.3s ease-in-out; } .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image:after { transform:scale(1); } .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image img { filter:brightness(0) invert(1); } .col-our-heritage-new.our-heritage-new-active .our-heritage-new-item h6,.col-our-heritage-new.our-heritage-new-active .our-heritage-new-item h3,.col-our-heritage-new.our-heritage-new-active .our-heritage-new-item p { color:#000; } .line-row-our-heritage { position:absolute; width:calc(100% + 5.21vw); height:0.78vw; border-radius:1.04vw; background:#EDEDED; top:1.74vw; z-index:-2; right:0; } .col-our-heritage-new.our-heritage-new-active .our-heritage-new-image:before { border-radius:5.26vw; opacity:0.3; background:linear-gradient(210deg,#0029FF -16.78%,rgba(53,219,255,0.00) 69.6%); } .our-brands-new-row { display:flex; flex-flow:wrap; justify-content:space-between; align-items:center; } .our-brands-new-text { max-width:20.83vw; } .our-brands-new-inner-row { max-width:55.21vw; display:flex; justify-content:space-between; flex-flow:wrap; gap:1.3vw; } .our-brands-new-text h3 { color:#001F3B; font-size:5.73vw; font-weight:500; line-height:81%; letter-spacing:-0.31vw; margin-bottom:1.82vw; } .our-brands-new-text p { color:#000; font-size:0.83vw; font-weight:400; line-height:169%; } .our-brands-new-inner-column { max-width:calc(33% - 1.3vw * 2/3); } .our-brands-new-inner-item { text-align:center; padding:3.02vw 1.98vw; height:100%; border-radius:0.52vw; background:#026FF3; color:#fff; } .our-brands-new-inner-item > div { margin-bottom:1.67vw; } .our-brands-new-inner-item p { font-size:0.83vw; line-height:150%; } .bg-hit { background:#00C3FF; } .bg-ecom { background:#232323; } section.sec-5-our-brands-new { padding:7.81vw 0 7.81vw; } .our-philosophy-new-item { padding:2.6vw 3.91vw; border-radius:1.04vw; background:linear-gradient(-290deg,#0554F2 36.5%,#00CAF5 88.43%); color:#fff; z-index:1; overflow:hidden; } .our-philosophy-new-item h3 { color:#FFF; font-size:10.05vw; font-weight:600; line-height:85%; letter-spacing:-0.57vw; text-transform:uppercase; margin-bottom:0.94vw; } .our-philosophy-new-item p { color:#FFF; font-size:0.94vw; line-height:184%; max-width:47.66vw; } .our-philosophy-new-item:before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-image:url(../assets/aboutus/bg.png); z-index:-1; mix-blend-mode:soft-light; } .our-philosophy-tags { position:absolute; right:3.39vw; display:flex; gap:0.83vw; } .our-philosophy-tags span { color:#001341; font-size:0.73vw; font-weight:400; line-height:169%; background:#fff; display:inline-block; padding:0.36vw 0.89vw; border-radius:2.6vw; } section.sec-6-our-philosophy-new { padding:7.81vw 0; } section.sec-7-our-ceos-vision { padding:7.81vw 0; } .our-ceos-vision-row { display:flex; flex-flow:wrap; justify-content:space-between; } .our-ceos-vision-text h2 { color:#001F3B; font-size:7.14vw; font-weight:500; line-height:82%; letter-spacing:-0.42vw; margin-bottom:6.25vw; } .our-ceos-vision-text h6 { color:#000; font-size:1.88vw; font-weight:400; line-height:134%; text-transform:capitalize; max-width:38.65vw; } .our-ceos-vision-text p { color:#000; font-size:1.15vw; font-weight:400; line-height:150%; max-width:35vw; margin-left:auto; margin:2.6vw 0 6.77vw auto; } .our-ceos-vision-text h4 { color:#0085FF; font-size:1.82vw; font-weight:600; line-height:101%; letter-spacing:-0.03vw; text-transform:uppercase; } .our-ceos-vision-text { max-width:41.3vw; position:relative; z-index:1; width:100%; } .our-ceos-vision-image { width:100%; max-width:27.6vw; } .our-ceos-vision-image img { width:100%; } .our-ceos-vision-text:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; z-index:-1; background-image:url(../assets/aboutus/quote.png); background-repeat:no-repeat; background-size:90%; background-position:center 65%; } .sec-8-our-front-line { padding:6.25vw 0; } .coo-row { display:flex; align-items:center; justify-content:center; gap:1.82vw; } .coo-col-text h3 { color:#001F3B; font-size:8.28vw; font-weight:500; line-height:90%; letter-spacing:-0.21vw; } .image-our-front-line { border-radius:0.63vw; background:#E0F8FF; padding:0.63vw 1.3vw 1.93vw; height:100%; } .image-our-front-line-main img { width:100%; height:100%; object-fit:contain; object-position:bottom; } .image-our-front-line-text h6 { color:#000; font-size:0.94vw; font-weight:500; line-height:123%; letter-spacing:-0.03vw; text-transform:uppercase; margin:1.56vw 0 0.31vw; } .image-our-front-line-text h4 { color:#000; font-size:0.57vw; font-weight:400; line-height:144%; } .row-all-our-front-line { display:flex; flex-flow:wrap; justify-content:space-between; gap:0.73vw; margin-top:3.13vw; } .col-all-our-front-line { max-width:calc(16.66666666666667% - 0.83vw * 5/6); width:100%; } .col-all-our-front-line .image-our-front-line-main { height:11.04vw; } .col-all-our-front-line .image-our-front-line-main img { width:100%; height:100%; object-fit:contain; object-position:bottom; } .sec-9-value-exchange-system .who-we-are-new-heading p { max-width:32.81vw; } .sec-9-value-exchange-system .who-we-are-new-heading h3 { max-width:37.5vw; font-size:4.48vw; line-height:95%; } .image-value-exchange-system { margin-top:3.13vw; } .col-our-crm-heading-text h3 { color:#001F3B; font-size:13.02vw; font-weight:500; line-height:82%; letter-spacing:-0.78vw; text-transform:uppercase; } .col-our-crm-image img { width:100%; height:auto; transform:scale(1.9) translate(-2%,-4%); transform-origin:top; } .row-our-crm { display:flex; flex-wrap:wrap; justify-content:space-between; } .col-our-crm-main-text { width:33%; max-width:fit-content; margin-left:auto; } .col-our-crm-heading-text { width:100%; max-width:fit-content; } section.sec-10-our-crm { padding:7.81vw 0 18.23vw; margin-bottom:5.21vw; } .col-our-crm-image { width:38%; } .col-our-crm-main-text p { color:#000; font-size:1.25vw; line-height:169%; width:100%; max-width:18.07vw; margin-top:2.08vw; } .col-our-crm-main-text > img { width:100%; max-width:14.43vw; } .sec-11-our-certifications-new { padding:7.81vw 0; } .row-our-certifications { display:flex; flex-flow:wrap; justify-content:space-between; gap:1.56vw; margin-top:3.65vw; } .col-our-certifications { flex:0 0 25%; max-width:calc(25% - 1.56vw * 3/4); } .our-certifications-item-image { border:0.05vw solid #D2D2D2; display:flex; align-items:center; justify-content:center; height:100%; padding:0.89vw; } .our-certifications-item-image img { max-width:6.51vw; } .row-our-certification { padding:4.17vw 11.46vw 4.17vw 6.25vw; border-radius:1.98vw; background:linear-gradient(180deg,#E1F7FF 0%,#DDF6FF 100%); display:flex; align-items:center; justify-content:space-between; } .col-our-certification-text h6 { color:#001F3B; font-size:4.06vw; font-weight:500; line-height:112%; letter-spacing:-0.08vw; max-width:20.83vw; } section.sec-12-our-certifications-new { padding:7.81vw 0; } section.sec-9-value-exchange-system { padding:7.81vw 0; } .image-our-front-line-main { position:relative; height:12.08vw; z-index:1; } .image-our-front-line-main:before { content:''; position:absolute; left:0; bottom:0; width:100%; height:calc(100% - 0.78vw); background:linear-gradient(180deg,#FFFFFF,#00FFFF 110%); z-index:-1; border-radius:0.42vw; } .col-our-certification-image { max-width:7.29vw; width:100%; } .col-our-certification-image img { width:100%; height:auto; } .our-brands-new-inner-item > div { width:100%; max-width:13.54vw; height:4.58vw; } .our-brands-new-inner-item > div img { width:100%; max-width:fit-content; height:100%; object-fit:contain; } .our-core-values-new-item img { width:100%; max-width:4.43vw; max-height:4.74vw; object-fit:contain; } } @media (max-width:991px){ .circle-behind-text { width:250px; height:250px; bottom:100px; } .banner-lp-text h1 { font-size:200px; line-height:185px; } .partnership-plan-text { padding:7px 15px 12px; border-radius:8px; } .partnership-plan-text h6 { font-size:50px; line-height:45px; } .container-1440-lp-vw { max-width:90%; } .contact-information-lp a { font-size:14px; } .contact-information-lp a span i { width:25px; height:25px; margin-right:10px; } .btn-reg.btn-get-started-with-arrow { font-size:14px; padding:0 15px; border-radius:10px!important; gap:15px; } .btn-reg.btn-get-started-with-arrow svg { max-width:20px; } .contact-information-lp { max-width:330px; } .banner-lp.bg-image-lp-banner { padding-top:130px; } .holdinghandslp { margin-top:-70px; } .landingpage-agencyplanning main:before { background-image:url(../assets/landingpage/fullbodybg2.png); background-position:center; } .landingpage-outsourcingpartnership .py-190-130,.landingpage-agencyplanning .py-190-130 { padding-top:80px; padding-bottom:80px; } .fa-200 { font-size:70px; line-height:70px; } .why-oip-lp-text h3 { margin-bottom:30px; } .why-oip-lp-text ul li { font-size:14px; line-height:initial; margin-bottom:15px; padding-left:35px; } .li-before-images-lp li:before { height:20px; width:20px; top:50%; transform:translateY(-50%); animation:none; } .sirf-oip { max-width:20%; } .landingpage-outsourcingpartnership .py-110,.landingpage-agencyplanning .py-110 { padding-top:50px; padding-bottom:50px; } .lh-40 { line-height:inherit; } .mw-1242 { max-width:700px; } .line-in-center { display:none; } .mt-137 { margin-top:50px; margin-bottom:50px; } .item-our-heritage { margin-right:auto!important; margin-left:auto!important; margin-bottom:20px; text-align:center!important; } .item-our-heritage span:before { right:auto; left:-50px!important; width:30px; height:30px; display:none; } .item-our-heritage span { font-size:12px; } .item-our-heritage h3 { font-size:20px; line-height:30px; margin:5px 0; } .item-our-heritage p { font-size:14px; line-height:22px; } .fa-120 { font-size:60px; line-height:60px; } .design-wiify-lp .mw-1080 { display:none; } .wiify-item-lp { border-radius:15px; padding:25px; display:flex; align-items:center; justify-content:space-between; } .image-wiify-lp { position:static; max-width:40%; height:80px; transform:none; margin:0; } .wiify-item-lp h3 { font-size:20px; max-width:160px; line-height:26px; } .design-wiify-lp .row > div { margin-bottom:35px; } .design-wiify-lp .row { margin-top:50px; } .services-lp { padding:50px 0; } .service-item-text h3 { font-size:80px; line-height:80px; max-width:100%; } .service-item-text p { font-size:14px; margin:15px 0; } .service-item-text ul li { font-size:14px; margin-bottom:10px; line-height:26px; padding-left:30px; } .service-item-text ul.li-before-images-lp li:before { top:50%; transform:translateY(-50%); width:25px; height:25px; } .mt-40 { margin-top:15px; } .service-item-image { transform:none; } .md-screen-images-abs { position:absolute; z-index:-1; opacity:01; max-width:25%; right:0; bottom:0; } .service-item-lp { position:relative; padding-top:50px; padding-bottom:50px; } .col-lg-6.md-screen-images-abs { } .service-item-image img { animation:none; } .service-item-text ul { max-width:450px; } .packages-lp .industry-price-panel.pricing-main-panel { padding:40px 25px; background:linear-gradient(180deg,rgba(0,0,0,0.46) 0%,rgba(4,41,168,0.00) 100%); } .industry-price-panel .pricing-items ul li { font-size:14px; margin-bottom:10px; } .contact-image-lp { max-width:55%; z-index:-1; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 { font-size:70px; } .contact-section.contact-lp.contact-nft.industry-contact .contact-main-area p { max-width:420px; font-size:12px; margin-bottom:15px; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area { border-radius:12px; } .contact-image-lp img.contactphone-lp { max-width:130px; right:50%; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form .btn-get-started-with-arrow { max-width:fit-content; padding:10px 25px; bottom:-49px; } .portfolio-lp .deisgin-arrows-left:before,.portfolio-lp .deisgin-arrows-right:after { top:-35%; } .portfolio-section .port-2-row .slick-list.draggable .slick-track { padding-bottom:0;display:flex } .clients-portion .client-logo { border-radius:14px; margin-top:40px; } .testimonial-lp-text h3 { font-size:120px; line-height:120px; } .quote-sign-lp { max-width:90px; height:150px; } .slider-testimonial-lp-item { border-width:2px; padding:30px; padding-bottom:60px; border-radius:16px; } .slider-testimonial-lp-item p { font-size:16px; line-height:28px; } .name-box-lp h4 { font-size:20px; line-height:26px; } .name-box-lp h6 { font-size:16px; line-height:24px; } .name-box-lp { width:100%; padding:10px 50px 10px; bottom:-35px; } .slider-testimonial-lp .slick-dots li button { width:15px; height:15px; } .slider-testimonial-lp .slick-dots { margin:25px auto 0; gap:15px; } .footer-lp { padding:50px 0; } .footer-lp { } .footer-lp-logo-container { max-width:250px; } .footer-lp .footer-items-lp { margin:100px 0; } .footer-items-lp a { font-size:15px; text-align:center; flex:0 0 100%; line-height:18px; padding:35px 5px 15px; } .footer-items-lp .image-wiify-lp { position:absolute; left:50%; transform:translateX(-50%); top:-60px; max-width:100%; height:100px; } .footer-lp .footer-items-lp > div { margin-top:65px; } .footer-lp .footer-items-lp .mw-380 { gap:15px; justify-content:space-between; } .footer-lp .footer-items-lp .mw-380 a { flex:0 0 calc(50% - 7.5px); } .ball-surrounding { max-width:350px; } .packages-lp .column-responsive-pricing .slick-track { gap:15px; } .planning-scrolldown-btn{ display:none; } .service-item-text{ max-width:100%; } .text-banner-lp-oippartner h3 { font-size:100px; line-height:80px; } .text-banner-lp-oippartner h1 { font-size:160px; line-height:130px; } .banner-lp-oippartner-row { max-width:600px; margin:30px auto 0; } .scroll-down-lp-oippartner { font-size:12px; gap:8px; display:none; } .scroll-down-lp-oippartner img { max-width:10px; } .banner-lp-oippartner-paragraph p { font-size:14px; line-height:25px; } .banner-lp-oippartner-paragraph { max-width:300px; margin-left:auto; } .banner-lp-oippartner-main-image { max-width:310px; left:5%; transform:none; } .banner-lp-oippartner { padding:120px 0; } .fa-260 { font-size:120px; } .lh-210 { line-height:95px; } .landingpage-outsourcingpartnership .why-oip-lp-text > img { max-width:130px; } .why-oip-lp-text ul.small-size-li li { font-size:14px; margin-bottom:10px; padding-left:25px; } .landingpage-outsourcingpartnership .fa-150 { font-size:80px; line-height:90px; } .item-our-heritage h3.fa-30 { font-size:20px; margin:0 0 10px; line-height:20px; } .py-150 { padding-top:50px; padding-bottom:50px; } .wiify-partnership-text h5 { font-size:200px; line-height:150px; } .wiify-item-lp-partnership h3 { font-size:18px; line-height:20px; padding-left:20px; } .wiify-item-lp-partnership h3:before { width:20px; height:20px; } .image-wiify-lp-partnership { max-width:50px; } .col-lg-4 { } .landingpage-outsourcingpartnership .service-item-text { max-width:100%; } .landingpage-outsourcingpartnership .service-item-lp:after,.landingpage-outsourcingpartnership .service-item-lp:nth-child(even):after { background-size:15%; top:0%!important; transform:rotateY(180deg); display:none; } .landingpage-outsourcingpartnership .service-item-lp:nth-child(even):after { top:-2%; } .fa-240 { font-size:100px; } .pricing-partnership .container-1560 { max-width:90%; } .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 { font-size:98px; } .contact-lp-partnership .contact-image-lp { height:100%; width:50%; z-index:0; } .contact-lp-partnership.image-partnership-after.contact-section.hz-contact-bpo.industry-contact { padding:50px 0; } .note-pricing { font-size:14px; } .contact-section.contact-nft.hz-contact-bpo.contact-lp-partnership .contact-main-area button.btn-reg.btn-gradient { bottom:-50px; max-width:130px; } .image-partnership-after .row.port-2-row { margin:50px 0!important; } .contact-lp-partnership.image-partnership-after.contact-section.hz-contact-bpo.industry-contact .container-1547 { max-width:90%; } .partnership-tesimonial-item p { font-size:14px; padding-bottom:60px; } .name-box-lp-partnership h4 { font-size:25px; } .name-box-lp-partnership h6 { font-size:16px; line-height:30px; } .partnership-tesimonial-item > div.quote-sign-partnership svg { max-width:150px; } .partnership-tesimonial-item { padding:30px; border-radius:20px; backdrop-filter:blur(7px); } .slider-testimonial-lp .slick-list { padding:15px 0 30px; } .margin-in-minus { margin-bottom:-50px; } .row-services-packages.packages-slider { display:block; flex-flow:initial; justify-content:initial; } .col-second-packages { flex:0 0 70%; max-width:70%; } .col-first-packages { flex:0 0 28%; } .main-parent-services-packages { padding:40px 40px; border-radius:20px; } .main-parent-services-packages h3,.main-parent-services-packages .packages-all h3 { font-size:16px; height:50px; margin-bottom:15px; } .features-li li { font-size:16px; } .packages-all ul li div p { font-size:12px; } .packages-all ul li,.features-li li { margin-bottom:30px; } .row-services-packages .slick-list .slick-track { display:flex; gap:10px; } .packages-btn { bottom:-19px; } .row-services-packages .slick-list .slick-track > .slick-slide { height:inherit; flex:auto; } .row-services-packages.packages-slider .slick-list { padding-bottom:48px; } .blog-details ol::before { display:none; } .text-insight-report h3 { font-size:24px; margin:4px 0 7px; } .text-insight-report p { font-size:14px; } .text-insight-report span { font-size:12px; } .item-insight-report .dwnload-btn { margin:20px auto!important; font-size:14px; padding:10px 10px; border-radius:6px; width:100%; max-width:100%; gap:7px; justify-content:center; box-shadow:0px 0px 10px 0px #000000a3; } .text-insight-report { text-align:center; } .item-insight-report .row { margin-top:10px; } .item-insight-report > div > a > img { border-radius:8px;width:100% } .slider-insights-footer .slick-list .slider-insights-items-footer { margin:0 10px; } .slider-insights-footer .slick-list { margin:0 -10px; } .mb-100 { margin-bottom:50px; } .row-client-served { flex-flow:wrap; } .section-3-new { padding:80px 0; } .column-clients-served { max-width:100%; flex:0 0 100%; display:flex; flex-flow:wrap; justify-content:space-between; margin-bottom:25px; } .clients-served-item h3 { font-size:50px; } .clients-served-item h6 { font-size:18px; } .clients-served-item { flex:0 0 48%; margin-bottom:0; } .clients-served-item img { max-width:25px; } .column-areas-we-work { flex:0 0 100%; max-width:100%; } .areas-we-work-box h6 { font-size:40px; } .areas-we-work-box h3 { font-size:18px; } .areas-we-work-box { max-width:100%; border-radius:20px; padding:15px 80px 15px 20px; } .areas-we-work-item > img { max-width:150px; height:100%; left:auto!important; right:0; } .areas-we-work-item { margin-bottom:30px; } .banner-section-video-portfolio { min-height:auto; padding:180px 0; } .contact-all { position:static; max-width:48%!important; width:100%; display:inline-block; text-align:center; padding:20px 15px; margin-top:7%; border-radius:10px; } .contact-map-new { display:flex; flex-flow:wrap; gap:4%; } .text-slide-up { display:block!important; } .contact-all h3 { font-size:20px; } .contact-all p { font-size:16px; margin-top:15px; } .contact-all > img { max-width:30px; top:-20px; } .banner-contact-new { padding:100px 0 50px; } .contactnew-text-banner h6 { font-size:35px; } .contactnew-text-banner h3 { font-size:50px; } .contactnew-text-banner { margin-bottom:20px; } section.aboutus2_banner:before { right:-13%; top:25%; width:60%; height:90%; } .our-core-values-new-heading h3 { font-size:50px; letter-spacing:-3px; } .our-core-values-new-heading h3:before,.our-heritage-new-heading h3:before { height:7px; } .our-core-values-new-item { padding:20px; border-radius:15px; position:relative; z-index:1; } .col-our-core-values-new { margin-bottom:20px; max-width:calc(50% - 10px); } .row-our-core-values-new { margin-top:40px; } .our-core-values-new-item h3 { font-size:25px; max-width:140px; } .our-core-values-new-item img { max-width:50px; height:50px; } .our-core-values-new-item p { max-width:100%; margin-top:25px; font-size:14px; } .our-core-values-new-item .numbers-abs-our-core { font-size:150px; top:50%; transform:translate(-50%,-50%); left:50%; z-index:-1; display:flex; align-items:center; opacity:0.2; } .sec-2-our-core-values-new,.sec-3-who-we-are-new { padding:75px 0 0; } .who-we-are-new-heading h3 { font-size:50px; max-width:100%; text-align:center; } .who-we-are-new-heading p { max-width:100%; margin-top:25px; text-align:center; font-size:14px; line-height:180%; } .image-team-who-we-are { margin:40px 0 0; } .our-heritage-new-heading h3 { font-size:60px; margin-bottom:30px; } .our-heritage-new-heading p { font-size:16px; max-width:450px; } .row-our-heritage-new { max-width:100%; margin-top:60px; margin-left:0; } .col-our-heritage-new .our-heritage-new-image:before { border-radius:101.059px; opacity:0.3; background:linear-gradient(210deg,#0029FF -16.78%,rgba(53,219,255,0.00) 69.6%); width:calc(100% + 14px); height:calc(100% + 14px); } .col-our-heritage-new .our-heritage-new-image:after { transform:scale(1); } .col-our-heritage-new .our-heritage-new-image img { filter:brightness(0) invert(1); } .col-our-heritage-new .our-heritage-new-item h6,.col-our-heritage-new .our-heritage-new-item h3,.col-our-heritage-new .our-heritage-new-item p { color:#000; } .our-heritage-new-image { width:50px; height:50px; margin-bottom:20px; position:absolute; left:0; top:0; } .our-heritage-new-image img { max-width:55%; } .line-row-our-heritage { width:5px; height:100%; left:24px; top:0; } .our-heritage-new-item h3 { font-size:20px; line-height:120%; margin:5px 0 10px; } .our-heritage-new-item h6 { font-size:12px; line-height:100%; } .our-heritage-new-item p { font-size:12px; } .col-our-heritage-new { max-width:100%; flex:0 0 100%; margin-bottom:50px; padding-left:70px; position:relative; } .col-our-heritage-new:last-child { margin-bottom:0; } section.sec-5-our-brands-new { padding:0; } .our-brands-new-text { max-width:100%; text-align:center; } .our-brands-new-text h3 { font-size:50px; letter-spacing:-4px; margin-bottom:20px; } .our-brands-new-text p { font-size:14px; line-height:1.5; } .our-brands-new-inner-row { max-width:100%; margin-top:25px; gap:15px; } .our-brands-new-inner-item { padding:30px 15px; } .our-brands-new-inner-item > div img { width:100%; height:60px; object-fit:contain; max-width:150px; } .our-brands-new-inner-item > div { margin-bottom:20px; } .our-brands-new-inner-column { max-width:calc(33% - 15px * 2/3); } .our-brands-new-inner-item p { font-size:12px; } .our-philosophy-new-item { padding:20px 25px; border-radius:10px; } .our-philosophy-new-item h3 { font-size:70px; letter-spacing:-2px; } .our-philosophy-new-item p { font-size:14px; line-height:170%; } .our-philosophy-tags { margin-bottom:15px; right:20px; } .our-philosophy-tags span { font-size:10px; padding:5px 10px; } section.sec-6-our-philosophy-new { padding:100px 0; } section.sec-7-our-ceos-vision { padding:0px 0 100px; } .our-ceos-vision-text h2 { font-size:45px; letter-spacing:-3px; margin-bottom:20px; } .our-ceos-vision-text h6 { font-size:18px; max-width:100%; } .our-ceos-vision-text p { font-size:14px; max-width:100%; margin:20px 0 20px auto; } .our-ceos-vision-text h4 { font-size:22px; } .our-ceos-vision-text { max-width:50%; } .our-ceos-vision-image { max-width:40%; } .our-ceos-vision-row { align-items:center; } .sec-8-our-front-line { padding:30px 0; } .coo-col-text h3 { font-size:75px; } .col-all-our-front-line { max-width:calc(33.333% - 10px * 5/6); } .row-all-our-front-line { margin-top:15px; gap:10px; } .image-our-front-line { padding:5px 15px 15px; width:100%; } .image-our-front-line-text h6 { font-size:14px; margin:10px 0 0; } .coo-row .image-our-front-line { max-width:fit-content; } section.sec-9-value-exchange-system { padding:50px 0; } .sec-9-value-exchange-system .who-we-are-new-heading h3 { font-size:50px; } .sec-9-value-exchange-system .who-we-are-new-heading h3 > br { display:none; } .sec-9-value-exchange-system .who-we-are-new-heading p { max-width:100%; } .image-value-exchange-system { margin-top:40px; } .col-our-crm-heading-text h3 { font-size:80px; letter-spacing:-4px; } .col-our-crm-main-text { width:100%; max-width:250px; } .col-our-crm-image { width:35%; } .col-our-crm-main-text p { font-size:14px; margin-top:20px; } .col-our-crm-main-text > img { max-width:150px; } section.sec-10-our-crm { padding:50px 0 150px; margin-bottom:0; } .row-our-crm { align-items:center; } .sec-11-our-certifications-new { padding:50px 0; } .our-certifications-item-image img { max-width:50%; } .row-our-certifications { gap:10px; margin-top:40px; } .col-our-certifications { max-width:calc(25% - 10px * 3/4); } .our-certifications-item-image { padding:10px; } section.sec-12-our-certifications-new { padding:50px 0; } .row-our-certification { padding:25px; border-radius:15px; } .col-our-certification-text h6 { font-size:50px; max-width:270px; } .col-our-certification-image img { width:100%; } .col-our-certification-image { max-width:100px; } .port-2-row { margin-left:0; margin-right:0; } .portfolio-section,.insightreportfooter,.testimonial-section { overflow:hidden; } .blog-details ul li { font-size:16px; padding-left:15px; } .blog-details ul li:before { width:6px; height:6px; } } @media (max-width:767px){ .banner-lp-text h1 { font-size:120px; line-height:130px; } .partnership-plan-text h6 { font-size:30px; line-height:25px; letter-spacing:-3px; } .partnership-plan-text { padding:5px 10px 8px; } .bg-image-lp-banner .deisgin-arrows-left:before { top:15%; } .bg-image-lp-banner .deisgin-arrows-right:after { top:-20%; right:0; } .circle-behind-text { width:200px; height:200px; bottom:60px; } .holdinghandslp { margin-top:-50px; } .landingpage-outsourcingpartnership .py-190-130,.landingpage-agencyplanning .py-190-130 { padding-top:50px; padding-bottom:50px; } .why-oip-lp-text { text-align:center; } .why-oip-lp-text ul li { padding-left:0; } .li-before-images-lp li:before { display:none; } .ball-surrounding { } .balls-bg { max-width:230px; margin:0 auto; } .why-oip-lp-image { margin-top:35px; } .fa-200 { font-size:50px; line-height:60px; } .why-oip-lp-text h3 { margin-bottom:20px; } .item-our-heritage p { font-size:12px; line-height:initial; } .item-our-heritage h3 { font-size:18px; margin:0 0 10px; } .mt-137 { margin-top:30px; margin-bottom:30px; } .fa-120 { font-size:50px; line-height:50px; } .design-wiify-lp .row { margin-top:30px; } .wiify-item-lp h3 { } .wiify-item-lp { max-width:320px; margin:0 auto; } .service-item-text { text-align:center; } .service-item-text ul li { padding:0; } .service-item-text ul { max-width:100%; margin:0 auto; } .col-lg-6.md-screen-images-abs { max-width:100%; opacity:0.1; top:50%; transform:translateY(-50%); height:100%; } .packages-lp .column-responsive-pricing .slick-list { width:100%; max-width:100%; } .contact-image-lp img.contactphone-lp { max-width:90px; } .contact-image-lp { max-width:50%; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 { font-size:60px; } .testimonial-lp-text h3 { font-size:80px; line-height:80px; } span.quote-sign-lp { max-width:70px; height:70px; margin-top:-35px; margin-bottom:-35px; } .slider-testimonial-lp-item { border-width:2px; padding:20px; padding-bottom:50px; border-radius:10px; } .slider-testimonial-lp-item p { font-size:12px; line-height:24px; } .name-box-lp h4 { font-size:16px; line-height:22px; } .name-box-lp h6 { font-size:12px; line-height:14px; } .name-box-lp { padding:7px 35px 7px; bottom:-25px; } .slider-testimonial-lp .slick-dots { margin:15px auto 0; gap:10px; } .slider-testimonial-lp .slick-dots li button { width:10px; height:10px; } .footer-lp-logo-container { max-width:45%; } .footer-lp .footer-items-lp { margin:50px 0; } .footer-lp .footer-items-lp .wiify-item-lp { max-width:100%; } .footer-pages-lp p,.privacy-pages-lp a { font-size:10px; text-align:center; } .privacy-pages-lp { margin:10px auto 0; } .footer-items-lp .image-wiify-lp { top:-40px; max-width:100%; height:70px; } .footer-items-lp a { padding:25px 5px 5px; } .col-first-packages,.packages-all { padding:40px 0; } .landingpage-outsourcingpartnership .why-oip-lp-text { display:block; } .why-oip-lp-text.position-relative { display:inline-block; } .why-oip-lp-text.position-relative h3 > br { display:none; } .why-oip-lp-text.position-relative img { max-width:40px; position:absolute; right:-40px; top:-40px; height:100%; object-fit:contain; object-position:right; } .landingpage-outsourcingpartnership .why-oip-lp .col-lg-6.col-md-6 { text-align:center; } .col-lg-6.col-md-6 { } .fa-260 { font-size:80px; } .lh-210 { line-height:65px; } .why-oip-lp-text ul.small-size-li li { font-size:12px; padding:0; } .text-banner-lp-oippartner h3 { font-size:60px; line-height:50px; } .text-banner-lp-oippartner h1 { font-size:90px; line-height:75px; } .banner-lp-oippartner { padding:140px 0 90px; } .banner-lp-oippartner-main-image { position:static; max-width:220px; margin-top:-60px; margin-bottom:-10px; } .banner-lp-oippartner-row { flex-direction:column; justify-content:center; align-items:center; margin:0; } .banner-lp-oippartner-paragraph { text-align:center; margin:0 auto; max-width:100%; } .banner-lp-oippartner-paragraph p { font-size:12px; } .landingpage-outsourcingpartnership .fa-150 { font-size:60px; line-height:70px; } .wiify-partnership-text h5 { font-size:120px; line-height:80px; } .wiify-item-lp-partnership h3 { font-size:12px; } .design-wiify-lp-partnership .row > div { max-width:fit-content; padding-left:5px; padding-right:5px; } .design-wiify-lp-partnership .row { margin-right:-5px; margin-left:-5px; } .col-second-packages { max-width:60%; } .col-first-packages { flex:0 0 32%; } .note-pricing { font-size:12px; margin-top:25px; } .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 { font-size:72px; } .contact-lp-partnership .contact-image-lp .contactphone-lp { top:67%; right:62%; max-width:80px; } .fa-240 { font-size:70px; } .partnership-tesimonial-item > div.quote-sign-partnership { position:absolute; left:-20px; top:-20px; height:fit-content; max-width:50px; z-index:-2; } .partnership-tesimonial-item > div.quote-sign-partnership svg { width:100%; height:100%; } .margin-in-minus { margin:0; } .slider-testimonial-lp .slick-list { padding:40px 0 30px; } .partnership-tesimonial-item p { padding-bottom:40px; } .outsourcingpartnership .service-item-image img { animation:none; } .privacy-pages-lp { flex-direction:column; gap:10px; } .text-insight-report h3 { font-size:20px; } .text-insight-report p { font-size:12px; } .item-insight-report .dwnload-btn { font-size:12px; } .section-pricing .row-pricing .content-right-column { max-width:100%; flex:0 0 100%; } .mb-100 { margin-bottom:30px; } section#portfolio { padding-bottom:20px!important; } .clients-served-item h6 { font-size:14px; line-height:200%; } .clients-served-item h3 { font-size:40px; } .areas-we-work-item > img { max-width:100px; object-fit:contain; } .areas-we-work-box { padding:15px 100px 15px 20px; max-width:100%; height:100%; flex:0 0 100%; } .areas-we-work-box h6 { font-size:30px; letter-spacing:-1px; } .areas-we-work-box h3 { font-size:16px; line-height:22px; max-width:120px; } .areas-we-work-item { flex:0 0 48%; } .column-areas-we-work { column-gap:2%; justify-content:space-between; } .banner-section-video-portfolio { padding:150px 0; } .contact-all p { font-size:12px; margin-top:5px; } .contact-all h3 { font-size:18px; } .sec-2-our-core-values-new,.sec-3-who-we-are-new { padding:40px 0; } .our-core-values-new-heading h3,.who-we-are-new-heading h3,.our-heritage-new-heading h3,.our-brands-new-text h3,.our-philosophy-new-item h3,.sec-9-value-exchange-system .who-we-are-new-heading h3 { font-size:40px; letter-spacing:-2px; } .row-our-core-values-new { margin-top:30px; } .our-core-values-new-item h3 { font-size:20px; max-width:115px; } .our-core-values-new-item img { max-width:40px; height:40px; } .our-core-values-new-item p { font-size:12px; margin-top:20px; } .our-core-values-new-item .numbers-abs-our-core { font-size:90px; opacity:0.1; } .our-core-values-new-item { padding:15px; border-radius:10px; } .who-we-are-new-heading p { font-size:12px; line-height:170%; margin-top:15px; } section.sec-4-our-heritage-new { padding:40px 0px; } .our-heritage-new-heading { text-align:center; } .our-core-values-new-heading h3:before,.our-heritage-new-heading h3:before { height:4px; } .our-heritage-new-heading p { font-size:12px; letter-spacing:0; max-width:100%; } .our-heritage-new-heading h3 { margin-bottom:15px; } .col-our-heritage-new { padding:0; text-align:center; } .our-heritage-new-image { position:relative; margin:0 auto 20px; } .line-row-our-heritage { display:none!important; } .row-our-heritage-new { margin-top:40px; } section.sec-5-our-brands-new,section.sec-6-our-philosophy-new,section.sec-7-our-ceos-vision,section.sec-9-value-exchange-system,section.sec-12-our-certifications-new,section.sec-11-our-certifications-new,section.sec-10-our-crm { padding:40px 0; } .our-brands-new-text p { font-size:12px; } .our-brands-new-inner-item { padding:20px 15px; } .our-brands-new-inner-column { max-width:calc(50% - 10px * 2/3); margin:0 auto; } .our-brands-new-inner-row { gap:10px; } .our-philosophy-tags { position:static; justify-content:center; margin-bottom:18px; } .our-philosophy-new-item { text-align:center; padding:25px 20px; } .our-philosophy-new-item h3>br { display:none; } .our-philosophy-new-item p { font-size:12px; } .our-ceos-vision-text { max-width:100%; text-align:center; margin-bottom:40px; } .our-ceos-vision-row { justify-content:center; } .our-ceos-vision-image { max-width:400px; } .coo-col-text h3 { font-size:50px; text-align:center; } .col-all-our-front-line { max-width:calc(50% - 10px * 5/6); } .col-our-crm-image { position:absolute; width:100%; height:100%; left:0; z-index:-1; opacity:0.2; } .col-our-crm-image img { transform:scale(1); width:100%; height:100%; object-fit:contain; } section.sec-10-our-crm { position:relative; text-align:center; } .col-our-crm-heading-text { max-width:100%; margin-bottom:20px; } .col-our-crm-main-text { max-width:100%; } .col-our-crm-main-text p { max-width:100%; font-size:12px; } .col-our-crm-heading-text h3>br { display:none; } .col-our-crm-heading-text h3 { font-size:70px; font-weight:700; } .col-our-crm-main-text>img { max-width:160px; } .col-our-certification-text h6 { font-size:35px; max-width:180px; } .blog-details ul li:before { display:block; } } @media (max-width:575px){ .contact-information-lp > a { display:none; } .contact-information-lp { max-width:fit-content; } .banner-lp-text h1 { font-size:90px; line-height:110px; } .partnership-plan-text h6 { font-size:25px; line-height:20px; letter-spacing:-2px; } .partnership-plan-text { padding:5px 6px 5px; border-radius:6px; border:1px solid #00ffff78; } .circle-behind-text { width:140px; height:140px; bottom:30px; } .holdinghandslp { margin-top:-30px; } .btn-reg.btn-get-started-with-arrow { font-size:12px; padding:0 10px; border-radius:8px!important; gap:10px; min-height:30px; } .btn-reg.btn-get-started-with-arrow svg { max-width:15px; } .landingpage-outsourcingpartnership .py-190-130,.landingpage-agencyplanning .py-190-130 { padding-top:30px; padding-bottom:30px; } .fa-200 { font-size:40px; line-height:50px; } .why-oip-lp-text ul li { font-size:12px; margin-bottom:10px; } .why-oip-lp-text h3 { margin-bottom:10px; } .balls-bg { max-width:190px; } .ball-surrounding { max-width:280px; } .fa-120 { font-size:40px; line-height:40px; } .service-item-text h3 { font-size:50px; line-height:50px; } .service-item-text p { font-size:12px; line-height:20px; } .service-item-text ul li { font-size:12px; line-height:20px; } .col-lg-6.md-screen-images-abs { display:flex; align-items:center; opacity:0.2; } .service-item-lp { padding-top:30px; padding-bottom:30px; } .bg-image-lp-banner .deisgin-arrows-right:after { top:-10%; } .clients-portion .client-2-row .col-lg-3 .client-logo img { max-height:70%; max-width:70%; } .testimonial-lp-text h3 { font-size:50px; line-height:60px; } span.quote-sign-lp { max-width:45px; height:45px; margin-top:-30px; margin-bottom:-30px; } .name-box-lp { padding:7px 18px 7px; border-radius:8px; } .footer-items-lp a { font-size:12px; } .footer-lp-logo-container { max-width:200px; } .footer-lp .footer-items-lp .mw-380 { flex-direction:column; gap:0; max-width:100%; } .footer-lp .footer-items-lp .mw-380 a { flex:0 0 100%; max-width:100%; padding-top:10px; } .footer-items-lp a span img { max-width:15px; margin-right:10px; } .footer-items-lp a span { margin-left:0; } .privacy-pages-lp a:before { width:4px; height:4px; left:-10px; } .footer-lp { padding:40px 0; } .wiify-item-lp h3 { font-size:15px; line-height:20px; max-width:110px; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area h3 { font-size:37px; } .contact-image-lp { opacity:0.3; } .contact-lp.contact-section.contact-nft.industry-d .contact-main-area .form .btn-get-started-with-arrow { bottom:-59px; } .portfolio-lp .deisgin-arrows-left:before,.portfolio-lp .deisgin-arrows-right:after { top:-32%; } .text-banner-lp-oippartner h3 { font-size:40px; line-height:40px; } .text-banner-lp-oippartner h1 { font-size:65px; line-height:60px; } .banner-lp-oippartner { padding:100px 0 70px; } .banner-lp-oippartner-main-image { max-width:150px; margin-top:-10px; margin-bottom:0px; } .banner-lp-oippartner-paragraph p { line-height:20px; } .banner-lp-oippartner:before { bottom:-10px; } .fa-260 { font-size:50px; } .lh-210 { line-height:45px; } .wiify-partnership-text h5 { font-size:80px; line-height:60px; } .design-wiify-lp-partnership .row > div { max-width:100%; } .wiify-item-lp-partnership .image-wiify-lp-partnership { flex:0 0 20%; max-width:20%; } .wiify-item-lp-partnership { flex-direction:column; } .design-wiify-lp-partnership > .row { gap:15px; } .landingpage-outsourcingpartnership .fa-150 { font-size:50px; line-height:50px; } .line-height-130 { line-height:50px!important; } .fa-240 { font-size:50px; } .main-parent-services-packages { padding:20px 10px; border-radius:10px; } .main-parent-services-packages h3,.main-parent-services-packages .packages-all h3 { font-size:12px; height:50px; margin-bottom:10px; } .features-li li { font-size:12px; } .packages-all ul li div p { font-size:10px; } .packages-all ul li,.features-li li { margin-bottom:15px; } .col-first-packages,.packages-all { padding:20px 0; border-radius:10px; } .packages-all ul li h6 { font-size:20px; } .contact-section.contact-nft.industry-d.contact-lp-partnership .contact-main-area h3 { font-size:45px; } .landingpage-outsourcingpartnership .clients-portion.py-110 { padding:0; } .partnership-tesimonial-item > div.quote-sign-partnership { left:-5%; } .partnership-tesimonial-item { padding:25px 15px; } .name-box-lp-partnership h4 { font-size:18px; } .name-box-lp-partnership h6 { font-size:14px; } .footer-lp .deisgin-arrows-left:before,.footer-lp .deisgin-arrows-right:after { top:-45%; background-size:20%; } .contact-section.contact-nft.hz-contact-bpo.contact-lp-partnership .contact-main-area button.btn-reg.btn-gradient { max-width:100px!important; bottom:-55px; } .packages-btn { bottom:-15px; } .wiify-item-lp-partnership .image-wiify-lp-partnership { width:100%; max-width:60px; text-align:center; flex:0 0 100%; } .wiify-item-lp-partnership h3 { padding:0; text-align:center; } .wiify-item-lp-partnership h3:before { display:none; } .design-wiify-lp-partnership .row > div { max-width:fit-content; flex:0 0 auto; } .packages-all:before { border-radius:10px; } .section-3-new { padding:50px 0 30px; } .clients-served-item { flex:0 0 100%; margin-bottom:25px; } .clients-served-item h3{ font-size:50px; } .areas-we-work-box { padding:15px 20px 15px 100px; } .areas-we-work-item { flex:0 0 100%; margin-bottom:25px!important; } .areas-we-work-item:last-child { margin-bottom:0px!important; } .areas-we-work-item > img { right:auto; left:0; } .areas-we-work-item.other-countries-image > img { left:15px!important; } .areas-we-work-box h3 { max-width:100%; } .contact-all p { font-size:12px; margin-top:5px; } .contact-all h3 { font-size:18px; } .contactnew-text-banner h6 { font-size:25px; } .contactnew-text-banner h3 { font-size:35px; } .contact-all { max-width:100%!important; margin-top:30px; } .banner-contact-new { padding:100px 0 20px; } .our-core-values-new-heading h3,.who-we-are-new-heading h3,.our-heritage-new-heading h3,.our-brands-new-text h3,.our-philosophy-new-item h3,.sec-9-value-exchange-system .who-we-are-new-heading h3 { font-size:30px; } .col-our-core-values-new { max-width:100%; flex:0 0 100%; margin-bottom:20px!important; } .col-our-core-values-new:last-child { margin-bottom:0!important; } .sec-2-our-core-values-new,.sec-3-who-we-are-new,section.sec-5-our-brands-new,section.sec-6-our-philosophy-new,section.sec-7-our-ceos-vision,section.sec-9-value-exchange-system,section.sec-12-our-certifications-new,section.sec-11-our-certifications-new,section.sec-10-our-crm { padding:25px 0; } .our-brands-new-inner-column { max-width:calc(100%); } .our-ceos-vision-text h6 { font-size:14px; } .our-ceos-vision-text h2 { font-size:35px; margin-bottom:15px; } .our-ceos-vision-text p { font-size:12px; margin:15px 0 15px auto; } .our-ceos-vision-text h4 { font-size:16px; } .coo-row { flex-flow:wrap; } .coo-row > div:last-child { display:none; } .coo-col-text h3 span.d-none { display:inline-block!important; } .coo-col-text h3 { font-size:35px; letter-spacing:-2px; } .coo-col-text { flex:0 0 100%; max-width:100%; } .coo-row .image-our-front-line { } .col-all-our-front-line { max-width:48%; margin:0 auto; } .row-all-our-front-line { margin-top:10px; } .image-our-front-line-text { text-align:center; } section.sec-9-value-exchange-system { display:none; } .col-our-crm-heading-text h3 { font-size:45px; } .col-our-certifications { max-width:calc(50% - 10px * 2/4); flex:0 0 50%; } .col-our-certification-text { flex:0 0 100%; max-width:100%; text-align:center; } .row-our-certification { flex-flow:wrap; justify-content:center; gap:20px; } .col-our-certification-text h6 { max-width:100%; text-align:center; font-size:40px; } .col-our-certification-image { flex:0 0 100%; max-width:100%; text-align:center; } .col-our-certification-image img { max-width:140px; height:80px; object-fit:contain; } .col-all-our-front-line .image-our-front-line-main { height:150px; } .blog-details ul li,.blog-details ol li { font-size:14px; } } @media (max-width:360px){ .areas-we-work-box h3 { max-width:100px; } } .blogs nav[role="navigation"] > .flex.justify-between.flex-1.sm\:hidden { display:none; } .blogs nav[role="navigation"] .hidden { display:flex; align-items:center; justify-content:space-between; width:100%; } .blogs nav[role="navigation"] { width:100%; } .blogs nav[role="navigation"] .hidden > div:last-child { display:flex; align-items:center; justify-content:space-between; } .blogs nav[role="navigation"] .hidden > div:last-child span a[rel="prev"],.blogs nav[role="navigation"] .hidden > div:last-child span a[rel="next"] { display:flex; padding:0px 0px!important; width:59.44px; align-items:center; justify-content:center; height:40px; box-shadow:0px 0px 0px 1px #459afe; position:relative; z-index:1; transition:0.3s ease-in-out; } .blogs nav[role="navigation"] .hidden > div:last-child span { display:flex; align-items:center; justify-content:space-between; border:none!important; } .blogs nav[role="navigation"] .hidden > div:last-child span a[rel="prev"] svg,.blogs nav[role="navigation"] .hidden > div:last-child span a[rel="next"] svg { width:25px!important; } .blogs nav[role="navigation"] .hidden > div:last-child > span { border:1px solid #459afe!important; box-shadow:none!important; } .blogs nav[role="navigation"] .hidden > div:last-child > span > span > span { background:#459afe!important; color:white; border:none!important; } .blogs nav[role="navigation"] .hidden > div:last-child span > * { margin-top:-1px; margin-bottom:-1px; } .blogs nav[role="navigation"] .hidden > div:last-child span a[rel="prev"]:hover svg,.blogs nav[role="navigation"] .hidden > div:last-child span a[rel="next"]:hover svg { color:white; } .blogs nav[role="navigation"] .hidden > div:last-child span a[rel="prev"]:hover,.blogs nav[role="navigation"] .hidden > div:last-child span a[rel="next"]:hover { background:#459afe!important; } .blogs nav[role="navigation"] .hidden > div:last-child span[aria-disabled="true"] { display:none; } .blogs-box-designed > a > img { max-width:100%; width:100%; height:250px; object-fit:cover; object-position:center; } .blogs-box-designed > a > div { padding:30px 15px; text-align:center; } .blogs-box-designed { border-radius:10px; background:#f5f5f5; height:100%; overflow:hidden; } .blogs-box-designed a { display:block; height:100%; } .blogs-box-designed > a > div h2 { color:#001f3b; font-size:26px; line-height:110%; letter-spacing:-0.45px; margin-bottom:30px; } .blogs-box-designed > a > div p { color:#585858; font-size:20px; font-weight:500; line-height:110%; letter-spacing:-0.3px; } .banner-blogs .container-1560 { width:100%; padding:0px 15px; } .banner-blogs .container-1560:before { width:100%; } .banner-blogs .container-1560 .fa-90 { font-size:50px; letter-spacing:-2px; margin:0; } section.banner-blogs { margin:0; margin-bottom:60px; border-radius:15px; overflow:hidden; } .blog-detail h2 br { display:none; } .blog-details h1,.blog-details h2,.blog-details h3,.blog-details h4,.blog-details h5,.blog-details h6 { margin-bottom:0.5vw; margin-top:1.5vw; font-weight:700; color:#001740; } .blog-details a { text-decoration:none; display:inline-block; margin-bottom:0.5vw; color:#001740; } .blog-details ul { margin:2vw 0; } .blog-details h1 a,.blog-details h2 a,.blog-details h3 a,.blog-details h4 a,.blog-details h5 a,.blog-details h6 a { margin-bottom:0; } .blog-details a:hover { text-decoration:underline; } .blog-details ul li a { margin-bottom:0; } .blog-details ul li { margin-bottom:10px; } .blog-details figure.image { margin:1.5vw 0; } .follow-us-blogs h5 { font-size:60px; font-weight:500; color:#001f3b; margin-bottom:15px; } .follow-us-blogs .social-links-wrap a.social-link { width:60px; height:60px; margin-right:50px; } .follow-us-blogs .social-links-wrap a.social-link i { font-size:30px; } .follow-us-blogs .social-links-wrap a.social-link:last-child { margin:0; } .follow-us-blogs { margin-bottom:137px; } .box-blogs-recent { border-radius:39.67px; border:1.707px solid rgba(0,0,0,0.2); background:rgba(255,255,255,0.1); box-shadow:0px 7.93408px 49.5px 0px rgba(69,154,255,0.1); padding:50px 0; } .box-blogs-recent h3 { color:#0085ff; font-family:Poppins; font-size:34px; font-style:normal; font-weight:600; line-height:110%; letter-spacing:-0.512px; } .box-blogs-recent .blogs-box a,.box-blogs-recent h3 { padding:14px 50px; transition:0.3s ease-in-out; } .box-blogs-recent .mbblogs-50 { margin-bottom:0; } .box-blogs-recent .blogs-box h2 { color:#000; font-family:Poppins; font-size:20px; font-weight:400; margin-bottom:16px; } .box-blogs-recent .blogs-box p { color:#585858; font-size:14px; font-weight:500; line-height:110%; letter-spacing:-0.2px; margin:0; } .box-blogs-recent .blogs-box:hover { background:#e8f2ff; } .box-blogs-recent .blogs-box a:before { content:""; position:absolute; left:50%; transform:translateX(-50%); width:80%; bottom:0; height:2px; background:#000; opacity:0.1; } .blog-details p > a,.blog-details li > a { margin-bottom:0px; color:#0085ff; } .blog-details h1 { font-size:50px; } .blog-details h2 { font-size:40px; } .blog-details h3 { font-size:35px; } .blog-details h4 { font-size:30px; } .blog-details h5 { font-size:25px; } .blog-details h6 { font-size:20px; } .pt-header { padding-top:12.455vw; } .blogs-main-page-text h3 { color:#001F3B; font-size:60px; font-weight:500; line-height:110%; letter-spacing:-1px; margin-bottom:22px; } .blogs-main-page-text p { color:#000; font-size:20px; font-weight:500; line-height:198%; letter-spacing:-0.3px; } .blogs-main-page-text { margin-bottom:85px; } .sticky-recent-posts .blogs-box a div { padding:0; } .sticky-recent-posts { position:sticky; top:1.5vw; } .no-overflow-for-sticky main { overflow:initial; } .no-overflow-for-sticky footer.footer { overflow:hidden; } .banner-section .col-sm-7 { position:relative; z-index:2; } .cirlce-gradient-right-after::after { background:url(../assets/company/circle-right-small.png); background-repeat:no-repeat; background-position:right top; background-size:cover; width:40%; height:85%; top:25%; } .transform-scale-image { transform:scale(1.5)!important; } .transform-origin-left{ transform-origin:left; } .transform-origin-right{ transform-origin:right; } .transform-scale-image-changes{ transform:scale(1.6) translateX(-10px)!important; transform-origin:center; } .letter-spacing-2 { letter-spacing:-2px; } .mw-633{ max-width:633px; } .reverse-columns-even > div:nth-child(even) .row { flex-direction:row-reverse; } .reverse-columns-even > div:nth-child(even) .services-text-left{ margin-left:auto; } .pb-140{ padding-bottom:140px; } .main-area-key-service-cp { max-width:431px; margin:0 auto; text-align:center; } .main-area-key-service-cp h3 { font-size:30px; font-weight:500; letter-spacing:-2px; color:var(--blue); margin-bottom:40px; } .main-area-key-service-cp p { font-size:18px; color:#000; line-height:169%; } .image-area-key-service-cp { width:185px; height:185px; display:flex; align-items:center; justify-content:center; margin:0 auto 70px; border:1px solid #459AFF; border-radius:50%; position:relative; overflow:hidden; } .image-area-key-service-cp:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#459AFF; width:80%; height:80%; z-index:-1; border-radius:50%; } .key-services-company-pages .row > div { margin-bottom:130px; } .key-services-company-pages .row > div:nth-last-child(-n + 3) { margin-bottom:0; } @media (min-width:992px) and (max-width:2000px) { .form label { font-size:1vw; } .blog-details h1 { font-size:2.604vw; } .blog-details h2 { font-size:2.083vw; } .blog-details h3 { font-size:1.823vw; } .blog-details h4 { font-size:1.563vw; } .blog-details h5 { font-size:1.302vw; } .blog-details h6 { font-size:1.042vw; } .follow-us-blogs h5 { font-size:3.125vw; font-weight:500; color:#001f3b; margin-bottom:0.781vw; } .follow-us-blogs .social-links-wrap a.social-link { width:3.125vw; height:3.125vw; margin-right:2.604vw; } .follow-us-blogs .social-links-wrap a.social-link i { font-size:1.563vw; } .follow-us-blogs .social-links-wrap a.social-link:last-child { margin:0; } .follow-us-blogs { margin-bottom:7.135vw; } .box-blogs-recent { border-radius:2.031vw; border:0.104vw solid rgba(0,0,0,0.2); background:rgba(255,255,255,0.1); box-shadow:0vw 0.365vw 2.552vw 0vw rgba(69,154,255,0.1); padding:2.604vw 0; } .box-blogs-recent h3 { font-size:1.771vw; font-weight:600; line-height:110%; letter-spacing:-0.26vw; } .box-blogs-recent .blogs-box a,.box-blogs-recent h3 { padding:0.729vw 2.604vw; } .box-blogs-recent .blogs-box h2 { font-size:1.042vw; margin-bottom:0.833vw; } .box-blogs-recent .blogs-box p { font-size:0.729vw; letter-spacing:-0.104vw; } .box-blogs-recent .blogs-box a:before { height:0.104vw; } .banner-blogs .container-1560 { padding:0vw 0.781vw; } .banner-blogs .container-1560 .fa-90 { font-size:2.604vw; letter-spacing:-0.104vw; } section.banner-blogs { margin-bottom:3.125vw; border-radius:0.781vw; } .follow-us-blogs h5 { font-size:3.125vw; font-weight:500; color:#001f3b; margin-bottom:0.781vw; } .follow-us-blogs .social-links-wrap a.social-link { width:3.125vw; height:3.125vw; margin-right:2.604vw; } .follow-us-blogs .social-links-wrap a.social-link i { font-size:1.563vw; } .follow-us-blogs .social-links-wrap a.social-link:last-child { margin:0; } .follow-us-blogs { margin-bottom:7.135vw; } .box-blogs-recent { border-radius:1.49vw; border:0.0823vw solid rgba(0,0,0,0.2); background:rgba(255,255,255,0.1); box-shadow:0vw 7.4865vw 49.26vw 0vw rgba(69,154,255,0.1); padding:2.604vw 0; } .box-blogs-recent h3 { color:#0085ff; font-family:Poppins; font-size:1.771vw; font-style:normal; font-weight:600; line-height:110%; letter-spacing:-0.0667vw; } .box-blogs-recent .blogs-box a,.box-blogs-recent h3 { padding:0.729vw 2.604vw; transition:0.3s ease-in-out; } .box-blogs-recent .mbblogs-50 { margin-bottom:0; } .box-blogs-recent .blogs-box h2 { color:#000; font-family:Poppins; font-size:1.042vw; font-weight:400; margin-bottom:0.833vw; } .box-blogs-recent .blogs-box p { color:#585858; font-size:0.729vw; font-weight:500; line-height:110%; letter-spacing:-0.0404vw; margin:0; } .box-blogs-recent .blogs-box:hover { background:#e8f2ff; } .box-blogs-recent .blogs-box a:before { content:""; position:absolute; left:50%; transform:translateX(-50%); width:80%; bottom:0; height:0.104vw; background:#000; opacity:0.1; } .blogs-box-designed > a > img { height:13.021vw; } .blogs-box-designed > a > div { padding:1.563vw 0.781vw; } .blogs-box-designed { border-radius:0.521vw; background:#f5f5f5; } .blogs-box-designed > a > div h2 { color:#001f3b; font-size:1.354vw; line-height:110%; letter-spacing:-0.2.344vw; margin-bottom:1.563vw; } .blogs-box-designed > a > div p { color:#585858; font-size:1.042vw; font-weight:500; line-height:110%; letter-spacing:-0.0956vw; } .blogs-main-page-text h3 { font-size:3.125vw; letter-spacing:-0.052083vw; margin-bottom:1.14583vw; } .blogs-main-page-text p { font-size:1.04167vw; letter-spacing:-0.015625vw; } .blogs-main-page-text { margin-bottom:4.427083vw; } .banner-section .col-sm-7 { position:relative; z-index:2; } .cirlce-gradient-right-after::after { background:url(../assets/company/circle-right-small.png); background-repeat:no-repeat; background-position:right top; background-size:cover; width:40%; height:85%; top:25%; } .transform-scale-image { transform:scale(1.5)!important; } .transform-origin-left { transform-origin:left; } .transform-origin-right { transform-origin:right; } .transform-scale-image-changes { transform:scale(1.6) translateX(-2.52vw)!important; transform-origin:center; } .letter-spacing-2 { letter-spacing:-0.1vw; } .mw-633 { max-width:32.97vw; } .reverse-columns-even>div:nth-child(even) .row { flex-direction:row-reverse; } .reverse-columns-even>div:nth-child(even) .services-text-left { margin-left:auto; } .pb-140 { padding-bottom:7.29vw; } .main-area-key-service-cp { max-width:22.45vw; margin:0 auto; text-align:center; } .main-area-key-service-cp h3 { font-size:1.56vw; font-weight:500; letter-spacing:-0.1vw; color:var(--blue); margin-bottom:2.08vw; } .main-area-key-service-cp p { font-size:0.94vw; color:#000; line-height:169%; } .image-area-key-service-cp { width:9.64vw; height:9.64vw; display:flex; align-items:center; justify-content:center; margin:0 auto 3.65vw; border:0.05vw solid #459AFF; border-radius:50%; position:relative; overflow:hidden; } .image-area-key-service-cp:before { content:''; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#459AFF; width:80%; height:80%; z-index:-1; border-radius:50%; } .key-services-company-pages .row>div { margin-bottom:6.77vw; } .key-services-company-pages .row>div:nth-last-child(-n + 3) { margin-bottom:0; } } @media (max-width:1439px) { nav.flex.items-center.justify-between { padding-bottom:20px; padding-top:20px; margin-bottom:20px; margin-top:20px; } .blogs [role="navigation"] p { font-size:12px; } .blogs [role="navigation"] .px-4 { padding-left:15px!important; padding-right:15px!important; font-size:12px; } .blogs nav[role="navigation"] .hidden > div:last-child span a[rel="prev"],.blogs nav[role="navigation"] .hidden > div:last-child span a[rel="next"] { height:33px; width:35px; font-size:12px; } .blogs nav[role="navigation"] .hidden > div:last-child span a[rel="prev"] svg,.blogs nav[role="navigation"] .hidden > div:last-child span a[rel="next"] svg { width:20px!important; } } @media (max-width:991px) { .sticky-recent-posts { display:none!important; } .blog-details h1,.blog-details h2,.blog-details h3,.blog-details h4,.blog-details h5,.blog-details h6 { font-size:25px; line-height:36px; } .follow-us-blogs,.sticky-recent-posts { display:none; } .blogs-box-designed > a > div h2 { font-size:20px; margin-bottom:20px; } .blogs-box-designed > a > div p { font-size:16px; } .blogs-box-designed > a > img { height:170px; } .blogs-box-designed > a > div { padding:25px 15px; } .blogs-main-page-text h3 { font-size:30px; letter-spacing:-0.5px; margin-bottom:15px; } .blogs-main-page-text p { font-size:16px; letter-spacing:-0.3px; } .blogs-main-page-text { margin-bottom:50px; } .banner-blogs-img-details { height:350px; } .banner-blogs .container-1560 .fa-90 { font-size:40px; } .banner-blogs .container-1560 { max-width:100%; } .pt-header { padding-top:100px; } .form label { font-size:12px; } .image-area-key-service-cp { width:120px; height:120px; margin:0 auto 40px; } .image-area-key-service-cp img { width:35%; object-fit:contain; } .main-area-key-service-cp h3 { font-size:20px; letter-spacing:-1px; margin-bottom:20px; } .main-area-key-service-cp p { font-size:12px; } .pb-140 { padding-bottom:50px; } .key-services-company-pages .row > div { margin-bottom:50px!important; } .client-1-row h2 { font-size:40px; } .key-services-company-pages .row { justify-content:center; } } @media (max-width:767px) { .blog-details h1,.blog-details h2,.blog-details h3,.blog-details h4,.blog-details h5,.blog-details h6 { font-size:20px; margin-bottom:15px; line-height:28px; } .blogs nav[role="navigation"] .hidden > div:last-child { display:flex; align-items:center; justify-content:center; } .blogs nav[role="navigation"] { width:100%; justify-content:center; text-align:center; font-size:12px; } .blogs nav[role="navigation"] .hidden { display:inline-block; align-items:center; justify-content:space-between; width:100%; } .blogs nav[role="navigation"] .hidden > div:last-child > span { border:1px solid #459afe00!important; box-shadow:none!important; } .blogs nav[role="navigation"] .hidden p.text-sm { padding-bottom:20px; } .blogs nav[role="navigation"] .hidden > div:last-child span a[rel="prev"],.blogs nav[role="navigation"] .hidden > div:last-child span a[rel="next"] { display:flex; padding:0px 0px!important; width:29.44px; align-items:center; justify-content:center; height:35px; box-shadow:0px 0px 0px 1px #459afe; position:relative; z-index:1; transition:0.3s ease-in-out; } .blogs nav[role="navigation"] .hidden div span.rounded-md .px-4.py-2 { padding-right:0.51rem!important; padding-left:0.51rem!important; padding-top:0.5rem!important; padding-bottom:0.5rem!important; } .blogs-box-designed > a > div h2 { font-size:16px; margin-bottom:10px; } .blogs-box-designed > a > div p { font-size:12px; } .blogs-main-page-text h3 { font-size:20px; letter-spacing:-0.2px; margin-bottom:10px; } .blogs-main-page-text p { font-size:12px; } .blogs-main-page-text { margin-bottom:25px; } .banner-blogs .container-1560 .fa-90 { font-size:24px; line-height:120%; } .banner-blogs-img-details { height:250px; } section.banner-blogs { margin-bottom:30px; border-radius:8px; } section.firstSectionFull .fa-110 { font-size:35px; } section.reverse-columns-even .py-190-130 { padding:70px 0!important; } section.reverse-columns-even .py-190-130 .services-text-left.mw-633 { padding:65px 0 0; margin:0; } .transform-scale-image-changes,.transform-scale-image { transform:scale(1.2)!important; } .reverse-columns-even > div .row { flex-direction:column-reverse!important; } } @media (max-width:576px) { .text-center-mobile{ text-align:center; } section.firstSectionFull .fa-110 { font-size:30px; } .image-area-key-service-cp { width:80px; height:80px; margin:0 auto 15px; } .main-area-key-service-cp h3 { font-size:18px; letter-spacing:-0.5px; margin-bottom:10px; } section.reverse-columns-even .py-190-130:last-child { padding-bottom:0!important; } .key-services-company-pages .row > div { margin-bottom:30px!important; } .key-services-company-pages .row > div:last-child { margin-bottom:0px!important; } } .text-headings-insight-report .parts-area li > a,.text-headings-insight-report .parts-area p > a { margin:0; font-size:inherit; color:#3ba9f7; cursor:pointer; }}}
/*New*/


.white-header header .links-columns>ul>li>a {
    color: #fff;
}


.white-header.headerFull header .links-columns>ul>li>a {
    color: #fff;
}

.banner-content-app-development h1 {
    font-size: 190px;
    letter-spacing: -5.24px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    line-height: 100%;
}

.banner-content-app-development {
    color: #fff;
}

.banner-section.banner-app-development {
    padding: 180px 0;
    display:flex;
    align-items:center;
    background: url(../assets/appdevelopment/banner.webp);
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    overflow:hidden;
}

.banner-content-app-development h1 > span {
    background: linear-gradient(180deg, #00C3FF, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-btn-reg-app {
    max-width: 1280px;
    margin: 30px auto 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    transform: translateX(110px);
}

.text-app-development {
    max-width: 470px;
}

.text-app-development p {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 167%;
}

.text-btn-reg-app span.nextBtn a {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 25px;
    color: #fff;
}

.text-btn-reg-app span.nextBtn a i {
    color: #00F7FF;
    font-size: 22px;
}

.text-btn-reg-app a.btn-reg.btn-gradient.btn-app {
    gap: 12px;
    background: linear-gradient(92deg, #0D20C7, #D763FF);
    font-size: 22px;
    width: 100%;
    max-width: 254px;
    padding: 17px 10px;
    border-radius: 17px;
}

.text-btn-reg-app a.btn-reg.btn-gradient.btn-app:before {
    background: linear-gradient(-90deg, #0D20C7, #D763FF);
}

.banner-app-development:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../assets/appdevelopment/banner-blend.webp);
    background-repeat: no-repeat;
    background-position: right center;
    z-index: -1;
    mix-blend-mode: screen;
}

.center-mobiles {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -100%;
    transition:1s ease-in-out;
}

.center-mobiles.loaded-page{
    bottom:0;
}

/*2nd App*/
.container-1460{
    max-width:1460px;
    margin:0 auto;
}

.text-heading-trust-us .row > div {
    padding: 0 12px;
}

.text-heading-trust-us .row {
    margin: 0 -12px;
}

.btn-reg.btn-gradient.btn-app-dev {
    border-radius: 11px;
    background: #459AFF;
    gap: 22px;
    padding: 10px 34px;
    max-width: fit-content;
    margin-top: 65px;
}

.section-trust-us {
    padding: 150px 0;
}

.text-heading-trust-us-head > h3 {
    text-align: center;
    font-size: 70px;
    color: var(--blue);
    font-weight: 500;
    position: relative;
    display: inline-block;
}

.text-heading-trust-us-head > h3:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 10px;
    width: 100%;
    background: #BCEEFF;
    height: 15px;
    transform: translateX(-50%);
    z-index: -1;
}

.trust-us-image {
    background: linear-gradient(134deg, #00A3FF, #341061);
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);
}

.trust-us-item-text h2 {
    font-size: 25px;
    font-weight: 600;
    line-height: initial;
    margin-bottom: 15px;
    letter-spacing: -0.75px;
}

.trust-us-item-text p {
    font-size: 13px;
    line-height: 220%;
}

.trust-us-item {
    text-align: center;
    padding: 70px 35px 50px;
    background: linear-gradient(180deg, #00C3FF, #0055ff);
    height: 100%;
    border-radius: 11px;
    color: white;
    position: relative;
}

.trust-us-image img {
    max-width: 50%;
}

.text-heading-trust-us .row > div {
    margin-top: 130px;
}
/*2nd App*/
/*Agile Process*/
.our-agile-heading {
    text-align: center;
    margin-bottom: 50px;
}

.our-agile-heading h3 {
    font-size: 60px;
    color: var(--blue);
    font-weight: 600;
    letter-spacing: -3px;
    line-height: 102%;
}

.our-agile-heading h5 {
    background: linear-gradient(180deg, #00FFFF, #0067FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 248px;
    letter-spacing: -8px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 100%;
}

.big-column {
    flex: 0 0 65%;
}

.row-agile-process {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    margin: 0 -25px;
}

.column-agile-process {
    padding: 0 25px;
    margin-bottom: 45px;
    position: relative;
}

.small-column {
    flex: 0 0 35%;
}

.agile-process-item-parent {
    border: 1px solid #005E9E;
    border-radius: 33px;
    padding: 54px 46px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.items-agile-header-content {
    max-width: 500px;
}

.items-agile-header-content > div {
    display: flex;
    flex-flow: wrap;
    justify-content: flex-start;
    gap: 10px;
    align-items: center;
    margin-bottom: 33px;
}

.items-agile-header-content > div h3 {
    font-size: 35px;
    color: #000;
    letter-spacing: -0.75px;
    font-weight: 600;
}

.items-agile-header-content > div span {
    font-size: 66px;
    font-weight: 600;
    line-height: 102.5%;
    color: #35DBff;
}

.items-agile-header-content > p {
    font-size: 16px;
    line-height: 180%;
}

.small-column .items-agile-header-content {
    max-width: 335px;
}

.column-agile-process:nth-child(even ) .items-agile-header-content > div span {
    color: #0085FF;
}

.agile-process-item-parent .trust-us-image {
    position: static;
    transform: none;
    filter: drop-shadow(0px 0px 20px #96D3FF);
}

.small-column .agile-process-item-parent {
    padding: 54px 30px;
    align-items: flex-start;
}

.agile-process-item-parent .trust-us-image.agile-process-image-big {
    width: 210px;
    height: 210px;
}

section.our-agile-process-app-development {
    padding: 50px 0 100px;
}
/*Agile Process*/
/**/
.scrum-framework-heading {
    text-align: center;
    margin-bottom: 55px;
}

.scrum-framework-heading h3 {
    font-size: 100px;
    color: var(--blue);
    font-weight: 700;
    letter-spacing: -2.65px;
}

.scrum-framework-heading h5 {
    font-size: 155px;
    font-weight: 700;
    text-transform: uppercase;
    background: linear-gradient(180deg, #66E4FF, #0A66C2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 85%;
}

.scrum-framework {
    padding: 100px 0;
}

.scrum-framework-all {
    padding: 70px 75px;
    background: linear-gradient(140deg, rgba(0,163,255,1) -20%, rgba(0,0,0,1) 39%, rgba(0,0,0,1) 59%, rgba(112,0,255,1) 130%);
    border-radius: 20px;
}

.scrum-image img {
    width: 100%;
}

.scrum-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 54px;
    max-width: 1350px;
}

.scrum-content .btn-reg.btn-gradient.btn-app-dev {
    margin: 0;
    background: linear-gradient(180deg, #66E4FF, #0A66C2);
}

.scrum-content .btn-reg.btn-gradient.btn-app-dev:before {
    background: linear-gradient(0deg, #66E4FF, #0A66C2);
}

.scrum-content p {
    color: white;
    max-width: 700px;
    font-size: 18px;
    line-height: 170%;
}

.scrum-image {
    max-width: 97%;
    margin-left: auto;
}

.get-your-own-app {
    padding: 150px 0 100px;
    position: relative;
}

.own-app-row {
    display: flex;
    align-items: center;
    flex-flow: wrap;
}

.own-app-content-col {
    max-width: 810px;
}

.own-app-image-col {
    max-width: 619px;
    margin-left: auto;
}

.own-app-image-col img {
    width: 100%;
}

.own-app-content h6 {
    font-size: 100px;
    font-weight: 700;
    color: var(--blue);
    line-height: 85%;
}

.own-app-content h3 {
    font-size: 174px;
    font-weight: 700;
    letter-spacing: -5.94px;
    background: linear-gradient(180deg, #00FFFF, #0067FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 100%;
}

.own-app-content-parapraphs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
    margin-top: 35px;
}

.own-app-content-parapraphs p {
    font-size: 16px;
    font-weight: 500;
    max-width: 458px;
}

.own-app-content-parapraphs .btn-reg.btn-gradient.btn-app-dev {
    background: #459AFF;
    margin: 0;
}

.get-your-own-app:after {
    content: '';
    position: absolute;
    right: -120px;
    top: 50%;
    transform: translateY(-50%) rotate(89.62deg);
    background: linear-gradient(285deg, rgb(69 154 255) -20%, transparent 60%);
    width: 700px;
    height: 700px;
    border-radius: 50%;
    z-index: -1;
}
/**/
.portfolio-app ul.slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    list-style: none;
    margin-bottom: 250px;
}

.portfolio-app ul.slick-dots li button {
    font-size: 0;
    width: 19px;
    height: 19px;
    background: #000;
    opacity: 10%;
    border: none;
    border-radius: 50%;
    transition:0.3s ease-in-out;
    position: relative;
}

.portfolio-app ul.slick-dots li.slick-active button {
    opacity:1;
}

.portfolio-app ul.slick-dots li button:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #00FFFF, #0067FF);
    border-radius: 50%;
    transition:0.3s ease-in-out;
    transform:scale(0);
}

.portfolio-app ul.slick-dots li.slick-active button:before{
    transform:scale(1);
}
/*New*/



.portfolio-app-items-head {display: flex;align-items: center;gap: 20px;}
.portfolio-app-items-head h3 {font-size: 131px;font-weight: 700;line-height: 90%;}
.portfolio-app-items-main > p {font-size: 22px;font-weight: 500;text-align: left;margin: 50px 0;}
.download-icons {text-align: left;display:flex;gap:25px}
.portfolio-app-items-parent {max-width: 650px;}
.portfolio-app-items-image-mobile {position: absolute;right: 50px;top: 50%;transform: translateY(-50%);width: 30%;height: 100%;text-align: right;}
.portfolio-app-items-image-mobile img {width: 100%;height: 100%;object-fit: contain;object-position: right;}
.portfolio-app-items > .btn-portofolio {position: absolute;left: 50%;bottom: -30px;transform: translateX(-50%);z-index: 1;}
.portfolio-app-items > .btn-portofolio i {margin-left: 10px;}
.portfolio-app-items {background-image: url(../assets/portfolio/portfolioapp/webp/ocala-bg.webp);background-repeat: no-repeat;background-size: cover;width: 100%;color: #fff;position: relative;padding: 100px 130px 75px;}
.portfolio-app  .portfolio-app-items.bata-app-portfolio {background-image: url(../assets/portfolio/portfolioapp/webp/bata-bg.webp);}
.portfolio-app  .portfolio-app-items.bmad-app-portfolio {background-image: url(../assets/portfolio/portfolioapp/webp/bmad-bg.webp);}
.portfolio-app .slick-track {display: flex !important;}
.portfolio-app .slick-slide {height: inherit !important;}
.portfolio-app .slick-list {padding: 0px 0 100px;margin: 0 -50px;}
.portfolio-app .slick-list .slick-slide {margin: 0 50px;border-radius: 50px;}
.btn-portofolio button {font-size: 20px;display: flex;align-items: center;gap: 15px;border: none;background: linear-gradient(45deg,#468ce3,#5ed6ff);color: #fff;padding: 20px 40px;border-radius: 15px;position: relative;overflow: hidden;z-index: 1;}
.btn-portofolio button:before {content: '';position: absolute;left: 0;top: 0;width: 0%;height: 100%;background: linear-gradient(-45deg,#468ce3,#5ed6ff);z-index: -1;transition: 0.3s ease-in-out;}
.btn-portofolio button:hover:before {width: 100%;}
.download-icons img {width: 100%;max-width: 160px;}
@media (min-width:992px){
    .removeSpacingBoxTn .pricing-main-panel {
        padding-right: 0;
    }
    .removeSpacingBoxTn .pricing-flex-play .pricing-items li strong {
        text-transform: uppercase;
    }
    
    .removeSpacingBoxTn  .pricing-flex-play .pricing-items {
        max-height: 50vh;
        overflow: auto;
    }
    .removeSpacingBoxTn  .pricing-flex-play .pricing-items::-webkit-scrollbar-track
    {
        -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.3);
        background-color: #ffffff;
        border-radius: 10px;
    }
    .pricing-flex-play .pricing-items::-webkit-scrollbar{
        width: 8px;
        background-color: #ffffff;
        border-radius: 10px;
    }
    .pricing-flex-play .pricing-items::-webkit-scrollbar-thumb
    {
        background-color: #459aff;
        border-radius: 10px;
    }
    .removeSpacingBoxTn .pricing-flex-play .pricing-items ul {
        max-width: calc(100% - 70px);
    }

}
@media (min-width:992px) and (max-width:2000px){
    .portfolio-app-items-head {
        gap: 1.04vw;
    }
    
    .portfolio-app-items-head h3 {
        font-size: 6.82vw;
    }
    
    .portfolio-app-items-main > p {
        font-size: 1.15vw;
        margin: 2.6vw 0;
    }
    
    .download-icons {
        gap:1.3vw
    }
    
    .portfolio-app-items-parent {
        max-width: 33.85vw;
    }
    
    .portfolio-app-items-image-mobile {
        right: 2.6vw;
    }
    
    .portfolio-app-items > a.btn-a {
        bottom: -1.56vw;
    }
    
    .portfolio-app-items > a.btn-a i {
        margin-left: 0.52vw;
    }
    
    .portfolio-app-items {
        padding: 5.21vw 6.77vw 3.91vw;
    }
    
    .portfolio-app .slick-list {
        padding: 0vw 0 5.81vw;
        margin: 0 -2.6vw;
    }
    
    .portfolio-app .slick-list .slick-slide {
        margin: 0 2.6vw;
        border-radius: 2.6vw;
    }
    
    .btn-portofolio button {
        font-size: 1.04vw;
        gap: 0.78vw;
        padding: 1.04vw 2.08vw;
        border-radius: 0.78vw;
    }
    
    .download-icons img {
        max-width: 8.33vw;
    }
    
    .portfolio-app-items > .btn-portofolio {
        bottom: -1.56vw;
    }

    /*App*/
    /*New*/    
    .banner-content-app-development h1 {
        font-size: 9.9vw;
        letter-spacing: -0.27vw;
    }
    
    .banner-section.banner-app-development {
        padding: 8vw 0;
    }
    
    .text-btn-reg-app {
        max-width: 66.67vw;
        margin: 1.56vw auto 0;
        transform: translateX(5.73vw);
    }
    
    .text-app-development {
        max-width: 24.48vw;
    }
    
    .text-app-development p {
        font-size: 0.83vw;
        margin-bottom: 2.08vw;
        line-height: 167%;
    }
    
    .text-btn-reg-app span.nextBtn a {
        font-size: 1.04vw;
        gap: 1.3vw;
    }
    
    .text-btn-reg-app span.nextBtn a i {
        font-size: 1.15vw;
    }
    
    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app {
        gap: 0.63vw;
        font-size: 1.15vw;
        max-width: 13.23vw;
        padding: 0.89vw 0.52vw;
        border-radius: 0.89vw;
    }
    
    .center-mobiles {
        max-width: 24.95vw;
    }
    
    /*2nd App*/
    .container-1460{
        max-width:76.04vw;
    }
    
    .text-heading-trust-us .row > div {
        padding: 0 0.63vw;
    }
    
    .text-heading-trust-us .row {
        margin: 0 -0.63vw;
    }
    
    .btn-reg.btn-gradient.btn-app-dev {
        border-radius: 0.57vw;
        gap: 1.15vw;
        padding: 0.52vw 1.77vw;
        margin-top: 3.39vw;
    }
    
    .section-trust-us {
        padding: 7.81vw 0;
    }
    
    .text-heading-trust-us-head > h3 {
        font-size: 3.65vw;
    }
    
    .text-heading-trust-us-head > h3:after {
        bottom: 0.52vw;
        height: 0.78vw;
    }
    
    .trust-us-image {
        width: 6.25vw;
        height: 6.25vw;
        top: -3.65vw;
    }
    
    .trust-us-item-text h2 {
        font-size: 1.3vw;
        margin-bottom: 0.78vw;
        letter-spacing: -0.04vw;
    }
    
    .trust-us-item-text p {
        font-size: 0.68vw;
        line-height: 220%;
    }
    
    .trust-us-item {
        padding: 3.65vw 1.82vw 2.6vw;
        border-radius: 0.57vw;
    }
    
    .text-heading-trust-us .row > div {
        margin-top: 6.77vw;
    }
    /*2nd App*/
    /*Agile Process*/
    .our-agile-heading {
        margin-bottom: 2.6vw;
    }
    
    .our-agile-heading h3 {
        font-size: 3.13vw;
        letter-spacing: -0.16vw;
    }
    
    .our-agile-heading h5 {
        font-size: 12.92vw;
        letter-spacing: -0.42vw;
    }
    
    .row-agile-process {
        margin: 0 -1.3vw;
    }
    
    .column-agile-process {
        padding: 0 1.3vw;
        margin-bottom: 2.34vw;
    }
    
    .small-column {
        flex: 0 0 35%;
    }
    
    .agile-process-item-parent {
        border: 0.05vw solid #005E9E;
        border-radius: 1.72vw;
        padding: 2.81vw 2.4vw;
    }
    
    .items-agile-header-content {
        max-width: 26.04vw;
    }
    
    .items-agile-header-content > div {
        gap: 0.52vw;
        margin-bottom: 1.72vw;
    }
    
    .items-agile-header-content > div h3 {
        font-size: 1.82vw;
        letter-spacing: -0.04vw;
    }
    
    .items-agile-header-content > div span {
        font-size: 3.44vw;
    }
    
    .items-agile-header-content > p {
        font-size: 0.83vw;
    }
    
    .small-column .items-agile-header-content {
        max-width: 17.45vw;
    }
    
    .agile-process-item-parent .trust-us-image {
        filter: drop-shadow(0vw 0vw 1.04vw #96D3FF);
    }
    
    .small-column .agile-process-item-parent {
        padding: 2.81vw 1.56vw;
    }
    
    .agile-process-item-parent .trust-us-image.agile-process-image-big {
        width: 10.94vw;
        height: 10.94vw;
    }
    
    section.our-agile-process-app-development {
        padding: 2.6vw 0 5.21vw;
    }
    /*Agile Process*/
    /**/
    .scrum-framework-heading {
        margin-bottom: 2.86vw;
    }
    
    .scrum-framework-heading h3 {
        font-size: 5.21vw;
        letter-spacing: -0.14vw;
    }
    
    .scrum-framework-heading h5 {
        font-size: 8.07vw;
    }
    
    .scrum-framework {
        padding: 5.21vw 0;
    }
    
    .scrum-framework-all {
        padding: 3.65vw 3.91vw;
        border-radius: 1.04vw;
    }
        
    .scrum-content {
        margin-top: 2.81vw;
        max-width: 70.31vw;
    }
    
    .scrum-content p {
        max-width: 36.46vw;
        font-size: 0.94vw;
        line-height: 170%;
    }
        
    .get-your-own-app {
        padding: 7.81vw 0 5.21vw;
    }
       
    .own-app-content-col {
        max-width: 42.19vw;
    }
    
    .own-app-image-col {
        max-width: 32.24vw;
    }
    
    .own-app-content h6 {
        font-size: 5.21vw;
    }
    
    .own-app-content h3 {
        font-size: 9.06vw;
        letter-spacing: -0.31vw;
    }
    
    .own-app-content-parapraphs {
        gap: 1.04vw;
        margin-top: 1.82vw;
    }
    
    .own-app-content-parapraphs p {
        font-size: 0.83vw;
        max-width: 23.85vw;
    }
    
    .get-your-own-app:after {
        right: -6.25vw;
        width: 36.46vw;
        height: 36.46vw;
    }
    /**/
    .portfolio-app ul.slick-dots {
        gap: 0.57vw;
        margin-bottom: 13.02vw;
    }
    
    .portfolio-app ul.slick-dots li button {
        width: 0.99vw;
        height: 0.99vw;
    }
    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app img,
    .btn-reg.btn-gradient.btn-app-dev img {
        max-width: 1.3vw;
        width: 100%;
    }
    /*New*/
    /*App*/
}
@media (max-width:991px){
    .portfolio-app-items {
        padding: 50px 40px 70px;
        border-radius: 30px !important;
    }
    
    .portfolio-app-items-head h3 {
        font-size: 50px;
    }
    
    .portfolio-app-items-head img {
        max-width: 60px;
    }
    
    .portfolio-app-items-main > p {
        font-size: 16px;
        margin: 20px 0;
    }
    
    .download-icons img {
        max-width: 100px;
    }
    
    .download-icons {
        gap: 10px;
    }
    
    .portfolio-app-items-parent {
        max-width: 50%;
    }
    
    .portfolio-app-items-image-mobile {
        right: 10px;
        width: 50%;
    }
    
    .btn-portofolio button {
        font-size: 16px;
        padding: 15px 25px;
        border-radius: 10px;
    }
    
    .portfolio-app-items > .btn-portofolio {
        bottom: -27px;
    }
    
    .portfolio-app .slick-list {
        padding: 0 0 80px;
    }
    
    .portfolio-app {
        margin-bottom: 0 !important;
    }

    .banner-section.banner-app-development {
        padding: 110px 0;
    }
    
    .banner-content-app-development h1 {
        font-size: 100px;
    }
    
    .text-app-development p {
        font-size: 14px;
    }
    
    .center-mobiles {
        max-width: 50%;
        z-index: -1;
        opacity: 0.2;
    }
    
    .text-btn-reg-app {
        transform: none;
        flex-direction: column-reverse;
    }
    
    .text-app-development {
        max-width: 100%;
        text-align: center;
    }
    
    .text-btn-reg-app span.nextBtn a {
        display: none;
    }
    
    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app, .btn-reg.btn-gradient.btn-app-dev,.btn-portofolio button {
        font-size: 14px;
        max-width: fit-content;
        padding: 11px 20px;
        border-radius: 12px;
    }
    
    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app img,.btn-reg.btn-gradient.btn-app-dev img {
        max-width: 25px;
    }
    
    .container-1460 {
        max-width: 90%;
    }
    
    .text-heading-trust-us-head > h3 {
        font-size: 45px;
    }
    
    .text-heading-trust-us-head > h3:after {
        height: 8px;
        bottom: 8px;
    }
    
    .trust-us-image {
        width: 80px;
        height: 80px;
        top: -40px;
    }
    
    .trust-us-item {
        padding: 50px 25px 30px;
    }
    
    .trust-us-item-text h2 {
        font-size: 20px;
        line-height: 100%;
    }
    
    .trust-us-item-text p {
        font-size: 12px;
        line-height: 180%;
    }
    
    .text-heading-trust-us .row > div {
        margin-top: 80px;
    }
    
    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app {
        margin: 0 auto;
    }
    
    .section-trust-us {
        padding: 100px 0;
    }
    
    .our-agile-heading h3, .scrum-framework-heading h3,.own-app-content h6 {
        font-size: 35px;
        letter-spacing: -2px;
    }
    
    .our-agile-heading h5 {
        font-size: 120px;
    }
    
    section.our-agile-process-app-development {
        padding:  0 0 50px;
    }
    
    .column-agile-process {
        flex: 0 0 50%;
        max-width: 50%;
        width: 100%;
        margin-bottom: 45px;
        padding: 0 15px;
    }
    
    .agile-process-item-parent .trust-us-image {
        position: static !important;
        width: 100px !important;
        height: 100px !important;
        margin: 0 0 35px;
        transform: none !important;
    }
    
    .agile-process-item-parent {
        border-radius: 20px;
        padding: 34px 30px !important;
        flex-direction: column-reverse;
        justify-content: flex-end;
    }
    
    .items-agile-header-content > div span {
        font-size: 40px;
    }
    
    .items-agile-header-content > div h3 {
        font-size: 22px;
    }
    
    .items-agile-header-content > p {
        font-size: 14px;
    }
    
    .items-agile-header-content > div {
        margin-bottom: 20px;
    }
    
    .row-agile-process {
        margin: 0 -15px;
    }
    
    .btn-reg.btn-gradient.btn-app-dev {
        margin-top: 20px;
        gap: 15px;
    }
    
    .scrum-framework-heading h5 {
        font-size: 90px;
    }
    
    .scrum-content p {
        font-size: 14px;
        max-width: 60%;
    }
    
    .scrum-framework-all {
        padding: 50px 30px;
    }
    
    .own-app-content h3 {
        font-size: 75px;
    }
    
    .own-app-content-parapraphs {
        margin-top: 20px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    
    .own-app-image-col {
        max-width: 450px;
        margin: 50px auto 0;
    }
    
    .get-your-own-app {
        padding: 0px 0 50px;
    }
    
    .own-app-content-parapraphs p {
        font-size: 14px;
    }
    
    .own-app-content-col {
        max-width: 50%;
    }
    
    .own-app-image-col {
        max-width: 40%;
        margin: auto;
    }
    
    .get-your-own-app:after {
        width: 300px;
        height: 300px;
        right: 40px;
    }
    
    .portfolio-app-items-main > p {
        font-size: 14px;
        line-height: 180%;
    }
    
    .btn-portofolio button {
        bottom: 6px;
    }
    
    .portfolio-app ul.slick-dots {
        margin-bottom: 0px;
    }
    
    .portfolio-app ul.slick-dots li button {
        width: 14px;
        height: 14px;
    }

    .agile-process-item-parent .trust-us-image {
        margin-right: auto !important;
    }
}
@media (max-width:767px){
    .banner-content-app-development h1 {
        font-size: 65px;
    }
    
    .text-btn-reg-app {
        margin: 20px auto 0;
    }
    
    .text-app-development p {
        margin-bottom: 30px;
    }
    
    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app, .btn-reg.btn-gradient.btn-app-dev, .btn-portofolio button {
        font-size: 12px;
        padding: 10px 15px;
    }
    
    .text-btn-reg-app a.btn-reg.btn-gradient.btn-app img, .btn-reg.btn-gradient.btn-app-dev img {
        max-width: 20px;
    }
    
    .section-trust-us {
        padding: 50px 0;
    }
    
    .btn-reg.btn-gradient.btn-app-dev {
        margin-top: 40px;
        gap: 10px;
    }
    
    .our-agile-heading h5 {
        font-size: 100px;
    }
    
    .our-agile-heading h3, .scrum-framework-heading h3, .own-app-content h6 {
        font-size: 25px;
    }
    
    .column-agile-process {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    
    .items-agile-header-content {
        text-align: center;
        max-width: 100% !important;
    }
    
    .items-agile-header-content > div {
        justify-content: center;
    }
    
    .agile-process-item-parent {
        padding: 25px 20px 35px !important;
    }
    
    .agile-process-item-parent .trust-us-image {
        margin: 0 auto 25px;
    }
    
    .items-agile-header-content > p {
        font-size: 12px;
    }
    
    .items-agile-header-content > div h3 {
        font-size: 20px;
    }
    
    .items-agile-header-content > div span {
        font-size: 30px;
    }
    
    .items-agile-header-content > div h3 > br {
        display: none;
    }
    
    .scrum-framework {
        padding: 50px 0;
    }
    
    .get-your-own-app {
        padding: 50px 0;
    }
    
    .scrum-framework-heading h5 {
        font-size: 13vw;
    }
    
    .scrum-content {
        flex-direction: column;
        gap: 20px;
    }
    
    .scrum-content p,.own-app-content-parapraphs p {
        max-width: 100%;
        text-align: center;
        font-size: 12px;
    }
    
    .scrum-framework-all {
        padding: 40px 20px;
    }
    
    .own-app-content-col {
        max-width: 100%;
        width: 100%;
        text-align: center;
    }
    
    .own-app-content-parapraphs p {
        max-width: 100%;
    }
    
    .own-app-content-parapraphs {
        justify-content: center;
        align-items: center;
    }
    
    .own-app-image-col {
        max-width: 300px;
        width: 100%;
        margin: 50px auto 0;
    }
    
    .get-your-own-app:after {right: auto;left: 50%;transform: translateX(-50%);}
}
@media (max-width:576px){
    .portfolio-app-items {
        padding: 30px 25px 60px;
        border-radius: 20px !important;
    }
    
    .portfolio-app-items-parent {
        max-width: 100%;
    }
    
    .portfolio-app-items-head {
        flex-direction: column;
        justify-content: center;
        gap: 10px;
    }
    
    .portfolio-app-items-main > p {
        font-size: 12px;
        text-align: center;
        line-height: 160%;
    }
    
    .download-icons {
        justify-content: center;
    }
    
    .portfolio-app-items-image-mobile {
        width: 100%;
        position: static;
        transform: none;
        height: auto;
        margin: 35px 0 0;
    }
    
    .portfolio-app-items-head h3 {
        font-size: 35px;
    }
    
    .btn-portofolio button {
        width: max-content;
        font-size: 14px;
        gap: 0;
        padding: 10px 20px;
        border-radius: 6px;
    }
    
    .portfolio-app-items > .btn-portofolio {
        bottom: -20.5px;
    }

    .banner-content-app-development h1 {
        font-size: 13vw;
        letter-spacing: -2px;
    }
    
    .text-app-development p {
        font-size: 12px;
    }
    
    section.banner-section.banner-app-development {
        padding: 120px 0 70px;
    }
    
    .text-heading-trust-us-head > h3 {
        font-size: 30px;
        letter-spacing: -1px;
    }
    
    .text-heading-trust-us-head > h3:after {
        display: none;
    }
    
    .our-agile-heading h5 {
        font-size: 20.5vw;
        letter-spacing: -4px;
    }
    
    .own-app-content h3 {
        font-size: 19vw;
        letter-spacing: -2px;
    }
    
    .portfolio-app .slick-list {
        padding: 0 0 40px;
    }
    
    .portfolio-app ul.slick-dots {
        margin-bottom: 20px;
    }
    
    .agile-process-item-parent .trust-us-image {
        width: 80px !important;
        height: 80px !important;
        margin: 0 auto 20px;
    }
    
    .items-agile-header-content > div {
        margin-bottom: 15px;
    }
    
    .agile-process-item-parent {
        padding: 20px !important;
    }
}