*,:after,:before{box-sizing:border-box}.template-section .content-wrap{max-width:1350px}.template-iframe{display:none}.template-details h4::after{background:#2cb4f6;content:"";position:absolute;bottom:0;width:80px;height:3px;left:6px}span.mob-panel{display:none}img{display:block}h1{font-size:50px}body h2{font-size:36px;font-family:var(--primaryfont-bold);line-height:1.15}a.act-btn.cta-btn{padding:15px 40px;border-radius:3px}.iframe{height:750px;transition:all 2s ease-out;margin:-25px}.iframe iframe{width:100%}.rows{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap}.rows>div{flex:0 0 33%;-ms-flex:0 0 33%;max-width:33%;padding:0 10px}.tabs-menu ul li a{color:#000;padding:8px 20px}.template-main{display:flex;display:-ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-between;-ms-flex-pack:center}.template-main .tabs-menu{flex:0 0 20%;-ms-flex:0 0 20%;max-width:20%;position:sticky;position:-webkit-sticky;top:100px;-ms-flex-item-align:start;align-self:flex-start}.template-main .template-list{flex:0 0 78%;-ms-flex:0 0 78%;max-width:78%}.zw-product-header,.banner-section{background:#0f1130 url(//www.zohowebstatic.com/sites/zweb/images/forms/images/forms-temp-pattern.jpg);background-size:220px;background-repeat:repeat}.banner-section{padding:4em 0 5em;color:#fff}.zw-product-header .menu-icon-help-header .product-title a{color:#fff}.zw-product-header .product-nav-links .menu li a{color:#fff}.tabs-menu li a::before{content:"";position:absolute;width:7px;height:7px;background:#d0d0d0;border-radius:50%;top:50%;left:0;transform:translate(-50%,-50%);transition:all .3s ease-out}.tabs-menu li{border-left:5px solid transparent;margin:12px 0}.tabs-menu li.active{background:#fff;border-left:5px solid #2cb4f6}.tabs-menu li a{display:block;position:relative;padding:0 15px}.tabs-menu ul li.active a{color:#1cb0f5}.tabs-menu li.active a::before{opacity:0}span.zarrow::before,span.zarrow::after{content:'';position:absolute;display:block;right:-9px;width:9px;height:2px;background:#2bb4f6;-moz-border-radius:2px;-moz-transition:all .5s;-o-transition:all .5s;-webkit-transition:all .5s;transition:all .5s}span.zarrow::before{top:5px;-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:3px}span.zarrow::after{right:inherit;left:3px;-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);top:5px}span.zarrow{position:absolute;right:0;top:50%;width:20px;height:15px;transition:all .5s ease;-webkit-transition:all .5s ease;transform:translate(-50%,-50%) rotate(-90deg);-webkit-transform:translate(-50%,-50%) rotate(-90deg);-o-transform:translate(-50%,-50%) rotate(-90deg);-ms-transform:translate(-50%,-50%) rotate(-90deg);opacity:0;visibility:hidden}li.active span.zarrow{opacity:1;visibility:visible;right:-5px}.template-content{overflow:hidden;position:relative;border-radius:10px;box-shadow:0 0 20px #00000012}.image{position:relative;height:300px;overflow:hidden;margin:0;background:#fff}.temp-hover{position:absolute;bottom:-42px;left:0;right:0;background:#f7f7f7;display:flex;display:-ms-flexbox;transition:all .3s ease-out;z-index:1}.template-details:hover .temp-hover{bottom:0}.template-content h4{margin:0;text-align:center;font-size:18px;padding:10px 0}.temp-hover a.btn-temp:first-child{border-right:1px solid #e4e4e4}.template-details h4{font-family:var(--secondaryfont-bold);font-size:20px;padding:5px 5px 15px;position:relative;margin-bottom:30px}.template-details:hover .temp-hover{margin-bottom:0}.template-section{padding:6em 0;background:#f7f7f7}.banner-content{text-align:center;margin:0 auto;max-width:710px}a.btn-temp{font-family:var(--zf-secondary-semibold);color:#1daef5;display:inline-block;text-align:center;padding:10px 12px;width:50%;display:flex;align-items:center;justify-content:center;font-size:14px}a.btn-temp.btn-view{color:#31bc87}.image img{position:relative;transition:all 4s;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;max-width:100%}.template-details{margin-bottom:60px}.template-content::before{background:#000;content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;z-index:1;opacity:0;transition:all .7s ease}.template-content:hover::before{opacity:.2}.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4{opacity:0}.digital-section .feature-img::before,.fadeinup1,.fadeinup2,.fadeinup3,.fadeinup4,.textup1,.textup2,.textup3{transform:translate3d(0,50px,0);-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.fadeinleft5{opacity:0;transform:translate3d(-50px,0,0);-webkit-transform:translate3d(-50px,0,0);-ms-transform:translate3d(-50px,0,0);transition:all 1s ease-out;-webkit-transition:all 1s ease-out}.digital-section .middle-animated .feature-img::before,.middle-animated .fadeinleft5,.middle-animated .fadeinup1,.middle-animated .fadeinup2,.middle-animated .fadeinup3,.middle-animated .fadeinup4,.middle-animated .textup1,.middle-animated .textup2,.middle-animated .textup3{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.fadeinup1,.textup1{transition-delay:.2s;-webkit-transition-delay:.2s}.fadeinup2,.textup2{transition-delay:.4s;-webkit-transition-delay:.4s}.fadeinup3,.textup3{transition-delay:.6s;-webkit-transition-delay:.6s}.fadeinup4,.textup4{transition-delay:.8s;-webkit-transition-delay:.8s}.fadeinleft5{transition-delay:1s;-webkit-transition-delay:1s}.digital-section .feature-img::before{transition-delay:.5s;-webkit-transition-delay:.5s}.scaling1,.scaling2,.scaling3,.scaling4,.scaling5{opacity:0;transform:scale(0.3);-webkit-transform:scale(0.3);-ms-transform:scale(0.3);transition:all .7s ease-out;-webkit-transition:all .7s ease-out}.middle-animated .scaling1,.middle-animated .scaling2,.middle-animated .scaling3,.middle-animated .scaling4,.middle-animated .scaling5{opacity:1;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1)}.scaling1{transition-delay:1s;-webkit-transition-delay:1s}.scaling2{transition-delay:1.2s;-webkit-transition-delay:1.2s}.scaling3{transition-delay:1.4s;-webkit-transition-delay:1.4s}.scaling4{transition-delay:1.6s;-webkit-transition-delay:1.6s}.scaling5{transition-delay:1.8s;-webkit-transition-delay:1.8s}@media screen and (max-width:1280px){h1{font-size:36px}body h2{font-size:28px}}@media screen and (max-width:1199px){.template-main .tabs-menu{flex:0 0 25%;-ms-flex:0 0 25%;max-width:25%}.template-main .template-list{flex:0 0 75%;-ms-flex:0 0 75%;max-width:75%;padding-left:50px}.rows>div{flex:0 0 50%;-ms-flex:0 0 50%;max-width:50%;padding:0 10px}}@media screen and (max-width:1023px){.banner-section{padding:2em 0 3em}.banner-content{max-width:510px}span.mob-panel{display:block}.template-main .tabs-menu ul{padding-left:5px}.tabs-menu ul li a{color:#000;padding:8px 10px;font-size:15px}.template-main .template-list{padding-left:0}.template-main .tabs-menu,.template-main .template-list{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%}span.mob-panel{background:#fff;width:40px;height:40px;display:block;border:1px solid #ccc;border-radius:0 5px 5px 0;position:absolute;right:-40px;border-left:0;top:-1px}span.mob-panel::after{content:'+';width:10px;height:10px;position:absolute;left:45%;top:15%;color:#8e8e8e;font-size:24px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.template-main .tabs-menu{background:#fff;width:230px;position:fixed;top:80px;left:-232px;z-index:10;border:1px solid #ccc;transition:all .6s ease;-webkit-transition:all .6s ease;opacity:0;visibility:hidden}.template-main .tabs-menu.show{opacity:1;visibility:visible}.template-main .tabs-menu.active{left:-1px}.template-main .tabs-menu.active span.mob-panel::after{content:"-"}.template-section{padding:3em 0 1em}}@media screen and (max-width:767px){.main .ptmenu .zw-product-header .menu-icon-help-header .product-title a,.main-container-wrapper .zw-product-header .menu-icon-help-header .product-title a,.main-container-wrapper .ptmenu .zw-product-header .menu-icon-help-header+.product-nav-links li a{color:#fff}.template-section .content-wrap{width:100%;padding:0 10px}.template-section{padding:3em 0}a.btn-temp{padding:10px 5px}.template-main .tabs-menu ul{overflow:scroll;height:450px}}@media screen and (max-width:480px){.rows>div{flex:0 0 100%;-ms-flex:0 0 100%;max-width:100%;padding:0 10px}.template-main .template-list{max-width:400px;margin:0 auto}}