* {padding:0;margin:0;-webkit-box-sizing: border-box;box-sizing: border-box;}
.nomargin{margin: 0px;}
.zhide{display: none !important;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.zflex {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-flex: 1;-ms-flex: auto;flex: auto;}
.zflex-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
.zflex-ac {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.zflex-jsb {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.zflex-jc {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.main-container-wrapper #mini-panel-product_menu {background:#f5f9ff;}
.block-content h2{font-family: var(--zf-primary-bold);}
.zwrapper img{vertical-align: top;}
.block-content .zbtn{display: inline-block;font-family: var(--zf-primary-semibold), Arial, Helvetica, sans-serif;padding: 14px 30px;margin: 0;border: 1px solid transparent;cursor: pointer;box-sizing: border-box;z-index: 1;font-size: 14px; background: #f0483e; color: #ffffff; border-radius: 4px; margin-top: 15px;}
.zsprite {display: inline-block;background-image: url("/sites/default/files/workdrive/collect-files/collect-files-sprite.png");background-size: 1132px auto;background-repeat:no-repeat;}
.ms-only{ display: block; }
.ds-only{ display: none; }
.zwatch {margin-top: 5px;}
.watch-btn {color: #000;padding: 8px 0 10px 38px;text-transform: none;}
.watch-btn:after, .watch-btn:before {position: absolute;content: '';}
.watch-btn:before {left: 0;top: 8px;width: 26px;height: 26px;border: 1px solid #000;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 100%;}
.watch-btn:after {left: 11px;top: 16px;width: 0;height: 0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 7px solid #000;}
/*banner-sec*/
	.banner-sec{background:#f5f9ff;  margin-top: -10px;}
	.banner-sec .banner-image{position: relative; max-width: 703px;padding:10% 8%;}
	.banner-sec .bnr-svg{position: absolute;bottom: 5%;left: -10%;}
	.banner-sec .bnr-svg svg{max-width: 100%;height: 100%;}
	.banner-sec .bnrimg1{position: relative;z-index: 2;}
	.banner-sec .bnrimg2{position: absolute;bottom: 2%;left: -12%;z-index: 2;max-width: 44%;}
	.banner-sec .bnrimg3{position: absolute;top: 3%;right: 2%;max-width: 29%;}
	.banner-sec .bnricon1{background-position: -612px -5px;width: 95px;height: 64px;position: absolute;bottom: 25%;left: -5%;}
	.banner-sec .bnricon2{background-position: -923px -11px;width: 59px;height: 52px;position: absolute;top: 12%;left: 30%;}
/*banner-sec*/
/*custom-upload-sec*/
	.features-main-sec{overflow: hidden;}
	.features-main-sec .content-wrap{overflow: unset;}
	.features-main-sec.fmsec-1{background: #e4f0ff url("/sites/default/files/workdrive/collect-files/blue-bg.jpg");background-size: cover;background-repeat:no-repeat; background-position: center center;}
	.features-main-sec.fmsec-2{background: #E5F1FF;}
	.features-main-sec .zbox-image{position: relative; text-align: center;}
	.features-main-sec .zbox-image .cust-icon{position: absolute;}
	.features-main-sec .zbox-image .cust-icon-right{top: -1%;right: -6%;}
	.features-main-sec .zbox-image .cust-icon-left{bottom: -5%;left: -15%;}
	.features-main-sec .zbox-image .cust-icon-right .cr-box{background-position:-1006px -134px;width: 126px;height: 152px;transform: scale(0.8) translateX(5%);}
	.features-main-sec .zbox-image .cust-icon-left .cl-box{background-position:-848px -138px;width: 147px;height: 170px;transform: scale(0.8) translateX(-2%);}
	.features-main-sec .zbox-image .maintain-data{position: relative;z-index: 1; width: 65%;}
	.features-main-sec .zbox-image .cloud-icon {position: absolute;bottom: 0;right: 0;transform: scale(1.4) translate(15%, -15%);}
/*custom-upload-sec*/
/*features-sec*/
	.features-sec{overflow: hidden;}
	.features-sec .content-wrap{overflow: unset;}
	.features-sec h3{margin-bottom: 10px;}
	.features-sec .fea-box {padding-bottom: 50px;}
	.features-sec .fea-image{position: relative; display: inline-block;margin-bottom: 15px;}
	.features-sec .zsprite{position: absolute;}
	.features-sec .fea-circle-icon{width: 59px;height: 59px;}
	.features-sec .fea-box-3 .fea-img,
	.features-sec .fea-box-4 .fea-img{margin-left: 5%;}
	.features-sec .fea-box-1 .fea-circle-icon{background-position: 0 -8px;top: 6%;left: 73%;}
	.features-sec .fea-box-2 .fea-circle-icon{background-position: -84px -8px;top: 1%;left: 0%;}
	.features-sec .fea-box-3 .fea-circle-icon{background-position: -168px -8px;top: 65%;left: 68%;}
	.features-sec .fea-box-4 .fea-circle-icon{background-position: -251px -8px;top: 60%;left: 0%;}
	.features-sec .fea-box-5 .fea-circle-icon{
        background-position: -298px -349px;
        top: -12%;
        left: 75%;
        background-size: 1200px auto;
    }
	.features-sec .fea-box-6 .fea-circle-icon{background-position: -338px -8px;top: 10%;left: 72%;}
	.features-sec .fea-box-7 .fea-circle-icon{background-position: -422px -8px;top: 10%;left: 80%;}
    .features-sec .fea-box-8 .fea-circle-icon{
        top: 17%;
        left: 100%;
        background-position: -108px -319px;
        width: 65px;
        height: 80px;
    }
	.features-sec .fea-box-1 .fea-draw-icon{background-position: -506px -8px;width: 77px;height: 61px;top: 0%;left: 0%;}
	.features-sec .fea-box-2 .fea-draw-icon{background-position: -612px -5px;width: 95px;height: 57px;top: 49%;left: 83%;}
	.features-sec .fea-box-3 .fea-draw-icon{background-position: -741px -5px;width: 59px;height: 64px;top: 49%;left: -3%;}
	.features-sec .fea-box-3 .fea-box-icon{background-position: -5px -129px;width: 123px;height: 120px;top: -20%;left: -6%;transform: scale(0.7); z-index: -1;}
	.features-sec .fea-box-4 .fea-draw-icon{background-position: -827px  0px;width: 68px;height: 74px;top: 39%;left: 79%;}
	.features-sec .fea-box-5 .fea-draw-icon{
        width: 75px;
        height: 65px;
        top: -3%;
        left: -11%;
        background-position: 0px -327px;
    }
	.features-sec .fea-box-6 .fea-draw-icon{background-position: -923px -11px;width: 59px;height: 52px;top: 20%;left: -5%;}
	.features-sec .fea-box-7 .fea-draw-icon{background-position: -1010px -6px;width: 85px;height: 62px;top: 65%;left: 95%;}
	.features-sec .fea-box-7 .fea-box-icon{background-position: -157px -129px;width: 95px;height: 168px;top: 10%;left: -5%;}
    .features-sec .fea-box-8 .fea-draw-icon{
        width: 64px;
        height: 64px;
        top: 73%;
        left: 90%;
        background-position: -218px -349px;
        background-size: 1200px auto;
    }
	.features-sec .fea-box-8 .fea-box-icon{background-position: -157px -129px;width: 95px;height: 168px;top: 10%;left: -5%;}
/*features-sec*/
/*bottom-sec*/
	.bottom-sec .zblock{max-width: 1100px; margin: 50px auto auto;}
	.bottom-sec .zboxs{background: #303340; color:#ffffff; padding: 6%;width: 48%; max-width: 500px;}
	.bottom-sec .zboxs:nth-child(1){margin-right: auto;}
	.bottom-sec .zboxs:nth-child(2){margin-left: auto;}
	.bottom-sec .zboxs h3 {padding-top: 25px;}
	.bottom-sec .btm-icon-1{background-position: -290px -114px;width: 255px;height: 177px;}
	.bottom-sec .btm-icon-2{background-position: -583px -114px;width: 235px;height: 177px;}
/*bottom-sec*/
/*bottom-cta-sec*/
	.bottom-cta-sec.haspadd .content-wrap {padding-top:30px;}
	.bottom-cta-sec .block-content {max-width: 440px;margin: 0px auto 20px;}
	.bottom-cta-sec .block-content h2{margin-bottom: 25px;}
/*bottom-cta-sec*/
/*Max-Width*/
	@media only screen and (max-width: 767px) {
		.haspadd .content-wrap{padding:70px 0px;}
		.haspadd-top .content-wrap{padding-top:70px;}
		.haspadd-bottom .content-wrap{padding-bottom:70px;}		
        .block-content .zbtn{margin-top: 0px;}
        .banner-sec.haspadd .content-wrap {padding-top:25px;}
		.content-wrap {max-width:500px;}
		.zflex-one-col, 
		.zflex-two-col{width:100%;}
		.zflex-two-col:first-child{margin-bottom: 20px;}
		.features-sec .zflex-two-col:first-child{margin-bottom: 0px;}
		.block-content{text-align: center;}
		.block-content h2{font-size: 27px;line-height: 1.2;}
		.banner-sec .content-wrap {max-width:480px;}
		.banner-sec h1 > div{ display: inline-block;}
		.banner-sec .banner-content br{display: none;}
		.banner-sec .banner-image{width: 75%; margin:20px auto 0px;}
		.features-main-sec.fmsec-2 .zbox-image{width: 75%;}
		.features-main-sec .zbox-image .maintain-data{left: 25%;}
        .fea-box.fea-box-8.zflex-two-col {
            padding-bottom: 0;
        }
		.bottom-sec .section-title{margin-bottom:40px;}
		.bottom-sec .btm-icon-1,
		.bottom-sec .btm-icon-2{transform: scale(0.8) translate(0%, -5%);}
		.bottom-sec .zboxs h3 {padding-top: 0px;}
		.bottom-sec .block-content .zboxs{max-width: 360px;margin: auto auto 60px; width: 100%;padding:25px;}
		.bottom-sec .block-content .zboxs:last-child{margin-bottom: 0px;}
	}
/*Max-Width*/
/*Min-Width*/
	@media only screen and (min-width: 768px) {		
		.haspadd .content-wrap{padding:90px 0px;}
		.haspadd-top .content-wrap{padding-top:90px;}
		.haspadd-bottom .content-wrap{padding-bottom:90px;}
        .banner-sec.haspadd .content-wrap {padding-top:60px;}
		.zflex-one-col{width:100%;}
		.zflex-two-col{width:50%;}
		.zflex-row-reverse-lg{flex-direction: row-reverse;}	 
        .zwatch{margin-bottom: 0px;}
		.banner-sec .banner-content{padding-right: 7%;}
		.banner-sec .banner-content h1{max-width: 555px;}
		.banner-sec .banner-content p{max-width: 500px;}
		.features-main-sec .zbox-content{max-width: 510px;padding-left: 30px;}
		.features-main-sec.fmsec-1 .zbox-content h2{max-width: 365px;}
		.features-main-sec.fmsec-2 .zbox-content{padding-left: 50px;}
		.features-main-sec.fmsec-2 .zbox-image{text-align: right;}
		.features-main-sec.fmsec-2 .zbox-image .cloud-icon {position: absolute;bottom: 0;right: 0;transform: scale(1.4) translate(18%, -15%);}
		.features-sec .fea-box {padding-left: 5%;padding-bottom: 7%;}
		.features-sec .fea-box:first-child {padding-left: 0%;padding-right: 5%;}
		.features-sec .fea-block:last-child .fea-box {padding-bottom: 0%;}
	} 
	@media only screen and (min-width: 992px) {
		.haspadd .content-wrap{padding:100px 0px;}
		.haspadd-top .content-wrap{padding-top:100px;}
		.haspadd-bottom .content-wrap{padding-bottom:100px;}
        .banner-sec.haspadd .content-wrap {padding-top:80px;}
		.banner-sec .block-content h1,
		.bottom-cta-sec .block-content h2{font-size: 32px;}
		.banner-sec .bnricon1,
		.banner-sec .bnricon2{transform: scale(0.8);}
	} 	
	@media only screen and (min-width: 1200px) {
		.ms-only{ display: none; }
		.ds-only{ display: block; }
		.banner-sec .block-content h1, 
		.bottom-cta-sec .block-content h2{font-size: 40px;}
		.block-content h2{font-size: 40px;}
		.block-content h3{font-size: 30px;}
		.block-content p{font-size: 18px;}
		.banner-sec .banner-content{padding-right: 2%;}
		.banner-sec .bnricon1,
		.banner-sec .bnricon2{transform: scale(1);}
		.banner-sec .bnricon1{bottom: 27%;left: -3%;}
		.banner-sec .bnricon2{top: 15%;left: 32%;}
		.banner-sec .bnr-svg .dashed,
		.banner-sec .bnr-svg .path {fill:none;stroke:#f5f9ff;}
		.banner-sec .bnr-svg .dashed {stroke-dasharray:8;stroke:#ffffff;}
		.banner-sec .middle-animated .path {stroke:#000000;stroke-dasharray:2700;stroke-dashoffset:2700;-webkit-animation: dash 15s linear .8s forwards;animation: dash 15s linear .8s forwards;}
		.features-main-sec .zbox-image {max-width: 520px;}
		.features-main-sec .zbox-content p{padding-right: 0%;}
		.features-main-sec.fmsec-2 .zbox-image .cloud-icon{right: -1000%;opacity: 0;transform: scale(1.8) translate(18%, -15%);transition:all 1.5s ease;-webkit-transition:all 1.5s ease;}
		.features-main-sec.fmsec-2 .in-view .zbox-image .cloud-icon{opacity: 1;right: 0%;}
		.bottom-sec .zblock{margin-top: 70px;}
		.bottom-cta-sec .block-content {max-width: 650px;}
	}	
	@media only screen and (min-width: 1400px) {
		.features-main-sec.fmsec-1 .zbox-image{max-width: unset;margin: auto;}
		.features-sec .fea-box-3 .fea-box-icon{transform: scale(1);}		
		.features-main-sec .zbox-image .cust-icon-right .cr-box{transform: scale(1) translateX(0%);}
		.features-main-sec .zbox-image .cust-icon-left .cl-box{transform: scale(1) translateX(0%);}
		.features-sec .fea-box {padding-left: 7%;}
		.features-sec .fea-box:first-child {padding-right: 7%;}
	}
/*Min-Width*/

/*Zoho-Animations*/
	@keyframes dash { from {stroke-dashoffset:2700;} to {stroke-dashoffset:0;} }
	@-webkit-keyframes dash { from {stroke-dashoffset:2700;} to {stroke-dashoffset:0;} }
	@keyframes floatLR { 0% {-webkit-transform:translateX(0); transform:translateX(0);} 50% {-webkit-transform:translateX(-5px); transform:translateX(-5px);} 100% {-webkit-transform:translateX(0); transform:translateX(0);} }
	@-webkit-keyframes floatLR { 0% {-webkit-transform:translateX(0); transform:translateX(0);} 50% {-webkit-transform:translateX(-5px); transform:translateX(-5px);} 100% {-webkit-transform:translateX(0); transform:translateX(0);} }
	@keyframes floatRL { 0% {-webkit-transform:translateX(0); transform:translateX(0);} 50% {-webkit-transform:translateX(5px); transform:translateX(5px);} 100% {-webkit-transform:translateX(0); transform:translateX(0);} }
	@-webkit-keyframes floatRL { 0% {-webkit-transform:translateX(0); transform:translateX(0);} 50% {-webkit-transform:translateX(5px); transform:translateX(5px);} 100% {-webkit-transform:translateX(0); transform:translateX(0);} }
	@keyframes floatTB { 0% {-webkit-transform:translateY(0); transform:translateY(0);} 50% {-webkit-transform:translateY(-5px); transform:translateY(-5px);} 100% {-webkit-transform:translateY(0); transform:translateY(0);} }
	@-webkit-keyframes floatTB { 0% {-webkit-transform:translateY(0); transform:translateY(0);} 50% {-webkit-transform:translateY(-5px); transform:translateY(-5px);} 100% {-webkit-transform:translateY(0); transform:translateY(0);} }
	@keyframes floatBT { 0% {-webkit-transform:translateY(0); transform:translateY(0);} 50% {-webkit-transform:translateY(5px); transform:translateY(5px);} 100% {-webkit-transform:translateY(0); transform:translateY(0);} }
	@-webkit-keyframes floatBT { 0% {-webkit-transform:translateY(0); transform:translateY(0);} 50% {-webkit-transform:translateY(5px); transform:translateY(5px);} 100% {-webkit-transform:translateY(0); transform:translateY(0);} }
	@media all and (min-width:1200px) {
		.zoomin {-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all 1.5s ease;-webkit-transition:all 1.5s ease;}
		.textup{transform:translate3d(0,50px,0);-webkit-transform:translate3d(0,50px,0);-ms-transform:translate3d(0,50px,0);transition:all 1s ease;-webkit-transition:all 1s ease}
		.in-view .textup{opacity:1;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
		.fadein{opacity: 0;-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
		.fadeinup{opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
		.fadeinup{opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
		.fadeindown{opacity: 0;-webkit-transform: translateY(-50px);transform: translateY(-50px);-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
		.fadeinleft {opacity: 0;-webkit-transform: translateX(-50px);transform: translateX(-50px);-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
		.fadeinright{opacity: 0;-webkit-transform: translateX(50px);transform: translateX(50px);-ms-filter: "alpha(opacity=0)";-webkit-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);-moz-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);-ms-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);-o-transition: all 1300ms cubic-bezier(0.11, 0.16, 0.43, 0.86);}
		.in-view .zoomin {-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
		.in-view .fadein{opacity: 1;-ms-filter: "alpha(opacity=100)";}
		.in-view .fadeinup,
		.in-view .fadeindown{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);-ms-filter: "alpha(opacity=100)";}
		.in-view .fadeinleft,
		.in-view .fadeinright{opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);-ms-filter: "alpha(opacity=100)";}
		.delay1 {-webkit-transition-delay: 200ms;transition-delay: 200ms;}
		.delay2 {-webkit-transition-delay: 400ms;transition-delay: 400ms;}
		.delay3 {-webkit-transition-delay: 600ms;transition-delay: 600ms;}
		.delay4 {-webkit-transition-delay: 800ms;transition-delay: 800ms;}
		.delay5 {-webkit-transition-delay: 1000ms;transition-delay: 1000ms;}
		.delay6 {-webkit-transition-delay: 1200ms;transition-delay: 1200ms;}
		.delay7 {-webkit-transition-delay: 1400ms;transition-delay: 1400ms;}
		.delay8 {-webkit-transition-delay: 1600ms;transition-delay: 1600ms;}
		.delay9 {-webkit-transition-delay: 1800ms;transition-delay: 1800ms;}
		.delay10 {-webkit-transition-delay: 2000ms;transition-delay: 2000ms;}
	}
/*Zoho-Animations*/


/* Arabic Starts */
	.i18n-ar .features-main-sec .zbox-image .maintain-data {transform: scaleX(-1);}
    .i18n-ar section.bottom-sec.haspadd .block-content h2{text-align: center;}
    .i18n-ar section.bottom-cta-sec.haspadd .block-content h2, .i18n-ar .bottom-cta-sec .block-content{text-align: center;}
    .i18n-ar .bottom-sec .zboxs:nth-child(1){margin-right: unset;margin-left: auto;}
    .i18n-ar .bottom-sec .zboxs:nth-child(2){margin-left: unset;margin-right: auto;}
    @media only screen and (max-width: 767px){
		.i18n-ar .banner-content *,
		.i18n-ar .block-content *, 
		.i18n-ar .features-sec *{text-align: center;}
		.i18n-ar .features-main-sec .zbox-image .maintain-data{left: unset;right: 25%;}
		.i18n-ar .features-main-sec .zbox-image .cloud-icon{transform: scale(1.4) scaleX(-1) translate(15%, -15%);}
		.i18n-ar .bottom-sec .zboxs:nth-child(1){margin: auto auto 60px;}
        .i18n-ar .zboxs.zflex-two-col.textup{margin: auto auto 60px;}
        .i18n-ar .bottom-sec .block-content .zboxs:last-child{margin-bottom: 0;}
    }
    @media only screen and (min-width: 768px){
		.i18n-ar .banner-sec .banner-content {padding-left: 7%;padding-right: unset;}
        .i18n-ar .features-main-sec .zbox-content {padding-left: 0;padding-right: 30px;}
        .i18n-ar .features-sec .fea-box{padding-left: 0;padding-right: 5%;}
        .i18n-ar .features-sec .fea-box:first-child{padding-right: 0;padding-left: 5%;}
        .i18n-ar .features-main-sec.fmsec-2 .zbox-content{padding-left: 0;padding-right: 50px;}
        .i18n-ar .features-main-sec.fmsec-2 .zbox-image{text-align: left;}
        .i18n-ar .features-main-sec.fmsec-2 .zbox-image .cloud-icon {left: 0;right: unset;transform: scale(1.4) scaleX(-1) translate(18%, -15%);}
    }
    @media only screen and (min-width: 1200px){
        .i18n-ar .banner-sec .banner-content{padding-right: 0;padding-left: 2%;}
		.i18n-ar .features-main-sec.fmsec-2 .zbox-image .cloud-icon{right: unset;left: -1000%;transform: scale(1.8) scaleX(-1) translate(16%, -15%);}
		.i18n-ar .features-main-sec.fmsec-2 .in-view .zbox-image .cloud-icon{opacity: 1;right: unset;left: 0%;}
    }
    @media only screen and (min-width: 1400px){
        .i18n-ar .features-sec .fea-box{padding-left: 0;padding-right: 7%;}
        .i18n-ar .features-sec .fea-box:first-child{padding-right: 0;padding-left: 7%;}
    }
/* Arabic Ends  */