*,*:before,*:after{box-sizing:border-box}.content-wrap{max-width:1170px;overflow:visible}.border_bottom{border-bottom:1px solid}.border_right{border-right:1px solid}.read_more{position:relative;color:#2638c1;cursor:pointer;font-size:19px}.read_more::after{content:"";background-image:url(//www.zoho.com.cn/sites/zweb/images/learn/features-new/icons-sprite.svg);width:20px;height:20px;position:absolute;right:-25px;top:-2px;background-size:700px;background-position:0 -62px}.zanimated_icons{width:65px;height:70px;margin:0 auto}.mobile_view{display:none}.zwrapper{display:inline-block;width:100%;overflow:hidden}h1{font-family:var(--zf-secondary-bold);font-size:48px;color:#fac787}h1 span{color:#fac787}h2{font-family:var(--zf-secondary-regular);font-size:38px}h2 span,.zbanner_title{font-family:var(--zf-secondary-bold)}h3{font-family:var(--zf-secondary-bold);font-size:21px}section.zheader span.zsvg{width:100%;height:290px;z-index:0;position:absolute;left:85px;left:85px}.path-3{stroke:#968179;stroke-dasharray:2070;stroke-dashoffset:2070;stroke-width:1px;animation:dash_t 3s linear forwards .5s}.path-4{stroke:#141438;stroke-dasharray:3px;stroke-width:3px}.path-3,.path-4{fill:none}@keyframes dash_t{0%{stroke-dashoffset:2070}100%{stroke-dashoffset:0}}.zbanner_wrap h2{font-size:28px;max-width:400px;margin:0 auto 50px}.zbanner_wrap h2 span{color:#fac787}.zsprite_icons{background-image:url(//www.zoho.com.cn/sites/zweb/images/learn/features-new/icons-sprite.svg)}.zwrapper>section{position:relative}.zflex{display:flex;position:relative}.zflex.zwrap{flex-wrap:wrap}.zsection1 .zflex,.zsection2 .zflex,.zsection8 .zflex{align-items:center}.zheader{background:#141438}.zheader{padding:150px 0 200px;color:#fff}.zheader .zheader-content{width:45%;padding-right:30px}.zheader-illus .zillus-1{max-width:300px;left:280px;transform:translateX(200px);opacity:0;transition:all 1s cubic-bezier(0.11,0.16,0.43,0.86) 0s;position:absolute}.middle-animated .zheader-illus .zillus-1{transform:translateX(100px);opacity:1}section.zheader .content-wrap{max-width:1280px}section.zheader img.zillus-3{max-width:346px;top:-20px;position:absolute;left:135px;transition-delay:.7s !important;animation:animate1 3s linear 3s infinite alternate;transition:transform 1s !important}.zb-safari section.zheader img.zillus-3{animation:none}.search_img{position:absolute;top:-65px;max-width:350px;right:0;transition:all 500ms cubic-bezier(0.11,0.16,0.43,0.86) .8s}.header_doc_icon{width:30px;height:30px;background-size:800px;background-position:0 -24px;position:absolute;left:106px;transition-delay:.8s !important;animation:animate1 3s linear .1s infinite alternate}.zb-safari .header_doc_icon{animation:none}.zb-safari img.zillus-2{animation:none}.header_chart_icon{width:30px;height:30px;background-size:800px;background-position:-28px -24px;position:absolute;right:17px;bottom:-56px;transition-delay:.6s !important}@keyframes animate1{0%{opacity:1;transform:translateY(0)}50%{transform:translateY(10px)}100%{transform:translateY(0)}}.zheader-illus{width:55%;position:relative;padding-top:130px}img.zillus-2{max-width:321px;position:absolute;top:150px;left:-70px;transition-delay:0 !important;animation:animate1 3s linear .5s infinite alternate}.zsection .zflex>div{width:40%;position:relative}.zsection .zflex>div.zimg{width:60%}.zimg2{position:relative}.zsection1 .zmain-img{max-width:570px;opacity:0;transform:translateY(80px);transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) 0s}.zsection1 .middle-animated .zmain-img{opacity:1;transform:translateY(0)}.zsection1 img.zab-img.zab-1{position:absolute;max-width:258px;left:-39px;top:-17px;transform:translate3d(195px,195px,10px);opacity:0;transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) .5s}.zsection1 .middle-animated img.zab-img.zab-1{opacity:1;transform:translate3d(0,0,0)}.zsection1 .zimg1{max-width:653px;float:right;transform:translateY(-80px);transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) 1s;opacity:0}.zsection1 .middle-animated .zimg1{transform:translateY(0);opacity:1}.zsection1 .zimg2{margin-top:30px;float:right}section.zsection{padding:100px 0}.flower_pot_wrap .slideright{transition-delay:2s !important}.zsection2 .zimg1{max-width:607px;transform:translateY(-80px);transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) 1s;opacity:0}.zsection2 .zimg2{float:left;margin-top:20px;left:90px}.zsection2 img.zmain-img{float:left;max-width:540px;transform:translateY(80px);transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) 0s;opacity:0}.zsection2 .middle-animated .zimg1{opacity:1;transform:translateY(0)}.zsection2 .middle-animated img.zmain-img{opacity:1;transform:translateY(0)}.zsection2 img.zab-img.zab-1{position:absolute;max-width:257px;left:-50px;top:-20px;transform:translateX(-80px);transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) .5s;opacity:0}.zsection2 .middle-animated img.zab-img.zab-1{opacity:1;transform:translateX(0)}.zsection3 img.zimg1{max-width:560px;float:right;transform:translateX(100px);opacity:0;transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) 0s}.zsection3 .middle-animated img.zimg1{opacity:1;transform:translateX(0)}.zsection3 img.zimg2{max-width:558px;float:right;margin-bottom:20px;transform:translateY(-80px);opacity:0;transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) .5s}.zsection3 .middle-animated img.zimg2{opacity:1;transform:translateY(0)}.zsection3 img.zimg3{max-width:337px;float:right;margin-bottom:40px;transform:translateX(-100px);opacity:0;transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) 0s}.zsection3 .middle-animated img.zimg3{opacity:1;transform:translateX(0)}.zsection3 .zflex>div.zimg{width:50%}.zsection3 .zflex>div.zcontent{width:50%;padding-left:60px}.zcontent-img{width:100%;display:inline-block}.zsection4 img.zimg1{max-width:604px;margin-bottom:10px;transform:translateX(-100px);opacity:0;transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) 0s}.zsection4 .middle-animated img.zimg1{opacity:1;transform:translateX(0)}.zsection4 img.zimg2{max-width:604px;margin-bottom:10px;transform:translateY(100px);opacity:0;transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) .5s}.zsection4 .middle-animated img.zimg2{opacity:1;transform:translateY(0)}.zsection4 img.zimg3{max-width:418px;transform:translateY(100px);opacity:0;transition:all 800ms cubic-bezier(0.11,0.16,0.43,0.86) 1s}.zsection4 .middle-animated img.zimg3{opacity:1;transform:translateY(0)}section.zsection.zsection4 .zflex{align-items:flex-end}.zsection4 .zflex>div.zimg{padding-bottom:40px;width:45%;padding-left:120px}.zsection4 .zcontent{margin-left:50px}.zsection5 img.zimg3{max-width:622px;float:left;transform:translateY(50px);transition:all 800ms cubic-bezier(0.28,0.78,1,1) .9s;opacity:0}.zsection5 .middle-animated img.zimg3{opacity:1;transform:translateY(0)}.zsection5 img.zimg2{max-width:580px;float:left;margin-bottom:20px;transform:translateY(-50px);transition:all 800ms cubic-bezier(0.28,0.78,1,1) .5s;opacity:0;margin-left:40px}.zsection5 .middle-animated img.zimg2{opacity:1;transform:translateY(0)}.zsection5 img.zimg1{max-width:260px;margin-bottom:20px;transform:translateY(-50px);transition:all 800ms cubic-bezier(0.28,0.78,1,1) 0s;opacity:0}.zsection5 .middle-animated img.zimg1{opacity:1;transform:translateY(0)}.zsection6 img.zimg1{max-width:285px;margin-bottom:20px;transform:translateY(-100px);opacity:0;transition:all 800ms cubic-bezier(0.28,0.78,1,1) 0s}.zsection6 .middle-animated img.zimg1{opacity:1;transform:translateX(0)}.zsection6 img.zimg2{max-width:594px;transform:translateX(-100px);opacity:0;transition:all 800ms cubic-bezier(0.28,0.78,1,1) 0s}.zsection6 .middle-animated img.zimg2{opacity:1;transform:translateX(0)}.zsection7 img.zimg1{max-width:630px;float:right;transform:translateX(100px);opacity:0;transition:all 800ms cubic-bezier(0.28,0.78,1,1) 0s}.zsection7 .middle-animated img.zimg1{opacity:1;transform:translateX(0)}.zsection7 img.zimg2{max-width:342px;transform:translateX(-100px);opacity:0;transition:all 800ms cubic-bezier(0.28,0.78,1,1) .5s}.zsection7 .middle-animated img.zimg2{opacity:1;transform:translateX(0)}.zsection7 img.zimg3{position:absolute;max-width:342px;right:-240px;bottom:5px;transform:translateX(-367px);opacity:0;transition:all 800ms cubic-bezier(0.28,0.78,1,1) 1s}.zsection7 .middle-animated img.zimg3{opacity:1;transform:translateX(0)}.zlearnfeatures li{display:inline-block;width:31%;padding:30px 20px;border-color:#292962;position:relative;vertical-align:top;height:285px;margin:5px 10px}.border_right_edged::after{content:"";position:absolute;height:96%;border-right:1px solid #292962;top:0;right:-11px}.zbanner_wrap{background-color:#141438;padding:100px 0;color:white;text-align:center;border-radius:10px;box-shadow:0 33px 66px #01011534;margin-bottom:50px;transition-delay:none}.zsection_main_feature{text-align:center;position:relative;padding-top:50px;z-index:3}.zsection_main_feature p{max-width:650px;margin:0 auto 100px}.feature_main_img img,.feature_main_img source{box-shadow:0 33px 66px #01011534}picture.feature_main_img:before{content:"";width:370px;height:370px;position:absolute;border-radius:50%;z-index:-1;right:13px;top:300px}.feature_main_img:after{content:"";width:230px;height:230px;position:absolute;border-radius:50%;z-index:-1;left:30px;bottom:130px}.zsection_one .feature_main_img:after,.zsection_one .feature_main_img:before{background-color:#fff3e3}.zsection_two .feature_main_img:after,.zsection_two .feature_main_img:before{background-color:#fccfcf}.flower_pot_wrap img,.flower_pot_wrap source{position:absolute;left:0;bottom:0}.bulb_icon{background-size:800px;width:80px;height:82px;background-position:-59px 0;margin:0 auto 20px}.zsection8 .zimg1{position:relative;z-index:3}.zsection8 .zimg1::before{content:"";width:100px;height:100px;border-radius:50%;position:absolute;background-color:#fef2e2;top:44px;left:-39px;z-index:-1}.zsection8 .zimg2{position:absolute;bottom:-130px;left:-120px;z-index:9;max-width:550px;transition-delay:.5s !important}.zsection8 .zimg3{position:absolute;bottom:-70px;right:18px;z-index:10;max-width:230px}.zsection8 .zimg{width:50% !important}.zsection8 .zcontent{margin-left:50px}.zbanner_wrap .zsprite_icons{width:50px;height:50px;margin:0 auto 10px;background-size:900px;overflow:hidden}.zbannersection:before{content:"";width:100%;position:absolute;height:56%;top:0}.zbannersection.zbanner1:before{background-color:#fff9f0}.zbannersection.zbanner2:before{background-color:#fdf5f5}.zbanner2 .zbanner_wrap{box-shadow:none;margin-bottom:0}.zsection_one{background-color:#fff9f0}.zsection_two{background-color:#fdf5f5}.spaces_icon{background-position:-158px -18px;transition-delay:.1s !important}.articles_icon{background-position:-212px -18px;transition-delay:.2s !important}.zsprite_icons.wiki_editor_icon{width:51px;background-position:-268px -18px;transition-delay:.3s !important}.template_icon{background-position:-326px -20px;transition-delay:.4s !important}.tracker_icon{background-position:-381px -21px;transition-delay:.5s !important}.comments_tracker{background-position:-432px -21px;transition-delay:.5s !important}.book_desk_icon{background-size:870px;width:98px;height:82px;background-position:-458px -2px;margin:0 auto 5px}.zbanner2 h2 span{color:#fa8787}.zbanner2 h2{max-width:540px}.builder_icon{background-position:-572px -19px;transition-delay:.1s !important}.discussion_icon{background-position:-625px -19px;transition-delay:.2s !important}.drip_icon{background-position:-678px -19px;transition-delay:.3s !important}.zsprite_icons.marker_icon{background-position:-729px -19px;width:55px;transition-delay:.4s !important}.quiz_icon{background-position:-789px -19px;transition-delay:.5s !important}.zsprite_icons.setting_tracker{background-position:-847px -19px;width:53px;transition-delay:.6s !important}.zfooter_section h2{font-size:43px}.zfooter_inner{text-align:center;max-width:800px;margin:0 auto 100px}.zsection_main_feature .slideup{transition-delay:1s !important}.zwrapper .slideup{opacity:0;transition:1s all;transform:translateY(50px)}.zwrapper .middle-animated .slideup{transform:translateY(0);opacity:1}.zwrapper .fadein{opacity:0}.zwrapper .middle-animated .fadein{opacity:1}.zwrapper .slideright{opacity:0;transition:1s all;transform:translateX(-50px)}.zwrapper .middle-animated .slideright{transform:translateX(0);opacity:1}.zwrapper .slideleft{opacity:0;transition:1s all;transform:translateX(50px)}.zwrapper .middle-animated .slideleft{transform:translateX(0);opacity:1}.zwrapper .slidein{opacity:0;transition:1s all;transform:scale(0)}.zwrapper .middle-animated .slidein{transform:scale(1);opacity:1;transition-delay:.3s}@media only screen and (max-width:1279px){.desktop_view{display:none}.mobile_view{display:block}.zheader{padding:50px 0}.zflex.zwrap,section.zsection.zsection4 .zflex{-webkit-box-align:center;-ms-flex-align:center;align-items:center;flex-wrap:unset}.zsection .zflex>div{width:49%;padding:25px}section.zsection{padding:70px 0}.zlearnfeatures li{height:300px;width:29%;padding:30px 0}.zheader .zflex.zwrap{flex-wrap:wrap;text-align:center}.zheader .zheader-content{width:90%;margin:0 auto;max-width:700px;padding-right:0}.zheader .header_illus{margin:50px auto 0;max-width:700px;width:100%}.zsection3 img.zimg3,.zsection5 img.zimg1{opacity:1;transform:none;transition:none}.zsection8 .zcontent{margin-left:0}}@media only screen and (max-width:991px){.read_more::after{top:-4px}.zflex.zwrap,section.zsection.zsection4 .zflex{flex-wrap:wrap}.zsection .zflex>div,.zsection3 .zflex>div.zcontent{width:100%;text-align:center}.left_img{order:2}.zsection5 .zimg1,.zsection3 .zimg3{display:none}.mobile_view img{max-width:75%}section .zcontent,.zsection4 .zcontent,.zsection8 .zcontent{padding:0 !important;max-width:95%;margin:0 auto 40px}section.zsection{padding:30px 0}h2,.zfooter_section h2{font-size:31px}.zcontent p{padding:0 40px}.zsection_main_feature p{margin-bottom:50px}.zfooter_section{padding:50px}.zlearnfeatures li{height:300px}.read_more{font-size:17px}}@media only screen and (max-width:767px){.menu-icon-help-header .product-title a{color:white !important}h2,.zfooter_section h2,.zbanner_wrap h2{font-size:27px}h1{font-size:33px}.mobile_view img{max-width:100%}.zsection_main_feature p{max-width:80%}.zcontent p{padding:0}.zlearnfeatures li{width:45%;border-bottom:1px solid #1f346e;padding:30px 10px 0;height:275px;margin:0;margin-left:-3px}.border_right_edged::after{height:0}.zlearnfeatures li:nth-child(odd){border-right:1px solid #1f346e}.zlearnfeatures li:nth-child(even){border-right:0}.zlearnfeatures li:nth-child(5),.zlearnfeatures li:nth-child(6){border-bottom:0}.zbanner_wrap{padding:50px 0}.zlearnfeatures p{font-size:14px}.zfooter_section{padding:50px 10px}.zsection .zflex>div{padding:0}.zbanner2 h2{max-width:450px}.read_more{font-size:15px}}@media only screen and (max-width:550px){.zlearnfeatures li{width:80%;display:block;border:none !important;margin:0 auto;height:auto}.zbanner_wrap{padding:50px 20px}}.i18n-ar .zsection_main_feature h2{text-align:center}.i18n-ar .flower_pot_wrap img,.i18n-ar .flower_pot_wrap source{right:0}.i18n-ar .zsection_main_feature p{text-align:center}.i18n-ar .zimg desktop_view{margin-right:-100px}.i18n-ar .zcontent{margin-right:50px}.i18n-ar .zimg desktop_view{margin-right:-100px}.i18n-ar .zcontent{margin-right:50px}.i18n-ar .zfooter_inner{text-align:center}.i18n-ar .zheader-illus .zsvg{display:none}.i18n-ar .zsection_main_feature .desktop_view{text-align:center}.i18n-ar .zflex.zwrap{flex-wrap:nowrap}.i18n-ar .zlearnfeatures li p{text-align:center}@media only screen and (max-width:991px){.i18n-ar .zcontent{max-width:600px;margin:0 auto 20px}.i18n-ar .mobile_view{text-align:center}.i18n-ar .zcontent h2,.i18n-ar .zcontent p{text-align:center}.i18n-ar .zflex.zwrap{flex-wrap:wrap}.i18n-ar .zheader-content p,.i18n-ar .zheader-content h1{text-align:center}.i18n-ar .zfooter_inner h2{text-align:center}}