.top-breadcrumbs{padding:50px 0 0}ul.breadcrumbs{padding-top:15px}ul.breadcrumbs li{display:inline-block;margin-right:20px;color:#ffcf09;text-transform:uppercase;font-size:13px;font-family:var(--primaryfont-semibold)}ul.breadcrumbs li a{color:#fff;position:relative}ul.breadcrumbs li a::before{content:">";position:absolute;right:-15px;display:inline-block}ul.breadcrumbs li a:hover{color:#000}.breadcrumbs li a.green{color:#ffcf09}ul.breadcrumbs li:last-child a::before{content:"";position:absolute;right:-15px;display:inline-block}.zw-product-header{background:#15882e}.pd-tb{padding:120px 0}.content-wrap{max-width:1280px;margin:0 auto}.tac{text-align:center}.zflex{display:flex;justify-content:space-between;align-items:center}.zbanner,.top-breadcrumbs{background:#15882e;color:#fff}.top-wrap{gap:32px}.top-wrap .lhs,.top-wrap .rhs{width:48%}.top-wrap .rhs{text-align:center;position:relative}.top-wrap h1{margin-bottom:27px}.top-wrap p{font-size:20px;line-height:35px;margin-bottom:40px;max-width:545px}.ban-static{display:none}@keyframes card-rotate{0%{transform:perspective(1000px) rotateY(-180deg)}100%{transform:perspective(1000px) rotateY(0)}}.split-img{content:'';width:100%;height:100%;position:absolute;top:284px;left:0;max-width:250px;transform:translate(200px,100px);--translate-val:0,-30px;scale:.5;animation:pie-chart-translate 1s forwards 1.5s;opacity:0}@keyframes pie-chart-translate{0%{opacity:0;transform:translate(200px,100px)}100%{transform:translate(0,0);opacity:1;scale:1}}.split-1{animation-delay:1.5s}.split-2{animation-delay:1.7s}.split-3{animation-delay:1.6s}.split-4{animation-delay:1.8s}.split-2{right:-36px;left:unset;top:92px}.split-3{right:-36px;left:unset;top:unset;bottom:-300px}.split-4{top:unset;bottom:-450px}.zsales-fold{padding:150px 0}.zinner-wrap{text-align:center}.zinner-wrap h2{max-width:616px;margin:0 auto 15px}.zinner-wrap p{max-width:770px;margin:0 auto}.extn-link{display:flex}.extn-link a{font-size:16px;letter-spacing:normal;color:#15882d;font-family:'Zoho_Puvi_SemiBold';cursor:pointer}.extn-link a .arrow{width:16px;height:2px;background:#15882d;margin-left:5px;position:relative;display:inline-block;vertical-align:middle;cursor:pointer;transition:ease all .5s;top:-1px}.extn-link a .arrow:after{position:absolute;content:"";width:8px;height:8px;border-bottom:2px solid #15882d;border-right:2px solid #15882d;transform:rotate(-45deg);right:0;bottom:-3px}.extn-link a:hover span.arrow{margin-left:10px}.extn-link a .break{display:none}.zrf-main{background:#f4f0e9;max-width:95%;margin:auto;border-radius:4px;padding:100px 0}.zrf-inner .lhs{width:45%}.zrf-inner .rhs{width:48%}.zrf-inner .lhs p{margin-bottom:0}.zrf-inner .lhs h3{color:#3f863a;margin:36px 0 0;font-size:24px;letter-spacing:-1.96px;line-height:65px}.zrf-inner .lhs ul{display:flex;flex-direction:column;gap:24px;margin-top:24px}.zrf-inner .lhs ul li{position:relative;padding-left:20px}.zrf-inner .lhs ul li:before{position:absolute;content:'';width:8px;height:8px;background:#3f863a;border-radius:50%;left:0;top:10px}.zrf-inner .lhs ul li p{line-height:31px}.pd-tb.zvideo{padding-bottom:0}.zvideo h2{margin-bottom:15px}.video-wrap{border-radius:10px;max-width:965px;margin:auto;cursor:pointer}.video-wrap img{display:block}.video-wrap{position:relative;transform:scale(.7);transition:all .7s ease-in}.middle-animated .video-wrap{transform:scale(1)}.video-wrap .play-icon,.video-wrap .play-icon:before{position:absolute;content:""}.video-wrap .play-icon{display:block;width:74px;height:74px;background:rgba(255,255,255,1);left:50%;top:50%;transform:translate(-50px,-50px);border-radius:50%;cursor:pointer;animation:pulse 2s infinite}@keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgb(255 253 253 / 40%);box-shadow:0 0 0 0 rgb(255 253 253 / 40%)}70%{-moz-box-shadow:0 0 0 20px rgba(204,169,44,0);box-shadow:0 0 0 20px rgba(204,169,44,0)}100%{-moz-box-shadow:0 0 0 0 rgba(204,169,44,0);box-shadow:0 0 0 0 rgba(204,169,44,0)}}@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}.video-wrap .play-icon:before{border-width:12px 0 12px 16px;border-style:solid;border-color:transparent transparent transparent #3f863a;left:54%;top:50%;transform:translate(-50%,-50%)}.zm-navigate{max-width:max-content;margin:auto auto 40px;background:#0275ff;padding:8px 24px;border-radius:3px}.zm-navigate a{color:#FFF;font-family:'Zoho_Puvi_Semibold'}.arrow{width:15px;height:15px;display:inline-block;position:relative;cursor:pointer;transition:.5s ease-in all;vertical-align:bottom;top:-3px;right:0;transform:scale(.9)}.arrow i{width:12px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-55%,-50%);border-radius:5px;background:#fff;transition:all .7s ease-in}.zm-navigate:hover .arrow i{margin-left:7px}.arrow i:before{content:'';position:absolute;transform:rotate(316deg) translateY(-70%);top:50%;right:-4px;border:solid #fff;border-width:0 2px 2px 0;padding:3px;border-radius:1px}.box .lhs,.box .rhs{width:47%}.zfeatures .box:not(.box3){margin-bottom:150px}.box2 .lhs,.box1 .rhs,.box3 .rhs{text-align:center}.box2 .rhs{text-align:unset}.box h2{max-width:610px;margin:0 auto 30px}.box p{max-width:770px;margin:0 auto 70px}.box{text-align:center}.zwe-ob.box2 .lhs img,.zwe-ob.box .rhs img{transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);opacity:1}.box .rhs img{opacity:0;transform:matrix3d(1,0,0,-0.0004,0,1,0,0,0,0,1,0,0,0,0,1);transition:all 1s cubic-bezier(0.38,0.04,0.46,1.29)}.box2 .lhs img{opacity:0;transform:matrix3d(1,0,0,0.0004,0,1,0,0,0,0,1,0,0,0,0,1);transition:all 1s cubic-bezier(0.38,0.04,0.46,1.29)}.zbottom{background:#f4f0e9}.zf-integration{background:#f4f0e9;border-radius:20px;padding:68px;box-sizing:border-box;max-width:1360px;margin:auto auto 130px}.zf-integration .content-wrap{width:100%}.zoi-inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px}.zint-grid{display:flex;flex-wrap:wrap;gap:12px}.zint-grid li{width:172px;height:124px;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center}.zuser-sec{background:#131515;color:#fff}.zuser-wrap.zflex{flex-wrap:wrap;text-align:center;justify-content:unset;gap:12px}.zuser-wrap .zf-box{border-radius:10px;background:#1d1f1e;width:calc(50% - 6px);padding:68px 0 80px;display:flex;flex-direction:column}.zuser-wrap .zf-trail{width:100%;background:#3f863a}.zuser-wrap .zf-trail .zf-icon{background:#459f3e}.zuser-wrap .zf-icon{display:inline-block;width:90px;height:90px;background:#272928;border-radius:50%;text-align:center;margin:0 auto 15px;position:relative}.zf-icon:before{position:absolute;content:'';width:46px;height:46px;background:url(//www.zohowebstatic.com/sites/zweb/images/fsm/zoho-fsm-crm/sprite.png) no-repeat 0 0/140px auto;left:22px;top:22px;z-index:1}.zf-icon2:before{background-position:-47px 0;top:25px}.zf-icon3:before{background-position:-94px 0;top:27px}.zuser-wrap a{color:#fff;border:1px solid #fff;padding:8px 30px;max-width:max-content;margin:auto;font-family:var(--primaryfont-semibold)}.zuser-wrap .zf-box.zf-demo p,.zuser-wrap .zf-box.zf-webinar p{max-width:260px;margin:0 auto 20px}@media only screen and (max-width:1399px){.extn-link{margin-top:15px}.box h2{max-width:570px}.box img{max-width:770px}}@media only screen and (min-width:1200px) and (max-width:1399px){.pd-tb{padding:100px 0}.zinner-wrap{gap:64px}.zvideo h2{max-width:600px;margin:auto auto 15px}.zf-integration{margin:auto auto 120px}.zbottom h2{max-width:750px;margin:auto auto 15px}}@media only screen and (min-width:992px) and (max-width:1199px){.pd-tb{padding:80px 0}.top-wrap p{font-size:16px;line-height:1.6}.zinner-wrap{gap:32px;align-items:center;max-width:1100px;margin:auto}.zinner-wrap h2{max-width:500px}.zinner-wrap p{max-width:500px}.zvideo h2{max-width:600px;margin:auto auto 15px}.zf-integration{max-width:95%;margin:auto auto 80px}.zbottom h2{max-width:650px;margin:auto auto 15px}.zfeatures .box:not(.box3){margin-bottom:120px}}@media only screen and (min-width:1024px) and (max-width:1399px){.split-img{max-width:220px}.split-1{left:-24px}.split-2,.split-3{right:-4px}.split-4{left:-24px}}@media only screen and (max-width:1023px){.split-img{display:none}}@media only screen and (max-width:991px){.box img{max-width:500px}.pd-tb{padding:50px 0}.zrf-inner .lhs,.zrf-inner .rhs{width:100%}.top-wrap p{font-size:15px;line-height:1.6}.zvideo h2{max-width:550px;margin:auto auto 15px}.zinner-wrap{gap:24px;text-align:center;flex-direction:column}.zinner-wrap h2{margin:auto auto 15px}.zinner-wrap p{margin:auto}.zrf-inner{gap:24px;flex-direction:column-reverse;max-width:650px;margin:auto}.zfeatures .box:not(.box3){margin-bottom:150px}.zint-grid{justify-content:center}.zf-integration{border-radius:0;margin:auto auto 50px}.zuser-wrap .zf-box{min-height:310px}.zbottom h2{max-width:600px;margin:auto auto 15px}.extn-link{justify-content:center}}@media only screen and (max-width:767px){.box p{margin:0 auto 40px}.box img{max-width:400px}ul.breadcrumbs li{margin-right:18px}.content-wrap{max-width:460px}.zflex{flex-direction:column}.top-wrap .lhs,.top-wrap .rhs,.zrf-inner .lhs,.zrf-inner .rhs,.box .lhs,.box .rhs,.zuser-wrap .zf-box{width:100%}.zw-template-inner p{font-size:15px}.top-wrap .lhs,.top-wrap .rhs{text-align:center}.top-wrap p{margin-bottom:24px}.zinner-wrap{gap:10px}.zrf-inner .lhs{display:flex;flex-direction:column;gap:10px}.zrf-inner .lhs h3,.zrf-inner .lhs ul{margin:0}.zrf-inner{gap:24px;flex-direction:column-reverse}.zfeatures .box{gap:32px}.zfeatures .box:not(.box3){margin-bottom:64px}.zfeatures .box2{flex-direction:column-reverse}.zoi-inner{gap:20px;text-align:center}.zint-grid{justify-content:center}.extn-link a .break{display:inline-block}}@media only screen and (max-width:480px){.box img{max-width:300px}.video-wrap .play-icon{width:40px;height:40px;top:60%;left:55%}.video-wrap .play-icon:before{border-width:10px 0 10px 14px}}@media only screen and (min-width:768px){.zint-grid li:nth-child(3){width:205px}}@ @media only screen and (max-width:1200px){.break{display:none}.split-2{top:50px}.split-4{bottom:-280px}.split-1{top:130px}}@media only screen and (min-width:1200px){.zint-grid li{opacity:0;transition:all .6s ease-in}.bottom-animated .zint-grid li{opacity:1}.zint-grid li:nth-child(1){transition-delay:.3s}.zint-grid li:nth-child(2){transition-delay:.4s}.zint-grid li:nth-child(3){transition-delay:.5s;width:205px}.zint-grid li:nth-child(4){transition-delay:.6s}}@media only screen and (min-width:1400px){.zbanner h1{font-size:54px;line-height:65px;letter-spacing:-2.24px;font-family:var(--zf-primary-bold)}.zbanner{font-size:20px;padding-top:70px}.zw-template-inner p{font-size:18px;line-height:1.7}.zw-template-inner h2{font-size:40px;letter-spacing:-1.92px;font-family:var(--zf-primary-bold)}.zw-template-inner h3{font-size:32px;line-height:37px;font-family:var(--zf-primary-bold)}.zinner-wrap h2,.zbottom h2,.zvideo h2{font-size:48px;line-height:60px}}