.content-wrap{width:100%;max-width:1170px;margin:0 auto;box-sizing:border-box;padding:0 20px}.quote-box-two h4{font-size:22px}.bottom-cta-section h3{font-size:40px;margin-bottom:30px;margin:0 auto 30px;max-width:570px}.bottom-cta-section{text-align:center;max-width:840px;margin:0 auto;padding:100px 0}.header-top{background:#012637;padding:120px 0;color:#fff}.quote-wrapper{max-width:800px;margin:0 auto;text-align:center}.quote-wrapper h1 span{color:red}.quote-box{background:#0d3140;padding:25px 50px 15px;box-sizing:border-box;position:relative;margin-bottom:40px;text-align:right;border-radius:10px;max-width:720px}.quote-box:after{position:absolute;content:'';bottom:40px;right:-30px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:30px solid #0d3140}.quote-box-two{background:#0d3140;padding:25px 30px 15px;width:100%;max-width:520px;position:relative;text-align:left;margin-bottom:60px;margin-left:14%;border-radius:10px;box-sizing:border-box}.quote-box-two:after{position:absolute;content:'';left:-30px;bottom:30px;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-right:30px solid #0d3140}.quote-box h1{font-size:48px}.accordion-section{padding:100px 0}.accordion-panel{max-width:1140px;margin:150px auto 120px;display:table;table-layout:fixed}.accordion-panel>div{display:table-cell;width:50%;text-align:left;position:relative;padding:3% 5%}.img-cont-sec h5{padding:0;position:relative;cursor:pointer}.img-cont-sec h5:before{content:'+';width:40px;height:40px;background:#f7f7f7;display:inline-block;text-align:center;font-size:34px;color:#f0483e;position:absolute;left:-70px;top:-8px;border-radius:4px;line-height:40px}.img-cont-sec.selected h5:before{background:#f0483e;color:#fff;content:'-';font-size:40px;padding:0;line-height:34px}.img-cont-sec{margin:0 0 40px}.img-cont-sec p{display:none}.mobile-sec-img{display:none}.accordion-panel>div.accord-content{width:35%}.img-browser{background-image:url(//www.zohowebstatic.com/sites/zweb/images/cliq/zoho-cliq-video-collaboration-img-browser-frame.png);background-repeat:no-repeat;width:812px;height:525px;position:absolute;left:0;top:0;background-size:810px auto;box-shadow:2px 2px 16px -2px #ccc}.accordion-panel .img-sec{opacity:0;visibility:visible;position:absolute;top:16px;left:-10px;transition:opacity .3s linear .35s,visibility .4s linear .35s;-webkit-transition:opacity .3s linear .35s,visibility .4s linear .35s;width:812px;padding:10px}.accordion-panel .img-sec img{width:100%;max-width:100%}.accordion-panel .img-sec.active-video{visibility:visible;opacity:1;transform:translateY(0);-webkit-transform:translateY(0);transition:opacity .3s linear .5s,visibility .4s linear .5s;-webkit-transition:opacity .3s linear .5s,visibility .4s linear .5s}.timeline{position:relative;margin:50px auto;padding:40px 0;max-width:1170px;width:100%;box-sizing:border-box}.timeline img{box-shadow:2px 2px 16px -2px #ccc;-webkit-box-shadow:2px 2px 16px -2px #ccc}.timeline ul{padding:0;margin:0}.timeline ul li div.content{position:relative;width:50%;box-sizing:border-box;float:left}.timeline ul li div.img-part{position:relative;width:50%;padding:20px;box-sizing:border-box;float:left}.timeline:before{content:'';position:absolute;left:50%;width:1px;height:100%;background:#c5c5c5}.timeline li{display:inline-block}.timeline ul li:first-child:after{content:'';background:#ccc;width:10px;height:10px;border-radius:50%;position:absolute;bottom:-90px;left:50%;margin-left:-4px}.timeline ul li:nth-child(odd) .img-part.slideup img,.timeline ul li:nth-child(even) .img-part.slideup img{opacity:1;transform:translateY(0)}.timeline ul li:nth-child(odd) .img-part img{max-width:130%;left:-38%;position:relative;transform:translateY(70px);transition:all 1s linear;-webkit-transition:all 1s linear;opacity:0}.timeline ul li:nth-child(even) .img-part img{max-width:130%;position:relative;box-sizing:border-box;transform:translateY(70px);transition:all 1s linear;-webkit-transition:all 1s linear;opacity:0}.trynow-btn{display:inline-block;background:#f04840;font-size:16px;padding:8px 40px;cursor:pointer;box-sizing:border-box;color:#fff;margin-top:30px;text-transform:uppercase;font-family:var(--zf-primary-semibold)}.workflows{padding:130px 20px;background:#fafafa;text-align:center;overflow:hidden}.workflows h1{margin-bottom:20px}.workflows h2{max-width:640px;margin:0 auto;font-size:28px}.workflows .content p{font-size:22px}.timeline ul li:nth-child(odd):before{content:'';position:absolute;width:10px;height:10px;background:#000;border-radius:50%;top:0;left:50%;margin-left:-4px}.timeline ul li:nth-child(odd) .content{text-align:left;padding:20px 40px 0 100px}.timeline ul li:nth-child(even) .content{text-align:right;padding:20px 100px 0 40px}.content h3{font-size:18px}.content h3 span{display:block;font-size:36px}ul.tab-view{margin:80px auto;padding:0;list-style:none}.tab-view li{background:0;color:#222;display:inline-block;padding:10px 60px;cursor:pointer;background:#fff}.tab-content{display:none}.tab-content.current{display:block}.tab-view li.current{background:#df524d;color:#fff}.tab-view li:first-child{border-radius:30px 0 0 30px}.tab-view li:last-child{border-radius:0 30px 30px 0}.quote-box:before{content:'';position:absolute;background-image:url(//www.zohowebstatic.com/sites/zweb/images/cliq/task-management-user-icon.png);background-size:20px auto;background-repeat:no-repeat;background-color:#0d3140;border-radius:50%;background-position:center center;bottom:26px;right:-110px;border:0;display:block;width:60px;height:60px}.quote-box-two:before{content:'';position:absolute;background-image:url(//www.zohowebstatic.com/sites/zweb/images/cliq/task-management-user-icon.png);background-size:20px auto;background-repeat:no-repeat;background-color:#0d3140;border-radius:50%;background-position:center center;bottom:16px;left:-110px;border:0;display:block;width:60px;height:60px}.timeline ul{position:relative}.features-mob img{box-shadow:2px 2px 16px -2px #ccc;-webkit-box-shadow:2px 2px 16px -2px #ccc}.act-btn{padding:10px 60px}.img-cont-sec h5{font:18px/1.4 var(--zf-primary-regular);font-weight:bold}.img-cont-sec.selected h5:before,.img-cont-sec h5:before{font-weight:normal}.access-section{padding:120px 0 0;text-align:center}.access-list li{display:inline-block;width:33.3333%;padding:20px;box-sizing:border-box}.access-list li a{border:1px solid #f3f3f3;color:#000;padding:30px 20px;width:95%;display:block;margin:0 auto;box-sizing:border-box;font-size:20px}.access-list li a:hover{border:1px solid #000}ul.access-list{padding-top:50px}ul.access-list li a>span{background-image:url('//www.zohowebstatic.com/sites/zweb/images/cliq/task-management-sprite.png');background-repeat:no-repeat;background-size:140px auto;display:block;width:50px;height:50px;margin:0 auto}ul.access-list li:first-child a>span{background-position:5px 0}ul.access-list li:nth-child(2) a>span{background-position:-45px 0}ul.access-list li:nth-child(3) a>span{background-position:-95px 0}.access-section h3{font-size:30px}@media screen and (min-width:1200px){h2.workflow-head{font:42px/1.2 Zoho_Puvi_Bold;margin:0 auto 10px}}@media only screen and (max-width:1420px){.accordion-section{padding:0 0 240px}.img-browser{width:700px;height:448px;background-size:700px auto}.accordion-panel .img-sec{width:700px;top:8px}.accordion-panel>div{padding:1% 5%}}@media screen and (min-width:1280px){.trynow-btn{margin-top:70px}.timeline ul li:nth-child(even) .img-part img{margin-left:50px}.timeline li:nth-child(1).active~span.lineslide{position:absolute;height:200px;width:1px;background:#000;left:50%;top:0;transition:all .5s linear}.timeline li:nth-child(2).active~span.lineslide{position:absolute;height:200px;width:1px;background:#000;left:50%;top:500px;transition:all .5s linear}.timeline li:nth-child(3).active~span.lineslide{position:absolute;height:200px;width:1px;background:#000;left:50%;top:990px;transition:all .5s linear}.timeline ul li.active:nth-child(odd) .content h3:before{content:'';position:absolute;width:10px;height:10px;background:#000;border-radius:50%;left:40px;top:90px}.timeline ul li.active:nth-child(odd) .content h3:after{content:'';position:absolute;width:40px;height:1px;background:#000;left:0;top:94px}.timeline ul li.active:nth-child(even) .content h3:before{background:#000}.timeline ul li.active:nth-child(even) .content h3:after{background:#000}.timeline ul li:nth-child(even) .content h3:after{content:'';position:absolute;width:40px;height:1px;background:#d4d4d4;right:0;top:94px}.timeline ul li:nth-child(even) .content h3:before{content:'';position:absolute;width:10px;height:10px;background:#d4d4d4;border-radius:50%;right:40px;top:90px}.timeline ul li:nth-child(odd) .content h3:before{content:'';position:absolute;width:10px;height:10px;background:#d4d4d4;border-radius:50%;left:40px;top:90px}.timeline ul li:nth-child(odd) .content h3:after{content:'';position:absolute;width:40px;height:1px;background:#d4d4d4;left:0;top:94px}}@media only screen and (max-width:1280px){.accordion-section{padding:0 0 170px}.img-browser{width:570px;height:368px;background-size:570px auto}.accordion-panel .img-sec{width:570px;top:8px}.timeline ul li:nth-child(odd) .img-part img{max-width:90%;left:0}.timeline ul li div.img-part{width:100%;float:none;display:block}.timeline ul li div.content{float:none;width:100%;max-width:500px;margin:0 auto}.timeline ul li:nth-child(odd) .content{text-align:center;padding:20px 40px}.timeline ul li:nth-child(even) .content{text-align:center;padding:20px 40px}.timeline ul li:nth-child(even) .img-part img{max-width:90%;padding-left:0}.timeline:before,.timeline ul li:nth-child(odd):before,.timeline ul li:nth-child(odd) .content h3:before,.timeline ul li:nth-child(odd) .content h3:after,.timeline ul li:nth-child(odd):after{content:none}.timeline ul li div.content{max-width:790px}.timeline ul li div.img-part{margin-bottom:40px}.workflows{padding:80px 20px}.timeline ul li:nth-child(odd) .content,.timeline ul li:nth-child(even) .content{padding:20px 0}.timeline{padding:0;margin:0}}@media screen and (max-width:991px){.accordion-panel{display:none}.features-mob{display:block;margin:80px 0;text-align:center;padding:0 30px}.features-mob-section{padding:50px 0 0}.features-mob-section h2+p{max-width:70%;margin:0 auto 40px}.timeline{margin:50px auto 0}.workflows{padding:80px 20px}}@media screen and (min-width:992px) and (max-width:1280px){.accordion-panel{max-width:940px}}@media screen and (min-width:992px){.accordion-panel{display:block}.features-mob{display:none}}@media screen and (min-width:768px){}@media screen and (min-width:768px) and (max-width:1280px){.quote-box h1{font-size:28px}.quote-box{margin-right:14%}.quote-wrapper{max-width:590px}.quote-box h1{text-align:left}.quote-box-two{max-width:460px}}@media screen and (min-width:768px) and (max-width:991px){.tab-view li{padding:10px 40px}}@media screen and (max-width:767px){.quote-box,.quote-box-two{background:0;text-align:center}.quote-box-two{margin:0 auto}.quote-box{padding:30px 50px 0;margin-bottom:0}.quote-box:before,.quote-box:after,.quote-box-two:before,.quote-box-two:after{content:none}.quote-box h1{font-size:36px}.tab-view li:first-child,.tab-view li:last-child{border-radius:0}ul.tab-view{max-width:80%}.tab-view li{display:block}.access-list li{display:block;width:70%;margin:0 auto}.bottom-cta-section h3,.access-section h3{font-size:24px}.access-list li a{font-size:16px}}@media screen and (max-width:480px){.access-section{padding:80px 0 0}ul.access-list{padding-top:30px}.access-list li{width:90%}.header-top{padding:60px 0}.features-mob{margin:0 0 60px}.features-mob-section h2+p{max-width:100%}.features-mob{padding:0 10px}.quote-box{padding:30px 10px 0}.timeline ul li div.img-part{padding:0}.timeline ul li:nth-child(odd) .img-part img,.timeline ul li:nth-child(even) .img-part img{max-width:95%}.workflows{padding:80px 0}.timeline{margin:10px auto 0}}