section .content-wrap{padding:90px 0}.zw-product-header{background-color:#c2b8fd}.banner{background-color:#c2b8fd}.dis-block{display:block}.banner img{display:block}.banner h1{font-size:45px;letter-spacing:-1.5px;line-height:52px}.banner .leftside p{letter-spacing:-0.2px;margin-bottom:15px}.banner h1 span{font-family:var(--zf-primary-regular)}.banner .inner-wrap{display:flex;align-items:flex-start;justify-content:space-between}.mob-ban-img{position:absolute;left:10px;top:auto;max-width:140px;bottom:16%}.banner .leftside{padding-bottom:100px;width:45%;max-width:530px}.banner .rightside{width:65%;position:relative;right:-60px}.banner .content-wrap{max-width:1440px;margin:0 auto;width:100%;padding:70px 0;padding-left:5%;padding-bottom:0;overflow:visible}.banner .list-wrap{display:flex;align-items:center;justify-content:flex-start;font-family:var(--zf-primary-semibold);font-size:15px}.banner .list-wrap li:first-child{padding-left:0;border:unset}.banner .list-wrap li{padding:0 20px;border-left:1px solid #a495ff}.watch-video-wrap{display:inline-flex}.btn-wrap{display:flex;align-items:center;column-gap:20px;flex-wrap:wrap;margin-top:30px}.watch-video{position:relative;background:0;display:inline-block;color:#010101;margin:0;font-size:15px;line-height:1.5;cursor:pointer;text-transform:uppercase;font-family:var(--zf-primary-semibold),sans-serif;padding:12px 30px 12px 50px;border:1px solid #000}.watch-video:before{content:'';position:absolute;left:20px;top:0;bottom:0;margin:auto;width:20px;height:20px;border:2px solid #010101;border-radius:100%}.watch-video:after{position:absolute;border-color:transparent transparent transparent #010101;border-style:solid;border-width:5px 0 5px 7px;content:"";height:0;left:28px;top:0;bottom:0;margin:auto;width:0}.mob-res-slide ul{display:flex;justify-content:flex-start;width:100%;flex-wrap:wrap;align-items:center;margin-bottom:30px}.mob-res-slide ul li{position:relative;cursor:pointer;padding:5px;border:1px solid transparent;transform:scale(.95);border-radius:50%;transition:transform 1s ease}.mob-res-slide ul li.active{border:1px solid #f2f4f8;padding:5px;transform:scale(1);transition:all 1s ease}.mob-res-slide ul li.active svg{position:absolute;left:0;top:0}.mob-res-slide ul .zticon_wrap{width:82px;height:82px;background-color:#f2f4f8;border-radius:100%;display:flex;justify-content:center;align-items:center}.mob-res-slide ul .zticon_wrap{width:82px;height:82px;background-color:#f2f4f8;border-radius:100%;display:flex;justify-content:center;align-items:center}.mob-res-slide ul .zticon_wrap:before{content:"";background:url(//www.zohowebstatic.com/sites/zweb/images/tables/templates/zt-temp-views-icons-sprite.png) no-repeat;background-size:120px auto;background-position:-1px -1px;display:block;position:absolute;top:0;bottom:0;margin:auto 0;width:40px;height:40px}.mob-res-slide ul .grid .zticon_wrap:before{background-position:-79px -1px}.mob-res-slide ul .kanban .zticon_wrap:before{background-position:-1px -1px}.mob-res-slide ul .gallery .zticon_wrap:before{background-position:0 -41px}.mob-res-slide ul .form .zticon_wrap:before{background-position:-41px -41px}.mob-res-slide ul .calendar .zticon_wrap:before{background-position:-40px -1px}.mob-res-slide ul .zticon_wrap.active{background-color:#def2d3}.mob-res-slide ul li img{width:50%}.circle__spinner{width:100%;height:100%;transform:rotate(-90deg)}.circle__spinner.active .path{stroke:hsl(210,70,75);stroke-linecap:round;animation:dash 4s ease-in-out;animation-delay:0s}@keyframes dash{0%{stroke-dasharray:1,180;stroke-dashoffset:0}100%{stroke-dasharray:150,180;stroke-dashoffset:0}}.mob-res-slide ul li.active svg{position:absolute;left:0;top:0;overflow:visible;display:block}.mob-res-slide ul li svg{display:none}.mob-res-slide ul li.active .zticon_wrap{background-color:#def2d3;transition:all .5s ease}.mob-res-slide ul li .zticon_wrap svg{display:block;width:50%;transition:all 1s ease}.mob-res-slide ul li.active .zticon_wrap svg path,.mob-res-slide ul li.active .zticon_wrap svg rect,.mob-res-slide ul li.active .zticon_wrap svg .st0{fill-opacity:1;transition:all .5s ease}.mob-res-slide ul li.active .zticon_wrap svg{position:relative}.why-zt h2{text-align:center;font-size:45px;margin-bottom:40px}.why-zt .content-wrap{padding-bottom:0}.why-zt .views{display:flex;justify-content:space-between;align-items:center;padding:30px 60px;background-color:#e3edff;margin-bottom:10px;border-radius:10px}.why-zt .view-img{position:absolute;left:auto;top:0;max-width:400px;right:0;opacity:0;display:none}.why-zt .view-img.active{position:relative;display:block;opacity:1}.why-zt .leftside,.why-zt .rightside{width:50%}.why-zt .rightside{min-height:420px;position:relative}.why-zt .views p{max-width:440px}.why-zt .two-clm{display:flex;gap:10px;margin-bottom:10px}.why-zt .two-clm video{max-width:400px}.two-clm .box{width:50%;padding:40px;background-color:#e3edff;border-radius:10px;display:flex;flex-flow:column;justify-content:stretch}.two-clm h3,.why-zt .leftside h3{font-size:22px;max-width:400px;margin-bottom:15px}.accordian-container{max-width:1200px;margin:0 auto;padding:40px}.accordian-video{position:relative}.accordian-video::before{content:"";background-color:#c2b8fd;width:100%;height:10%;position:absolute;left:0;bottom:0}.accordian-video .inner-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:90px 30px}.accordian-video .content-wrap{padding-bottom:120px}.row-reverse-accordian .inner-wrap{flex-flow:row-reverse}.cen-left-right-align .item-title-wrap{text-align:center;max-width:880px;margin:0 auto}.cen-align .inner-wrap{flex-flow:column-reverse}.cen-align .content,.cen-align .image-container{width:100%}.cen-align .tablist{display:flex;justify-content:space-between}.cen-align .tablist-item{width:calc(33.33% - 20px);flex-flow:column}.cen-align .item-title-wrap{display:flex;text-align:left;max-width:unset;margin-bottom:30px;gap:20px}.cen-align .image-container{margin-bottom:30px;min-height:400px}.cen-align .image-container .active{position:relative}.item-title-wrap p{max-width:560px;margin:0 auto 60px}.title-tag{font-size:16px;padding:10px 20px;background-color:#ff9e08;display:inline-flex;border-top-left-radius:30px;border-bottom-left-radius:30px;border-top-right-radius:30px;border-bottom-right-radius:30px;margin-bottom:30px;font-family:var(--zf-primary-semibold)}.accordian-video .content{width:50%}.accordian-video h2{text-align:center;margin:0 auto 10px;max-width:550px;font-size:45px;font-family:var(--zf-primary-medium);letter-spacing:-1.5px}.accordian-video .top-para{max-width:620px;text-align:center;margin:0 auto}.item-title-wrap h3{font-size:72px;margin:0 0 20px 0;line-height:1.1;font-family:var(--zf-primary-semibold);letter-spacing:-2px}.flex-row{display:flex;align-items:center;gap:15px}.tablist{padding:0;margin:0}.item-title{margin-bottom:15px}.item-description p{margin-bottom:20px;font-size:16px;color:#333}.item-description{max-height:0;overflow:hidden;transition:max-height .3s ease-in-out}.active .item-description{max-height:200px}.tablist-item{display:block;align-items:flex-start;padding:30px 0 25px 0;gap:20px;border-bottom:1px solid #e0e0e0}.tablist-item .icon{font-size:24px;width:25px;height:25px;background:url(//www.zohowebstatic.com/sites/zweb/images/producticon/crm.svg) no-repeat;display:block}.item-link::before{content:"";display:block;margin:30px auto;width:7px;height:7px;border-top:2px solid #fff;border-left:2px solid #fff;transform:rotate(135deg);position:absolute;right:0;z-index:1}.item-link::after{content:"";display:block;width:2px;height:9px;background-color:#fff;transform:rotate(90deg) translate(6px,4px);right:0;top:0;position:absolute;z-index:1}.text-content h4{margin:0 0 10px 0;font-size:22px;line-height:1.1;letter-spacing:-0.5px;font-family:var(--zf-primary-medium);cursor:pointer;position:relative}.text-content h4::after{content:'';position:absolute;left:auto;top:50%;width:10px;height:10px;border-right:2px solid black;border-bottom:2px solid black;transform:translateY(-50%) rotate(45deg);transition:transform .5s ease;right:0}.tablist-item.active .text-content h4::after{transform:translateY(-50%) rotate(-135deg)}.item-link{font-size:14px;color:var(--text-btn-clr);text-decoration:none;display:inline-flex;align-items:center;justify-content:flex-start;position:relative;padding-right:28px;font-family:var(--zf-primary-semibold)}.image-container{width:50%;display:flex;justify-content:center;align-items:center;height:auto;position:relative;min-height:500px}.cb-elem{position:absolute;left:-50px;top:30%;max-width:200px;opacity:0}.active .cb-elem{opacity:1;transition:all .5s ease}.image-container .source-tag{max-width:350px;height:auto;border-radius:8px;position:absolute;left:0;top:0;bottom:0;opacity:0;display:none;right:0;margin:auto}.image-container .active{opacity:1;display:block;transition:all 1s ease}.mob-app-store .inner-wrap{display:flex;justify-content:space-between;align-items:flex-end}.mob-app-store{background-color:#c2b8fd}.mob-app-store .content-wrap{padding:0 0 60px 0}.mob-app-store .leftside{max-width:580px}.mob-app-store .leftside p{font-family:var(--zf-primary-medium)}.mob-app-store .rightside{max-width:350px;margin:0 auto}.import-data .top-wrap{display:flex;justify-content:space-between;gap:20px}.import-data h2{font-size:45px;text-align:center;max-width:700px;margin:0 auto 60px}.import-data .ctn-wrap{max-width:48%;padding:40px;border-top:2px solid transparent;cursor:pointer}.import-data .ctn-wrap.active{background-color:#f2f4f8;border-top:2px solid #3c9374}.import-data .ctn-wrap p{max-width:500px}.import-data h3{font-size:24px}.import-data .btm-wrap{padding:80px 40px;background-color:#f2f4f8}.import-data .btm-wrap .img-wrap{max-width:800px;margin:0 auto}.templates-wrap{background-color:#c2b8fd}.temp-list-wrap{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.templates-wrap h2{font-size:45px;text-align:center;margin-bottom:40px}.temp-list-wrap li a{text-align:center;color:#000}.temp-list-wrap li a:hover{color:var(--zwc-link-clr)}.temp-list-wrap li{display:flex;align-items:center;gap:20px;padding:5px;background-color:#fff;border-radius:10px;flex-flow:column;width:24%;transition:all .5s ease}.temp-list-wrap li:hover{transition:all .5s ease;transform:scale(1.03);box-shadow:2px 4px 8px rgba(0,0,0,0.1)}.temp-list-wrap li img{width:100%}.temp-list-wrap li p{margin:10px 0 12px;font-family:var(--zf-primary-semibold)}.templates-wrap .ztbg-btn a{color:#fff}.templates-wrap .ztbg-btn{display:flex;max-width:max-content;margin:40px auto 0}.faq .content-wrap{background-color:unset}.faq-item.active{background-color:#f5f7fe}@media(max-width:1440px){.banner .content-wrap{overflow:hidden}.banner .rightside{right:-140px}}@media(max-width:1280px){.banner .content-wrap{padding-left:0}.btn-wrap{justify-content:center}.banner .inner-wrap{flex-flow:column;align-items:center}.banner .list-wrap{justify-content:center}.banner .leftside{max-width:unset;width:80%;text-align:center;padding-bottom:150px}.banner h1 span{display:block}.banner .rightside{width:70%;right:0;display:flex;justify-content:center}}@media(max-width:1199px){.item-title-wrap h3{font-size:62px}.mob-res-slide ul .zticon_wrap{width:62px;height:62px}}@media(max-width:1024px){.item-title-wrap h3{font-size:52px}}@media(max-width:991px){.mob-res-slide ul .zticon_wrap:before{transform:scale(0.8)}.two-clm .box{padding:30px}.banner .content-wrap{padding-left:0}.banner .leftside,.banner .rightside{width:90%;margin:0 auto}.mob-res-slide ul .zticon_wrap{width:52px;height:52px}.why-zt .views{padding:30px}.content{width:100%}.cen-align .item-title-wrap{flex-flow:column;text-align:center}.cen-align .tablist{align-items:left;flex-flow:column}.cen-align .tablist-item{width:100%}.item-title-wrap p{margin:0 auto 0}.integration .inner-content-wrap h2{max-width:100%}.integration .inner-content-wrap{flex-flow:column;justify-content:center;align-items:center;text-align:center;gap:10px}}@media(max-width:767px){.btn-wrap{justify-content:flex-start;flex-flow:column;align-items:flex-start}.watch-video-wrap{margin-top:20px}.mob-ban-img{width:20%}.import-data .content-wrap{padding-bottom:0}.text-content h4{font-size:20px}.accordian-video h2,.import-data h2,.templates-wrap h2,.why-zt h2{font-size:32px;text-align:left}.temp-list-wrap li{padding:10px}.temp-list-wrap li p{font-size:15px;line-height:1.5}.temp-list-wrap li{width:45%}.import-data .ctn-wrap,.import-data .ctn-wrap.active{background-color:unset;border:unset;border-bottom:1px solid #ddd}.import-data .ctn-wrap:last-child{background-color:unset;border:unset}.mob-app-store .inner-wrap{text-align:center;flex-flow:column}.accordian-video .top-para{text-align:left}.banner .list-wrap li{padding:0;margin-bottom:10px;border:unset}.banner .list-wrap{flex-wrap:wrap;flex-flow:column;justify-content:flex-start;align-items:flex-start}.banner .list-wrap{flex-wrap:wrap}.import-data .ctn-wrap{max-width:100%}.import-data .btm-wrap{display:none}.why-zt .views,.why-zt .two-clm,.import-data .top-wrap{flex-flow:column}.two-clm .box{width:100%}.why-zt .leftside,.why-zt .rightside{width:100%}.why-zt .rightside{min-height:unset}section .content-wrap{padding:60px 0}.banner .leftside{text-align:left;padding-bottom:60px}.banner h1{font-size:40px}.software-illus{position:relative}.integration p{margin-bottom:40px}.integration .tag{margin:0 0 10px}.accordian-video .inner-wrap{padding:10px}.accordian-video h2{margin-bottom:30px}.integration .inner-content-wrap{text-align:left}.integration-table{padding:0}.image-container{display:none}.accordian-video .content{width:100%}.mob-app-feature .content{flex-flow:column}.item-title-wrap h3{font-size:42px}.integration .cell{display:none}.integration .google-drive,.integration .zoho-workdrive,.integration .zoho-crm,.integration .dropbox{display:flex;flex-direction:column;margin-bottom:40px}.integration .zoho-crm{margin:0}.integration .content-wrap{padding-bottom:60px}.integration .row{display:block}.integration .row .cell:first-child::after,.integration .row .cell:last-child::after{display:none}}@media(max-width:480px){.temp-list-wrap li{width:90%}.zt-home h1{font-size:36px}.item-title-wrap h3{font-size:36px}.feature-box p{font-size:22px}}