html,body{overflow-x:hidden}.jpi-features-index *{box-sizing:border-box}.lazy{width:100%;height:100%;background-image:url('//www.zohowebstatic.com/sites/zweb/images/jp/invoice/lazy.svg') !important;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;border-radius:5px}.jpi-container{width:100%;max-width:1200px;margin:0 auto}@media only screen and (max-width:1250px){.jpi-container{padding:0 20px}}.jpi-features-index .btn{display:inline-block;position:relative;padding:8px 25px;font-size:15px;letter-spacing:0;line-height:1.44;cursor:pointer;border:1px solid #333;font-weight:500;border-radius:0}.jpi-features-index .btn.btn-primary{background-color:#f0483e;border-color:#f0483e;color:#fff}.jpi-features-index .btn.btn-secondary{background-color:transparent;border:solid 2px #3077f2;color:#3077f2;font-weight:500;border-radius:6px;font-size:15px}.jpi-features-index .btn.btn-secondary:hover{background-color:#3077f2;color:#fff}.jpi-features-index picture{width:100%;display:block}.jpi-features-index picture img{width:100%;display:block}.jpi-features-index .jpi-banner{width:100%;padding:40px 0 60px;position:relative;margin-bottom:0}@media only screen and (max-width:1250px){.jpi-features-index .jpi-banner{padding:40px 0 40px}}@media only screen and (max-width:767px){.jpi-features-index .jpi-banner{padding:60px 0 30px;margin-bottom:0}}.jpi-features-index .jpi-banner::before{content:"";background-color:#062e67;width:100%;height:calc(100% - 183px);position:absolute;top:0;left:0}.jpi-features-index .jpi-banner *{position:relative;z-index:1}.jpi-features-index .jpi-banner .pricing-title{background-image:url('//www.zohowebstatic.com/sites/zweb/images/jp/invoice/jpi-pricing-ribbon-2x.webp');background-repeat:no-repeat;background-size:960px 210px;background-position:top;min-height:297px;text-align:center;padding-top:65px;padding-bottom:55px}@media only screen and (max-width:1199px){.jpi-features-index .jpi-banner .pricing-title{padding-top:40px;padding-bottom:70px;min-height:auto;background-size:800px 140px;background-position:center 30px}}@media only screen and (max-width:767px){.jpi-features-index .jpi-banner .pricing-title{background-image:none;padding:0 0 40px 0}}.jpi-features-index .jpi-banner .pricing-title h1{font-size:54px;font-weight:700;color:#fff;margin:0;line-height:1.4}@media only screen and (max-width:1199px){.jpi-features-index .jpi-banner .pricing-title h1{font-size:45px;line-height:1.5}}@media only screen and (max-width:767px){.jpi-features-index .jpi-banner .pricing-title h1{font-size:35px;line-height:1.6}}@media screen and (max-width:355px){.jpi-features-index .jpi-banner .pricing-title h1{font-size:30px;line-height:1.7}}.jpi-features-index .jpi-banner .pricing-title h1 span{color:#fdca5d}.jpi-features-index .pricing-table{max-width:1024px;text-align:center;margin:0 auto}.jpi-features-index .pricing-table .dotted-pattern{position:absolute;width:320px;top:100px;left:-155px;opacity:.5;z-index:-1}@media only screen and (max-width:767px){.jpi-features-index .pricing-table .dotted-pattern{display:none}}.jpi-features-index .pricing-table .pricing-row{position:relative;display:flex;border-radius:10px;z-index:10;width:100%}@media only screen and (max-width:767px){.jpi-features-index .pricing-table .pricing-row{max-width:450px;margin:0 auto;display:block}}.jpi-features-index .pricing-table .pricing-row .price-left{width:42%;display:inline-block;position:relative;background-color:#3177e8;background-image:url('//www.zohowebstatic.com/sites/zweb/images/jp/invoice/jpi-pricing-pricing-prompt-2x.webp');background-repeat:no-repeat;background-size:cover;overflow:hidden;border-top-left-radius:10px;border-bottom-left-radius:10px;padding:100px 20px}@media only screen and (max-width:767px){.jpi-features-index .pricing-table .pricing-row .price-left{width:100%;padding:40px 0;border-radius:10px 10px 0 0}}.jpi-features-index .pricing-table .pricing-row .price-left .pricing-view .pricing-scheme{font-size:100px;color:#FFF;font-weight:600;padding-bottom:40px;text-align:center;line-height:1}.jpi-features-index .pricing-table .pricing-row .price-left .pricing-view .btn-wrap .btn{max-width:250px;width:100%;padding:18px 35px;color:#000;background-color:#fff;border-color:#fff;font-size:17px;line-height:1.1;text-transform:uppercase;font-weight:500}.jpi-features-index .pricing-table .pricing-row .price-left .circle-pattern{position:absolute;width:200px;height:200px;left:-80px;bottom:35px;z-index:0}@media only screen and (max-width:767px){.jpi-features-index .pricing-table .pricing-row .price-left .circle-pattern{width:140px;height:140px;top:-70px;bottom:auto;left:-70px}}.jpi-features-index .pricing-table .pricing-row .features-right{width:58%;display:inline-block;box-sizing:border-box;padding:35px 30px;text-align:left;background-color:#FFF;border-radius:0 10px 10px 0;border-right:1px solid #3177e8;border-top:1px solid #3177e8;border-bottom:1px solid #3177e8;position:relative}@media only screen and (max-width:767px){.jpi-features-index .pricing-table .pricing-row .features-right{width:100%;position:relative;margin-top:-6px;border-radius:0 0 10px 10px;padding:45px 20px 35px;border:1px solid #3177e8;border-top:0}}.jpi-features-index .pricing-table .pricing-row .features-right h3{font-size:22px;font-weight:700;margin-bottom:10px;padding:0}@media only screen and (max-width:767px){.jpi-features-index .pricing-table .pricing-row .features-right h3{text-align:center;line-height:1.5;font-size:20px}}.jpi-features-index .pricing-table .pricing-row .features-right .features-header{margin:0;padding:0}.jpi-features-index .pricing-table .pricing-row .features-right .features-header li{font-size:16px;padding:11px 38px;position:relative}@media only screen and (max-width:1199px){.jpi-features-index .pricing-table .pricing-row .features-right .features-header li{line-height:1.9;padding-right:0;padding-left:30px}}.jpi-features-index .pricing-table .pricing-row .features-right .features-header li::before{content:"";width:15px;height:15px;background-repeat:no-repeat;background-size:contain;position:absolute;top:18px;left:2px}.jpi-features-index .jpi-mobile-app-sec{padding-bottom:195px}@media only screen and (max-width:1199px){.jpi-features-index .jpi-mobile-app-sec{padding-bottom:125px}}@media only screen and (max-width:767px){.jpi-features-index .jpi-mobile-app-sec{padding-bottom:60px}}.jpi-features-index .jpi-mobile-app-sec .jpi-container{max-width:1210px}@media only screen and (max-width:1199px){.jpi-features-index .jpi-mobile-app-sec .jpi-container{max-width:1064px}}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row{background-color:#0d5fcb;display:flex;flex-wrap:wrap;position:relative;border-radius:10px;padding:30px 30px;align-items:center}@media only screen and (max-width:767px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row{display:block;padding:50px 20px;max-width:450px;margin:0 auto}}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .ribbon-img-right{position:absolute;right:0;bottom:2%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@media only screen and (max-width:767px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .ribbon-img-right{display:none}}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content{width:50%;max-width:450px;padding-left:4%}@media only screen and (max-width:1199px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content{padding-left:0;padding-right:20px}}@media only screen and (max-width:767px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content{width:100%;text-align:center;max-width:400px;margin:0 auto 40px;padding:0}}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content h2{font-weight:700;font-size:42px;line-height:1.2;color:#fff;margin-bottom:10px;max-width:317px}@media only screen and (max-width:991px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content h2{max-width:300px;font-size:35px;line-height:1.5}}@media only screen and (max-width:767px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content h2{font-size:28px;max-width:100%}}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content p{font-size:16px;line-height:1.9;color:#fff;margin-bottom:15px}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .mobile-link{margin-bottom:32px}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .mobile-link a{color:#0df2f2;font-size:16px;text-decoration:none}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .mobile-link a .right-arrow{width:15px;margin-bottom:-3px;margin-left:5px;transition:all .5s ease}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .mobile-link a .right-arrow path{fill:#0df2f2}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .mobile-link a:hover .right-arrow{margin-left:15px}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .applications-links{display:flex;align-items:baseline;justify-content:space-between;max-width:228px}@media only screen and (max-width:767px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .applications-links{max-width:200px;margin:0 auto}}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .applications-links .app-availability{display:flex;flex-wrap:nowrap;position:relative;top:-10px}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .applications-links .app-availability a{width:30px;height:30px;border-radius:50%;background-color:#11448e;display:flex;align-items:center;justify-content:center;margin-right:9px}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .applications-links .app-availability a img{width:15px;margin:8px auto}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-content .mobile-app-links .applications-links .invoice-qrcode{vertical-align:middle;margin:10px auto 10px 30px}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img{width:49%;display:flex;flex-wrap:nowrap;justify-content:space-between;max-width:560px;margin-left:auto;padding-right:5.9%;margin-bottom:-75px}@media only screen and (max-width:1199px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img{padding-right:0;margin-bottom:-110px}}@media only screen and (max-width:991px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img{margin:0}}@media only screen and (max-width:767px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img{width:100%;max-width:500px;margin:0 auto}}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img.zanim{transform:none !important;opacity:1}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img.animated .img-left,.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img.animated .img-right{transform:translateY(0)}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img .img-left,.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img .img-right{position:relative;width:48%;max-width:230px;transition:transform .7s ease;transition-delay:.5s}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img .img-left{margin-top:-107px}@media only screen and (min-width:992px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img .img-left{transform:translateY(80px)}}@media only screen and (max-width:991px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img .img-left{margin-top:0}}.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img .img-right{margin-top:13px}@media only screen and (min-width:992px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img .img-right{transform:translateY(-40px)}}@media only screen and (max-width:991px){.jpi-features-index .jpi-mobile-app-sec .mobile-sec-row .mobile-img .img-right{margin-top:50px}}.jpi-features-index .jpi-faq-sec{padding-bottom:168px}@media only screen and (max-width:1199px){.jpi-features-index .jpi-faq-sec{padding-bottom:80px}}@media only screen and (max-width:767px){.jpi-features-index .jpi-faq-sec{padding-bottom:60px}}.jpi-features-index .jpi-faq-sec .faq-container{max-width:1000px;margin:0 auto}@media only screen and (max-width:1199px){.jpi-features-index .jpi-faq-sec .faq-container{max-width:1024px}}.jpi-features-index .jpi-faq-sec .faq-container h2{text-align:center;font-size:32px;line-height:40px;font-weight:700;margin-bottom:72px}@media only screen and (max-width:1199px){.jpi-features-index .jpi-faq-sec .faq-container h2{margin-bottom:40px}}@media only screen and (max-width:767px){.jpi-features-index .jpi-faq-sec .faq-container h2{font-size:28px}}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col{padding:25px;border:1px solid #cdcdcd;margin-bottom:21px;border-radius:10px;cursor:pointer;transition:all .5s ease}@media only screen and (max-width:991px){.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col{padding:20px 15px;border-radius:5px}}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col:last-child{margin-bottom:0}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col:hover{background-color:#fafafa}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col:hover h4{color:#186bd8}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col h4{font-size:22px;line-height:1.3;width:100%;padding-right:10%;position:relative;font-weight:700;margin:0;color:#333}@media only screen and (max-width:991px){.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col h4{font-size:20px;line-height:1.5;font-weight:500;padding-right:30px}}@media only screen and (max-width:767px){.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col h4{font-size:18px}}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col h4::after{content:"";width:6px;height:6px;float:right;border-top:2px solid #a9a9a9;border-right:2px solid #a9a9a9;-webkit-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear;margin-top:8px;-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);position:absolute;top:3px;right:0}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col .faq-content{padding-top:20px;display:none}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col .faq-content p{margin:0;font-size:18px;line-height:1.9}@media only screen and (max-width:991px){.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col .faq-content p{font-size:16px}}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col.active{background-color:#fafafa}.jpi-features-index .jpi-faq-sec .faq-container .faq-list-row .faq-col.active h4::after{-webkit-transform:rotate(315deg);-ms-transform:rotate(315deg);transform:rotate(315deg)}.jpi-features-index .jpi-bot-banner-wrap{width:100%;padding:80px 0;background-color:#002b67}@media only screen and (max-width:767px){.jpi-features-index .jpi-bot-banner-wrap{padding:60px 0}}.jpi-features-index .jpi-bot-banner-wrap .bot-banner{max-width:900px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center}@media only screen and (max-width:1199px){.jpi-features-index .jpi-bot-banner-wrap .bot-banner{justify-content:space-between}}@media only screen and (max-width:991px){.jpi-features-index .jpi-bot-banner-wrap .bot-banner{text-align:center;display:block}}.jpi-features-index .jpi-bot-banner-wrap .bot-banner h2{font-size:46px;font-weight:500;color:#fff;margin:0;max-width:540px}@media only screen and (max-width:991px){.jpi-features-index .jpi-bot-banner-wrap .bot-banner h2{font-size:35px;margin-bottom:30px;line-height:1.5;max-width:100%}}@media only screen and (max-width:767px){.jpi-features-index .jpi-bot-banner-wrap .bot-banner h2{font-size:30px}}.jpi-features-index .jpi-bot-banner-wrap .bot-banner .btn{font-size:17px;padding:18px 35px;font-weight:500;width:222px;margin-left:4px;text-align:center}@media only screen and (max-width:1199px){.jpi-features-index .jpi-bot-banner-wrap .bot-banner .btn{padding:12px 30px;font-size:16px}}.zanim{opacity:0;transition:.8s ease transform,0.8s ease opacity;transform:translateY(40px)}@media only screen and (max-width:991px){.zanim{opacity:1;transform:none}}.zanim.zanim-1s{transition:.1s ease all}.zanim.zanim-2s{transition:.2s ease all}.zanim.zanim-3s{transition:.3s ease all}.zanim.zanim-4s{transition:.4s ease all}.zanim.zanim-5s{transition:.5s ease all}.zanim.zanim-6s{transition:.6s ease all}.zanim.zanim-7s{transition:.7s ease all}.zanim.zanim-8s{transition:.8s ease all}.zanim.zanim-9s{transition:.9s ease all}.zanim.zanim-10s{transition:1s ease all}.zanim.zanim-11s{transition:1.1s ease all}.zanim.zanim-12s{transition:1.2s ease all}.zanim.zanim-13s{transition:1.3s ease all}.zanim.zanim-14s{transition:1.4s ease all}.zanim.zanim-15s{transition:1.5s ease all}.zanim.zanim-16s{transition:1.6s ease all}.zanim.zanim-17s{transition:1.7s ease all}.zanim.zanim-18s{transition:1.8s ease all}.zanim.zanim-19s{transition:1.9s ease all}.zanim.zanim-20s{transition:2s ease all}.zanim.zanim-21s{transition:2.1s ease all}.zanim.zanim-22s{transition:2.2s ease all}.zanim.zanim-23s{transition:2.3s ease all}.zanim.zanim-24s{transition:2.4s ease all}.zanim.zanim-25s{transition:2.5s ease all}.zanim.zanim-26s{transition:2.6s ease all}.zanim.zanim-27s{transition:2.7s ease all}.zanim.zanim-28s{transition:2.8s ease all}.zanim.zanim-29s{transition:2.9s ease all}.zanim.zanim-30s{transition:3s ease all}.zanim.zanim-1{transition-delay:0s}.zanim.zanim-2{transition-delay:.2s}.zanim.zanim-3{transition-delay:.4s}.zanim.zanim-4{transition-delay:.6s}.zanim.zanim-5{transition-delay:.8s}.zanim.zanim-6{transition-delay:1s}.zanim.zanim-7{transition-delay:1.2s}.zanim.zanim-8{transition-delay:1.4s}.zanim.zanim-9{transition-delay:1.6s}.zanim.zanim-10{transition-delay:1.8s}.zanim.zanim-11{transition-delay:2s}.zanim.zanim-12{transition-delay:2.2s}.zanim.zanim-13{transition-delay:2.4s}.zanim.zanim-14{transition-delay:2.6s}.zanim.zanim-15{transition-delay:2.8s}.zanim.zanim-16{transition-delay:3s}.zanim.zanim-17{transition-delay:3.2s}.zanim.zanim-18{transition-delay:3.4s}.zanim.zanim-19{transition-delay:3.6s}.zanim.zanim-20{transition-delay:3.8s}.zanim.animated{opacity:1;transform:translateY(0)}.zanim.zanim-right{transform:translateX(-65px)}@media only screen and (max-width:991px){.zanim.zanim-right{transform:none}}.zanim.zanim-right.animated{opacity:1;transform:translateX(0)}.zanim.zanim-left{transform:translateX(65px)}@media only screen and (max-width:991px){.zanim.zanim-left{transform:none}}.zanim.zanim-left.animated{opacity:1;transform:translateX(0)}.zanim.zanim-zoomin{transform:scale(0.9);transform-origin:center}@media only screen and (max-width:991px){.zanim.zanim-zoomin{transform:none}}.zanim.zanim-zoomin.animated{opacity:1;transform:scale(1)}.zanim.zanim-zoomout{transform:scale(1.1);transform-origin:center}@media only screen and (max-width:991px){.zanim.zanim-zoomout{transform:none}}.zanim.zanim-zoomout.animated{opacity:1;transform:scale(1)}.zwph-white{background:#062e67}.table-description{margin:0 auto 123px;max-width:1200px}@media only screen and (max-width:1250px){.table-description{margin:0 20px 123px}}@media only screen and (max-width:992px){.table-description{margin:0 20px 50px}}.table-description p{font-size:15px;line-height:1.9;margin-top:15px;margin-bottom:0}