*{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--zf-primary-regular),sans-serif;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5em;color:#333;overflow-x:hidden}body{font-size:18px;font-family:var(--zf-primary-regular),sans-serif;margin:0;padding:0}button,input,select,textarea{font-family:var(--zf-primary-regular),sans-serif}a{text-decoration:none;outline:0;transition:color ease .2s}ol ol,ol ul,ul ol,ul ul{margin:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;height:auto;width:auto;vertical-align:middle;position:relative}p,pre{margin:1.5em 0}blockquote{margin:1.5em 30px}h1{font-family:var(--zf-primary-semibold),sans-serif;font-size:44px;line-height:1.2em;margin-top:-0.5em;margin-bottom:.5em;font-weight:normal;color:#003680}h2{font-family:var(--zf-primary-semibold),sans-serif;font-size:36px;line-height:1.3em;margin-top:.75em;margin-bottom:.75em;font-weight:normal;color:#003680}h3{font-family:var(--zf-primary-semibold),sans-serif;font-size:26px;line-height:1.3em;margin-top:.75em;margin-bottom:.75em;font-weight:normal;color:#003680}h4{font-family:var(--zf-primary-semibold),sans-serif;font-size:20px;line-height:1.5em;margin-top:1em;margin-bottom:1em;font-weight:600;color:#003680}h5{font-family:var(--zf-primary-semibold),sans-serif;font-size:18px;line-height:1.25em;margin-top:1.25em;margin-bottom:1.25em;font-weight:normal}h6{font-family:var(--zf-primary-regular),sans-serif;font-size:16px;line-height:1.25em;margin-top:1em;margin-bottom:1em}p{font-family:var(--zf-primary-regular),sans-serif;line-height:1.5em;margin:1em 0;font-size:18px}.clearfix:after{clear:both;display:table;content:""}section{position:relative}.zs_padding_null{padding:0}.zs_margin_null{margin:0}.zs_paddingtop{padding-top:15px}.zs_margintop{margin-top:15px}.zs_paddingbottom{padding-bottom:15px}.zs_marginbottom{margin-bottom:15px}.zs_paddingtopbottom{padding:15px 0}.zs_margintopbottom{margin:15px 0}.zs_paddingtop_small{padding-top:30px}.zs_paddingbottom_small{padding-bottom:30px}.zs_margintop_small{margin-top:30px}.zs_marginbottom_small{margin-bottom:30px}.zs_paddingtopbottom_small{padding:0}.zs_margintopbottom_small{margin:30px 0}.zs_paddingtop_large{padding-top:50px}.zs_paddingbottom_large{padding-bottom:50px}.zs_margintop_large{margin-top:50px}.zs_marginbottom_large{margin-bottom:50px}.zs_paddingtopbottom_large{padding:50px 0}.zs_margintopbottom_large{margin:50px 0}.zs_center{text-align:center}.zs_flex{display:flex;justify-content:center;align-items:center}.zs_tablecell{display:table-cell;vertical-align:middle;position:relative}.zs_inlineblock{display:inline-block;vertical-align:middle}.zs_block{display:block}.zs_table{display:table;table-layout:fixed;width:100%}.zs_hidden{display:none}.zs_alignright{text-align:right}.zs_alignleft{text-align:left}.zs_sectioncontainer{max-width:1280px;margin-left:auto;margin-right:auto;padding:0 10px}.zs_leftimage,.zs_rightimage{width:60%}.zs_leftimage img,.zs_rightimage img{max-width:80%}.zs_leftcontent,.zs_rightcontent{width:40%}.zs_leftimage{left:-30%}.zs_largeimage img{max-width:125%}.zs_designcharts .zs_rightimage{right:-12%}.zs_designcharts .zs_leftimage{left:-12%}.zs_bannerleft,.zs_bannerright{width:50%}.zs_svgicon{fill:#a4a4a4;color:#474747;width:20px;height:20px}.zs_strokeicons{stroke:#474747;color:#a4a4a4}.zs_bggraphics{background:#fafafc;display:block;width:100%;position:absolute;z-index:-1;height:100%;top:0;transform:skew(0,4deg)}.zs_bannercontainer{min-height:calc(100vh - 115px);width:100%}.zs_chartbanner .zs_groupright{padding:0 0 0 50px}.zs_animationcharts,.zs_containerwidth,.zs_headcontent p{max-width:80%;margin:0 auto}.zs_animationcharts p{max-width:90%;margin:1em auto}.zs_containerwidth{max-width:85%}.zs_headcontent a{display:inline-block;margin-top:15px;margin-bottom:15px}.zs_chartcontent h1{color:#003680;margin:.5em 0}.zs_chartcontent p{width:90%}.zs_chartmenus{width:100%;margin-right:5%;height:420px;max-width:250px}.zs_chartlist{background:url(//www.zohowebstatic.com/sites/zweb/images/show/charttab-bg.jpg) center;background-size:cover}.zs_typesofchartimage{width:calc(100% - 250px);box-shadow:0 0 16px #f2f2f2;background:#fff;padding:30px;height:420px}.zs_chartmenus ul li{font-size:16px;margin-bottom:10px;height:50px;line-height:50px;cursor:pointer;list-style:none outside none;text-align:left;position:relative;border-bottom:2px solid #ffffff00;white-space:nowrap}.zs_chartmenus ul li a span:last-child{margin-left:30px;padding:10px;white-space:nowrap}.zs_chartmenus ul li.active{box-shadow:0 0 16px #f2f2f2;background:#fff;border-radius:2px}.zs_chartmenus ul li a{text-decoration:none;color:#000;padding:0 5px;display:block}.zs_chartbg{display:none}.tabContent video{max-height:350px;height:100%}.zs_chartbg video,.zs_headcontent p{max-width:75%}.tab-active{display:block}.zs_chartmenus ul li.active .zs_svgicon{fill:#f894ae;color:#7870ae}.zs_chartmenus ul li.active .zs_svgicon.zs_strokeicons{stroke:#f894ae;color:#7870ae}.zs_import_chart,.zs_chart_img,.zs_chart_img .zs_chart_editor{max-width:100%}.zs_chart_img{margin:50px auto 20px;position:relative}.zs_chart_img .zs_chart{position:absolute;top:28%;left:30%;width:25%;opacity:1}.zs_chart_img .zs_chart_data{position:absolute;top:40%;left:63%;width:7%;opacity:1}.zs_chart_img .zs_chart_select{position:absolute;top:23%;left:27%;width:48%;opacity:0}.zs_chart_img .zs_chart_animationtab{position:absolute;top:5.1%;left:78.1%;width:16.7%;opacity:0}.zs_chart_img .zs_chart_addanimation{position:absolute;top:20.5%;left:82.4%;width:8.6%;opacity:0}.zs_chart_img .zs_chart_animationlist{position:absolute;top:24%;left:61.6%;width:29.3%;box-shadow:0 5px 10px rgba(0,0,0,.2);opacity:0}.zs_chart_img .zs_chart_value{position:absolute;top:10%;left:78.1%;width:16.6%;opacity:0}.zs_chart_img div[class^="zs_highlight"]{height:5%;width:2.7%;border-radius:50%;position:absolute;top:46.4%;left:47.1%;background:#c94038;opacity:0}.zs_chart_img div[class$="tab2"]{left:85%;top:5%}.zs_chart_img div[class$="tab3"]{left:85.4%;top:19.5%}.zs_chart_img div[class$="tab4"]{left:81.9%;top:41%}.add_Chartanimation .zs_chart{animation:modifychart 2s;animation-fill-mode:forwards}.zs_animatebutton{position:relative;width:100%;height:20px;display:flex;justify-content:center;padding-right:50px}.zs_playbutton{cursor:pointer}.zs_playbutton.zs_playanim{cursor:pointer}.zs_disable,.zs_importdisable,.zs_designdisable,.zs_chartdisable{position:absolute;margin:0 auto;text-align:center;display:block;width:100%;background:#fff;height:25px;opacity:.5;cursor:default;top:-5px}.i18n-ar .zs_chartmenus ul li a span:last-child{margin-right:30px;margin-left:unset}.i18n-ar .zs_chartmenus ul li .zs_svgicon{right:15px;left:unset}.i18n-ar .zs_chartmenus{margin-left:5%;margin-right:unset}@keyframes modifychart{0%{opacity:1;transform:rotate(0) scale(0.5)}50%{opacity:1;transform:rotate(-450deg) scale(1.1)}100%{opacity:1;transform:rotate(-360deg) scale(1.0)}}@media only screen and (max-width:1280px){.zs_sectioncontainer{padding:0 20px}.zs_chartimage{right:0;padding-left:0}}@media only screen and (max-width:1160px){.zs_bannercontainer{min-height:auto}.zs_chartbg video,.zs_headcontent p{max-width:85%}}@media only screen and (min-width:1080px){.i18n-ar .zs_chartcontent.zs_bannerleft{padding-right:60px}.zs_chartbanner .zs_sectioncontainer{max-width:100%;margin-left:100px;margin-right:20px;padding:0 10px}}@media only screen and (max-width:990px){.i18n-ar .zs_chartcontent.zs_bannerleft{align-items:center}.i18n-ar .zs_designcharts .zs_twocol .zs_rightimage{left:0}.i18n-ar .zs_designcharts .zs_twocol .zs_leftimage{right:0}.i18n-ar .zs_colAlign{align-items:center}.zs_designcharts .zs_twocol.zs_ar_reverse{flex-direction:column-reverse}h1{font-size:36px}h2{font-size:30px}h3{font-size:22px}p{font-size:18px}.zs_paddingtop_small{padding-top:20px}.zs_paddingbottom_small{padding-bottom:20px}.zs_margintop_small{margin-top:20px}.zs_marginbottom_small{margin-bottom:20px}.zs_paddingtopbottom_small{padding:20px 0}.zs_margintopbottom_small{margin:20px 0}.mB40{margin-bottom:20px}.mB50{margin-bottom:30px}.zs_paddingtopbottom_large{padding:30px 0}.zs_headcontent h2,.zs_animationcharts h2{font-size:30px !important;padding-bottom:0 !important}.zs_chartbanner p{font-size:18px}.zs_animationcharts{max-width:100%}.zs_chartmenus,.zs_typesofchartimage{width:100%;max-width:100%}.zs_flex.zs_containerwidth{max-width:100%;display:block}.zs_chartlist{background:#f9f9f9}.zs_chartmenus ul li{min-width:50px;margin:0 auto}.zs_chartmenus ul li .zs_leftTab{width:100%;justify-content:center}.zs_chartmenus ul li.active{background:0}.zs_chartmenus ul li span:last-child{display:none}.zs_chartmenus,.zs_typesofchartimage{margin-right:0;height:auto}.zs_chartmenus ul{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.zs_chartmenus ul li.active{box-shadow:none;border-bottom:2px solid #e25e49}.zs_designcharts .zs_twocol{padding:30px 0}}@media only screen and (max-width:767px){main .zs_animatebutton{padding-right:20px}.i18n-ar .zs_chartcontent.zs_bannerleft p{text-align:center}.zs_chartcontent.zs_bannerleft{align-items:center !important}.zs_bannercontainer{flex-direction:column}.zs_chartmenus ul li{justify-content:center;display:flex}.zs_tablecell,.zs_flex{display:inline-block}.zs_leftcontent:after{display:none}.zs_leftimage,.zs_rightimage,.zs_leftcontent,.zs_rightcontent,video,.zs_chartcontent,.zs_bannerright,.zs_bannerleft,.zs_chartcontent p{width:100%}.zs_leftcontent,.zs_rightcontent,.zs_leftimage,.zs_rightimage,.zs_groupleft,.zs_groupright{margin:20px 0}.zs_designcharts .zs_twocol.zs_reversecontainer{display:inline-flex;flex-direction:column-reverse}.zs_designcharts .zs_rightimage,.zs_chartimage{right:0}.zs_designcharts .zs_leftimage{left:0}.zs_chartbanner .zs_bannerleft,.zs_leftcontent,.zs_rightcontent{text-align:center}.zs_designcharts .zs_twocol{padding:0;flex-direction:column}}@media only screen and (max-width:320px){.zs_chartmenus ul li{min-width:45px}}.lang-ar .zs_sectioncontainer h2,.lang-ar .zs_sectioncontainer p,.lang-ar .zs_sectioncontainer a,.lang-ar .zs_sectioncontainer,.lang-ar .zs_headcontent h2,.lang-ar .zs_animationcharts h2,.lang-ar .zs_animationcharts,.lang-ar .zs_sectioncontainer .create-new-btn{text-align:center}.lang-ar .zs_chartcontent p,.lang-ar .zs_chartcontent a,.lang-ar .zs_chartcontent .create-new-btn{text-align:right}.lang-ar .zs_designcharts .zs_rightimage{left:-12%;right:unset}.lang-ar .zs_leftcontent p,.lang-ar .zs_leftcontent a,.lang-ar .zs_rightcontent p,.lang-ar .zs_rightcontent a{text-align:right}.lang-ar .zs_designcharts .zs_leftimage{right:-25%;left:unset}@media screen and (min-width:767px){.zs_piechart{margin-top:100px}}@media screen and (max-width:767px){.i18a-nr .zs_reversecontainer{flex-direction:column-reverse}.lang-ar .zs_chartcontent h1,.lang-ar .zs_leftcontent,.lang-ar .zs_leftcontent h3,.lang-ar .zs_rightcontent,.lang-ar .zs_rightcontent h3,.lang-ar .zs_chartcontent p,.lang-ar .zs_chartcontent a,.lang-ar .zs_chartcontent .create-new-btn,.lang-ar .zs_leftcontent p,.lang-ar .zs_leftcontent a,.lang-ar .zs_rightcontent p,.lang-ar .zs_rightcontent a{text-align:center}.lang-ar .zs_designcharts .zs_rightimage{left:0;right:unset}.lang-ar .zs_designcharts .zs_leftimage{right:0;left:unset}}.zs_switch.unchecked .zs_toggle_titleright{left:36px}.zs_toggle_titleright{left:36px}.zs_toggle_titleleft,.zs_toggle_titleright{font-size:10px}.zs_w_100{width:100%}.zs_h_100{height:100%}.zs_leftTab{display:flex;align-items:center}.zs_tabIcon{padding:2px 10px;display:flex;align-items:center}.zs_d-flex{display:flex}.zs_chartcontent.zs_bannerleft{display:flex;flex-direction:column;align-items:start;justify-content:center}.zs_disableBtn{opacity:.4;pointer-events:none}.zs_group_content{padding:40px 0}.zs_colAlign{display:flex;flex-direction:column;justify-content:center}.zs_justifyCenter{justify-content:center}.play-video-firstblock{right:10px;position:relative;height:calc(100% - 35px)}.play-video-secondblock{left:10px;position:relative;height:calc(100% - 35px)}.zs_chart_img img{width:100%;height:auto}.i18n-ar .zs_choosecharts h2,.i18n-ar .zs_choosecharts p,.i18n-ar .zs_importingcharts .zs_sectioncontainer,.i18n-ar .zs_importingcharts h2,.i18n-ar .zs_importingcharts p,.i18n-ar .zs_piechart div,.i18n-ar .zs_choosecharts .zs_sectioncontainer,.i18n-ar .zs_designcharts h2,.i18n-ar .zs_designcharts p,.i18n-ar .zs_createmagic h2{text-align:center}.i18n-ar .zs_designcharts .zs_rightimage{left:-12%;right:unset}.i18n-ar .zs_designcharts .zs_leftimage{right:-12%;left:unset}