/******* English only ********/

.i18n-en h2 {
    font-size: 44px;
}


/* header-section */
.zwc-form-wrap {
    position: relative;
    min-height: 775px;
}

.header-section {
    position: relative;
    padding-bottom: 120px;
}


.header-section .column.left {
    width: 60%;
    padding-right: 5%;
    text-align: left;
    padding-top: 30px;
}

.header-section .column.right {
    width: 40%;
}

.i18n-en h1 {
    font-size: 60px;
    margin-bottom: 24px;
}

.iframe-wrap {
    background: #fff;
    padding: 25px 30px 35px 30px;
    box-shadow: 0 1px 11px 4px rgba(0, 0, 0, .05);
    z-index: 1;
    position: relative;
}

.signup-box {
    max-width: 450px;
}

h1+p {
    max-width: 540px;
    margin-left: 0;
    margin-bottom: 20px;
    font-size: 22px;
}

.header-section .content-wrap {
    max-width: 1170px;
}


/* header-section end*/


/* extensive-section */

.extensive-section.common-section {
    background: none;
    padding: 0;
}

.extensive-section .content-wrap {
    background: none;
    color: #000;
}

.extensive-section h2 {
    max-width: 100%;
    margin-bottom: 15px;
}

.extensive-section h2+p {
    max-width: 810px;
}


/* extensive-section end*/
/******* English only end ********/

/* English only */


/* Responsive */

@media only screen and (max-width:1279px) {
    .i18n-en h1 {
        font-size: 50px;
    }
    .i18n-en h2 {
        font-size: 36px;
    }
    .common-section.seamless-section {
        margin-top: 50px;
    }
    .zwc-whyc-each {
        width: 46%;
    }
    .zwc-whyc-each-wrap {
        flex-wrap: wrap;
    }
    .zwc-whyc-section .content-wrap {
        max-width: 820px;
    }
}

@media only screen and (max-width:991px) {
    .header-section .column.right,
    .header-section .column.left {
        width: 100%;
        padding: 0;
    }
    .header-section .column.left {
        text-align: center;
        padding-bottom: 50px;
    }
    .i18n-en h1 {
        font-size: 43px;
    }
    h1+p {
        max-width: 540px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .privacy-logos {
        justify-content: center;
    }
    .zwc-integration-section .column.left,
    .zwc-integration-section .column.left {
        width: 100%;
    }
    .zwc-integration-section .content-wrap {
        padding: 80px 60px;
        text-align: center;
    }
    .zwc-int {
        position: relative;
        animation: none;
        display: inline-block;
        left: auto;
        right: auto;
        margin: 0 10px;
        margin-bottom: 30px;
        opacity: 1;
    }
    .zwe-om.zwc-int {
        animation: none;
    }
    .zwc-int-survey,
    .zwc-int-shopify,
    .zwc-int-hubspot,
    .zwc-int-salesforce,
    .zwc-int-survey-monkey,
    .zwc-int-crm,
    .zwc-int-meeting,
    .zwc-int-books {
        width: 80px;
        height: 80px;
    }
    .zwc-int-wrap {
        display: inline-block;
    }
    .zwc-integration-section .column.right,
    .zwc-integration-section .column.left {
        width: 100%;
        padding: 0;
    }
    .i18n-en h2 {
        font-size: 32px;
    }
    .zwc-integration-section .content-wrap {
        max-width: 760px;
    }
    .zwc-int-wrap {
        max-width: 440px;
    }
    .zwc-int-survey-monkey:after {
        width: 55px;
        height: 55px;
    }
    .zwc-int-shopify:after {
        width: 40px;
        height: 40px;
    }
    .extensive-section h2+p {
        max-width: 720px;
    }
    .zwc-allinone-section {
        margin-top: 100px;
    }
    .zwe-om .zwc-int-crm {
        animation: fadeIn 1s ease-out .9s forwards;
    }
    .zwe-om .zwc-int-crm,
    .zwe-om .zwc-int-books,
    .zwe-om .zwc-int-survey,
    .zwe-om .zwc-int-meeting,
    .zwe-om .zwc-int-hubspot,
    .zwe-om .zwc-int-shopify,
    .zwe-om .zwc-int-salesforce,
    .zwe-om .zwc-int-survey-monkey {
        animation: none;
    }
}

@media only screen and (max-width:767px) {
    .i18n-en h1 {
        max-width: 550px;
        font-size: 38px;
    }
    .zwc-whyc-each {
        width: 100%;
    }
    .zwc-whyc-section .content-wrap {
        max-width: 540px;
    }
    .zwc-integration-section .content-wrap {
        padding: 60px 30px;
    }
    .zwc-allinone-section ul li {
        width: 100%;
    }
    .zwc-allinone-section .content-wrap ul {
        max-width: 540px;
        margin: 0 auto;
        margin-top: 40px;
    }
    h1+p{
    font-size: 18px;
}
}
/* English only end */

main h1,main h2,main h3,main h4{
    font-weight: bold;
}

/*feature-breadcrumb start*/
.feature-breadcrumb {
  padding-top: 23px;
  background-color: #000e33;
}
.feature-breadcrumb.breadcrumb-dark li {
  color: #000;
}
.feature-breadcrumb.breadcrumb-dark li a {
  color: #666;
}
.feature-breadcrumb.breadcrumb-dark li a:hover {
  color: #000;
}
.feature-breadcrumb.breadcrumb-dark li a:after {
  background: #000;
}
.feature-breadcrumb.breadcrumb-light li {
  color: #fff;
}
.feature-breadcrumb.breadcrumb-light li a {
  color: #fff;
}
.feature-breadcrumb.breadcrumb-light li a:hover {
  color: #fff;
}
.feature-breadcrumb.breadcrumb-light li a:after {
  background: #fff;
}
.feature-breadcrumb .jpc-container {
  max-width: 1200px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
}
.feature-breadcrumb li {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  display: inline-block;
  margin-right: 14px;
  position: relative;
  color: #fff;
}
.feature-breadcrumb li a {
  color: #8cbaff;
  position: relative;
  display: block;
  transition: 0.2s;
  padding-bottom: 4px;
}
.feature-breadcrumb li a:hover {
  color: #fff;
}
.feature-breadcrumb li a:hover:after {
  width: 100%;
  left: 0;
  right: auto;
  transition: all 0.2s linear;
}
.feature-breadcrumb li a:before {
  content: '>';
  display: block;
  height: 5px;
  width: 5px;
  position: absolute;
  right: -8px;
  top: -1px;
  font-size: 13px;
  font-weight: 400;
  pointer-events: none;
}
.feature-breadcrumb li a:after {
  content: '';
  display: block;
  position: absolute;
  left: auto;
  right: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background: #fff;
  transition: all 0.3s linear;
}
/*feature-breadcrumb end*/
@media only screen and (max-width: 1250px) {
  .feature-breadcrumb .jpc-container {
    max-width: 100%;
    padding: 0 25px;
  }
}
.header-section .column.left h1, .header-section .column.left p{
  color : #fff;
}
.zcw_inquiry_form {
    background: #fff;
    padding: 30px 30px;
    box-shadow: 0 1px 11px 4px rgba(0, 0, 0, .05);
    z-index: 1;
    position: relative;
    min-height: 772px;
    text-align: left;
    box-sizing: border-box;
    max-width: 470px;
    margin: 0 auto;
    border-radius: 5px;
}
.quick-connect-links-wrap {
	display: none
}

.signup-box input[type='text'] {
	margin: 15px 0 0
}

.header-section {
	padding: 70px 0 120px 0;
	background: #15022e;
	background: linear-gradient(180deg, rgba(21, 2, 46, 1) 0, rgba(32, 18, 110, 1) 100%);
	text-align: center
}

.header-section:after {
	content: '';
	background: repeating-linear-gradient(0, #232c43, #232c43 1px, #1b0a53 1px, #1b0a53 7px)
}
.content-wrap {
	max-width: 1170px
}

h1 {
	font-family: var(--zf-secondary-bold);
	font-size: 50px;
	max-width: 720px;
	margin: 0 auto;
	margin-bottom: 25px
}

h1+p {
	max-width: 740px;
	margin: 0 auto;
	margin-bottom: 30px
}

.zw-product-header,
.header-section {
	background: #000e33
}

.form-link {
	background: var(--primary-btn-color);
	color: #fff;
	padding: 10px 40px;
           margin-bottom: 30px;

}

#mini-panel-product_menu .expanded.dropdown .caret {
	background-position: -168px 0;
	border-color: #fff transparent transparent transparent
}

#mini-panel-product_menu .menu-icon-help-header .product-title a,
#mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a,
#mini-panel-product_menu .product-nav-links .menu>li>a,
#mini-panel-product_menu .product-nav-links li .nolink {
	color: #fff
}

.common-section {
	padding: 100px 0
}

h2 {
	font-family: var(--zf-secondary-bold);
	font-size: 38px
}

.simple-section {
	text-align: center
}

.simple-section h2+p {
	max-width: 600px;
	margin: 0 auto;
	margin-bottom: 25px
}

.zvideoholder {
	padding: 30px 0 0 0;
	background: #000;
	position: relative;
	margin-top: 50px
}

.zvideoholder:before {
	content: '';
	background: #fff;
	width: 100%;
	height: 7px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0
}

.common-section.simple-section {
	padding-bottom: 30px
}

.zvideoholder video {
	max-width: 95%;
	-webkit-box-shadow: 0 1px 3px rgb(0 0 0 / 5%);
	box-shadow: 1px 10px 16px 0 rgb(0 0 0 / 10%)
}

.zreplay-holder {
	position: absolute;
	left: 0;
	top: 30px;
	bottom: 0;
	margin: auto;
	right: 0;
	width: 60px;
	height: 60px;
	opacity: 0;
	transition: all .2s linear;
	visibility: hidden
}

.zshow .zreplay-holder {
	opacity: 1;
	transform: translateX(0);
	visibility: visible
}

.zicon-replay {
	cursor: pointer;
	display: inline-block;
	position: relative;
	left: -33px;
	top: -35px
}

.zicon-replay:after,
.zicon-replay:before {
	position: absolute;
	content: ''
}

.zicon-replay:after {
	left: 27px;
	top: 27px;
	width: 0;
	height: 0;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 26px solid #fff
}

.zicon-replay:before {
	left: 0;
	top: 8px;
	width: 70px;
	height: 70px;
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 100%;
	background: rgb(0 0 0 / 40%)
}

.table-wrap {
	display: flex
}

.client-section .column.left {
	width: 59%
}

.client-section .column.right {
	width: 40%;
	padding-left: 5%;
	padding-top: 60px
}

.client-section h2 {
	max-width: 340px;
	margin-bottom: 25px
}

.ca-easy-manage-new-users {
	position: absolute;
	max-width: 270px;
	right: 50px;
	top: 200px
}

.cblock {
	position: relative
}

.ca-easy-manage {
	max-width: 550px
}

.client-section h2+p {
	max-width: 390px
}

.seamless-section {
	background: #f5f5f5;
	margin-top: 100px
}

.seamless-section .column.left {
	width: 35%
}

.seamless-section .column.right {
	width: 70%;
	padding-left: 5%
}

.ca-content-management {
	max-width: 110%
}

.seamless-section .table-wrap {
	align-items: center
}

.ca-content-management {
	max-width: 110%
}

.ca-templates {
	position: absolute;
	right: 0;
	max-width: 230px;
	bottom: -80px;
	left: 90px;
	right: 0;
	margin: auto
}

.svg-wrps {
	position: absolute;
	right: 160px;
	margin: 0 auto;
	bottom: 160px;
	display: inline-block
}

.common-section.seamless-section {
	padding-bottom: 170px
}

.insightful-section {
	text-align: center
}

.insightful-section.common-section {
	padding-bottom: 100px;
	padding-bottom: 0
}

.insightful-section h2+p {
	max-width: 620px;
	margin: 0 auto;
	margin-bottom: 25px
}

.insightful-section .seamless-wrap {
	max-width: 1040px;
	margin: 0 auto;
	padding-top: 15px
}

.extensive-section {
	background: #15022e;
	color: #fff;
	text-align: center
}

.extensive-section h2 {
	max-width: 420px;
	margin: 0 auto;
	margin-bottom: 25px
}

.extensive-section h2+p {
	max-width: 720px;
	margin: 0 auto;
	margin-bottom: 20px
}

.extensive-section a {
	border-bottom: 1px solid;
	font-family: var(--zf-secondary-semibold);
	color: #0047ff
}

.common-section.form-section {
	padding: 70px 0
}

.form-section {
	background: #ffdb64
}

.form-section .content-wrap {
	max-width: 920px
}

.form-section .column {
	width: 50%
}

.form-section .table-wrap .column.left {
	padding-top: 120px
}

.form-section h2 {
	font-family: var(--zf-secondary-bold);
	font-size: 42px
}

.transY1,
.transY2,
.transY3,
.transY4,
.transY5 {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-transition: all 1s cubic-bezier(0.11, 0.16, 0.43, 0.86);
	transition: all 1s cubic-bezier(0.11, 0.16, 0.43, 0.86)
}

.middle-animated .transY1,
.middle-animated .transY2,
.middle-animated .transY3,
.middle-animated .transY4,
.middle-animated .transY5 {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.transY1 {
	-webkit-transition-delay: 200ms;
	transition-delay: 200ms
}

.transY2 {
	-webkit-transition-delay: 400ms;
	transition-delay: 400ms
}

.transY3 {
	-webkit-transition-delay: 600ms;
	transition-delay: 600ms
}

.transY4 {
	-webkit-transition-delay: 800ms;
	transition-delay: 800ms
}

.transY5 {
	-webkit-transition-delay: 900ms;
	transition-delay: 900ms
}

@keyframes slideDownArea {
	0% {
		visibility: hidden;
		opacity: 0;
		transform: translateY(20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes slideDownArea {
	0% {
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateY(20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideDownArea {
	0% {
		visibility: hidden;
		opacity: 0;
		-moz-transform: translateY(20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@keyframes slideUpArea {
	0% {
		visibility: hidden;
		opacity: 0;
		transform: translateY(-20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		transform: translateY(0)
	}
}

@-webkit-keyframes slideUpArea {
	0% {
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateY(-20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes slideUpArea {
	0% {
		visibility: hidden;
		opacity: 0;
		-moz-transform: translateY(-20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

@-webkit-keyframes zeven {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, -14px);
		transform: translate(0, -14px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes zeven {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, -14px);
		transform: translate(0, -14px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@-webkit-keyframes zodd {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 14px);
		transform: translate(0, 14px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes zodd {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}

	50% {
		-webkit-transform: translate(0, 14px);
		transform: translate(0, 14px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes slideRightArea {
	0% {
		visibility: hidden;
		opacity: 0;
		transform: translateX(30px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes slideRightArea {
	0% {
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateX(30px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes slideRightArea {
	0% {
		visibility: hidden;
		opacity: 0;
		-moz-transform: translateX(30px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@keyframes slideLeftArea {
	0% {
		visibility: hidden;
		opacity: 0;
		transform: translateX(-20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		transform: translateX(0)
	}
}

@-webkit-keyframes slideLeftArea {
	0% {
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateX(-20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		-webkit-transform: translateX(0)
	}
}

@-moz-keyframes slideLeftArea {
	0% {
		visibility: hidden;
		opacity: 0;
		-moz-transform: translateX(-20px)
	}

	100% {
		visibility: visible;
		opacity: 1;
		-moz-transform: translateX(0)
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.ca-easy-manage-new-users,
.ca-templates,
.svg-wrps {
	opacity: 0
}

.middle-animated .ca-easy-manage-new-users {
	animation: slideDownArea 1s ease-out .3s forwards
}

.middle-animated .ca-templates {
	animation: slideDownArea 1s ease-out .3s forwards
}

.middle-animated .svg-wrps {
	animation: slideDownArea 1s ease-out .8s forwards
}

.umain .signup-box {
	display: block !important
}

.zwc-whyc-section {
	text-align: center
}

.zwc-whyc-each-wrap {
	display: flex;
	margin-top: 40px
}

.zwc-whyc-each1 {
	transform: translateY(0);
	transition: 1s ease
}

.zwc-whyc-each2 {
	transform: translateY(0);
	transition: 1s .15s ease
}

.zwc-whyc-each3 {
	transform: translateY(0);
	transition: 1s .30s ease
}

.zwc-whyc-each4 {
	transform: translateY(0);
	transition: 1s .45s ease
}

.zwc-whyc-each {
	width: 25%;
	margin: 10px;
	padding: 60px 40px;
	transform: translateY(60px);
	text-align: left;
	box-shadow: 0 1px 9px 3px rgba(0, 0, 0, .05)
}

.zwc-whyc-section .content-wrap {
	max-width: 1280px
}

.zwe-ob.zwc-whyc-each {
	transform: translateY(0)
}

.zwc-na-img {
	width: 55px;
	height: 55px;
	background: url(//www.zohowebstatic.com/sites/zweb/images/campaigns/zc-agency-sprite.svg) no-repeat;
	display: inline-block;
	margin-bottom: 20px;
	background-size: 220px auto
}

.zwc-whyc-each1 .zwc-na-img {
	background-position: -164px -2px
}

.zwc-whyc-each2 .zwc-na-img {
	background-position: 0 0
}

.zwc-whyc-each3 .zwc-na-img {
	background-position: -110px -2px
}

.zwc-whyc-each4 .zwc-na-img {
	background-position: -56px -2px
}

.zwc-na-content h4 {
	font-size: 21px;
	margin-bottom: 5px
}

.zwc-na-content p {
	font-size: 16px;
	margin-bottom: 0
}

.common-section.zwc-whyc-section {
	padding-bottom: 0
}

.zwc-integration-section .column.left {
	width: 50%;
	padding-right: 5%
}

.zwc-integration-section .column.right {
	width: 50%
}

.zwc-integration-section .content-wrap {
	background: #fff5e5;
	border-radius: 15px;
	padding: 120px 100px
}

.zwc-integration-section {
	color: #000
}

.zwc-int-wrap {
	position: relative;
	width: 100%;
	height: 100%
}

.zwc-int {
	position: absolute;
	border-radius: 100%;
	background: #fff;
	box-shadow: 6px 6px 11px 2px rgb(0 0 0 / 5%)
}

.zwc-int-crm {
	width: 85px;
	height: 85px;
	bottom: -15%;
	right: 38%
}

.zwc-int-books {
	width: 78px;
	height: 78px;
	top: -30%;
	left: 42%
}

.zwc-int-survey {
	width: 95px;
	height: 95px;
	top: 20%;
	right: 23%
}

.zwc-int-meeting {
	width: 90px;
	height: 90px;
	left: 8%;
	bottom: -30%
}

.zwc-int-surveymonkey {
	width: 70px;
	height: 70px;
	left: -5%;
	top: -75%;
	animation: zodd 5s linear 1s infinite
}

.zwc-int-salesforce {
	width: 80px;
	height: 80px;
	top: -25%;
	right: 2%
}

.zwc-int-hubspot {
	width: 85px;
	height: 85px;
	bottom: 15%;
	right: -8%
}

.zwc-int-shopify {
	width: 60px;
	height: 60px;
	bottom: -25%;
	right: 12%
}

.zwc-int-survey-monkey {
	width: 70px;
	height: 70px;
	top: 20%;
	left: 20%
}

.zwc-int:after {
	content: '';
	position: absolute;
	transform: translate(-50%, -50%);
	top: 50%;
	left: 50%
}

.zwc-int-crm:after {
	background: url(//www.zohowebstatic.com/sites/zweb/images/producticon/crm.svg);
	background-size: 100% auto;
	width: 46px;
	height: 45px
}

.zwc-int-survey:after {
	background: url(//www.zohowebstatic.com/sites/zweb/images/producticon/survey.svg);
	background-size: 100% auto;
	width: 50px;
	height: 50px
}

.zwc-int-books:after {
	background: url(//www.zohowebstatic.com/sites/zweb/images/producticon/books.svg) no-repeat;
	background-size: 100% auto;
	width: 35px;
	height: 35px
}

.zwc-int-meeting:after {
	background: url(//www.zohowebstatic.com/sites/zweb/images/producticon/meeting.svg);
	background-size: 100% auto;
	width: 50px;
	height: 50px
}

.zwc-int-hubspot:after {
	background: url(//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/hubspot-icon.svg) no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 45px
}

.zwc-int-shopify:after {
	background: url(//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/shopify-icon.svg) no-repeat;
	background-size: 100% auto;
	width: 30px;
	height: 35px
}

.zwc-int-salesforce:after {
	background: url(//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/salesforce.svg) no-repeat;
	background-size: 100% auto;
	width: 50px;
	height: 36px
}

.zwc-int-survey-monkey:after {
	background: url(//www.zohowebstatic.com/sites/zweb/images/otherbrandlogos/survey-monkey-icon.svg) no-repeat;
	background-size: 100% auto;
	width: 40px;
	height: 35px
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fadeIn {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

.zwc-int {
	opacity: 0
}

.zwe-om .zwc-int-crm {
	animation: fadeIn 1s ease-out .9s forwards
}

.zwe-om .zwc-int-books {
	animation: fadeIn 1s ease-out 1.1s forwards
}

.zwe-om .zwc-int-survey {
	animation: fadeIn 1s ease-out 1.5s forwards
}

.zwe-om .zwc-int-meeting {
	animation: fadeIn 1s ease-out .5s forwards
}

.zwe-om .zwc-int-hubspot {
	animation: fadeIn 1s ease-out 1.9s forwards
}

.zwe-om .zwc-int-shopify {
	animation: fadeIn 1s ease-out 1.3s forwards
}

.zwe-om .zwc-int-salesforce {
	animation: fadeIn 1s ease-out 1.7s forwards
}

.zwe-om .zwc-int-survey-monkey {
	animation: fadeIn 1s ease-out .7s forwards
}

.zwc-hm-privacy h4 {
	font-size: 20px;
	margin-bottom: 10px;
	font-family: var(--zf-secondary-semibold)
}

.zwc-hm-privacy p {
	font-size: 22px
}

.privacy-logos {
	text-align: center;
	display: flex;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 15px
}

.pry-logo {
	background: url(//www.zohowebstatic.com/sites/zweb/images/commonroot/compliance-badges.png) no-repeat;
	display: inline-block;
	margin: 10px 30px 10px 0
}

.pry-logo1 {
	width: 75px;
	height: 75px;
	background-size: 720px auto;
	background-position: -498px 2px
}

.pry-logo2 {
	height: 75px;
	width: 110px;
	background-size: 800px auto;
	background-position: -620px -80px;
	filter: brightness(0) invert(1)
}

.pry-logo3 {
	height: 65px;
	width: 185px;
	background: url(sites/zweb/images/campaigns/camp-cer-logo.png) no-repeat;
	background-size: 950px auto;
	background-position: -388px -17px
}

.pry-logo4 {
	width: 125px;
	height: 70px;
	background-size: 900px auto;
	background-position: 0 2px;
	filter: brightness(0) invert(1)
}

.zwc-hm-privacy {
	border: 1.5px solid rgb(255 255 255 / 20%);
	margin-top: 70px;
	padding: 45px 45px 35px 45px;
	max-width: 610px;
	border-radius: 20px;
	position: relative
}

.zwc-hm-quote-i {
	width: 60px;
	height: 60px;
	background: #fff;
	position: absolute;
	top: -30px;
	right: 40px;
	border-radius: 100%
}

.zwc-hm-quote-i:after {
	content: '';
	background: url(//www.zohowebstatic.com/sites/zweb/images/campaigns/customers/zc-agency-quotes.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	top: 50%;
	left: 50%
}

.zwc-hm-p-customer {
	display: flex;
	align-items: center;
	padding-top: 0
}

.hm-c-cus-profile {
	background: url(//www.zohowebstatic.com/sites/zweb/images/campaigns/customers/shaun-eksteen.jpg) no-repeat;
	width: 60px;
	height: 60px;
	background-size: 100% auto;
	display: block;
	border-radius: 100%
}

.hm-c-cus-com-right h5 {
	margin-bottom: 0;
	font-size: 15px
}

.hm-c-cus-com-right {
	padding-left: 20px
}

.hm-c-cus-com-right h5 span {
	display: block
}

.zwc-allinone-section {
	margin-top: 120px
}

.zwc-allinone-section .content-wrap {
	max-width: 1280px
}

.zwc-allinone-section {
	text-align: center;
	position: relative;
	background: #171717;
	color: #fff
}

.zwc-allinone-section h2+p {
	max-width: 720px;
	margin: 0 auto;
	margin-bottom: 15px
}

.zwc-allinone-section ul {
	display: flex;
	flex-wrap: wrap;
	text-align: left;
	margin: 0 auto;
	margin-top: 60px;
	justify-content: flex-end
}

.zwc-allinone-section ul li {
	width: 46%;
	padding: 0 16px 0 35px;
	margin-bottom: 30px;
	position: relative;
	font-size: 16px
}

.zwc-allinone-section ul li .yes {
	width: 22px;
	height: 22px;
	background: #22a849;
	border-radius: 100%;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 2px
}

.zwc-allinone-section ul li .yes:before,
.zwc-allinone-section ul li .yes:after {
	background: #000 none repeat scroll 0 0;
	content: "";
	height: 2.5px;
	left: 5px;
	position: absolute;
	top: 12px;
	transform: rotate(45deg);
	width: 7px
}

.zwc-allinone-section ul li .yes:before {
	left: 7px;
	top: 10px;
	transform: rotate(-52deg);
	width: 11px
}

.bottom-cta-section {
	text-align: center
}

.bottom-cta-section h2 {
	max-width: 640px;
	margin: 0 auto;
	margin-bottom: 15px
}

.bottom-cta-section h2+p {
	max-width: 540px;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 20px
}

.common-section.bottom-cta-section {
	padding: 90px 0
}

.other-lang .zwc-hm-privacy {
	display: none
}

.cwf-container .cwf-wrap .cwf-button-control .cwf-button[type=submit] {
	background: var(--primary-btn-color)
}

.zcf_privacy_statement_1 {
	color: var(--zwc-link-clr)
}

@media only screen and (max-width:1366px) {
	.svg-wrps {
		right: 165px
	}

	.ca-content-management {
		max-width: 100%
	}
}

@media only screen and (max-width:1279px) {
	h1 {
		font-size: 48px;
		max-width: 660px
	}

	.ca-easy-manage-new-users {
		max-width: 200px;
		right: 0
	}

	.client-section .column.right {
		padding-top: 50px
	}

	.ca-templates {
		max-width: 170px;
		bottom: -60px
	}

	.svg-wrps {
		right: 170px;
		bottom: 100px
	}

	h2 {
		font-size: 34px
	}
}

@media only screen and (max-width:991px) {
	h1 {
		font-size: 40px;
		max-width: 730px
	}

	h1+p {
		max-width: 760px
	}

	.table-wrap {
		display: block
	}

	.client-section .column.right,
	.client-section .column.left {
		width: 100%;
		text-align: center;
		padding: 0
	}

	.client-section h2 {
		max-width: 100%
	}

	.client-section h2+p {
		max-width: 90%;
		margin: 0 auto;
		margin-bottom: 30px
	}

	.cblock {
		max-width: 600px;
		margin: 0 auto;
		margin-top: 40px
	}

	.ca-easy-manage-new-users {
		right: 20px
	}

	.seamless-section .column.left,
	.seamless-section .column.right {
		width: 100%;
		text-align: center;
		padding: 0
	}

	.seamless-section h2+p {
		max-width: 95%;
		margin: 0 auto
	}

	.common-section {
		padding: 100px 0
	}

	.insightful-section h2 {
		max-width: 100%
	}

	.extensive-section h2 {
		max-width: 100%
	}

	.form-section .table-wrap .column.left,
	.form-section .table-wrap .column.right {
		width: 100%;
		text-align: center;
		display: inline-block
	}

	.form-section .table-wrap .column.left {
		padding-top: 0
	}

	.form-section h2+p {
		max-width: 490px;
		margin: 0 auto;
		margin-bottom: 20px
	}

	.signup-box {
		display: block;
		float: none;
		margin: 0 auto;
		margin-top: 10px
	}

	.form-section h2 {
		max-width: 640px;
		margin: 0 auto;
		margin-bottom: 20px
	}

	.form-section .middle-animated .transY1,
	.form-section .middle-animated .transY2 {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		transition: none;
		transform: none
	}

	.zwc-hm-privacy {
		margin: 0 auto;
		margin-top: 50px;
		text-align: left
	}
}

@media only screen and (max-width:767px) {

	.main .ptmenu #mini-panel-product_menu .menu-icon-help-header .product-title a,
	.main-container-wrapper #mini-panel-product_menu .menu-icon-help-header .product-title a,
	.main-container-wrapper .ptmenu #mini-panel-product_menu .menu-icon-help-header+.product-nav-links li a {
		color: #fff
	}

	h1 {
		font-size: 34px
	}

	.header-section {
		padding: 60px 0 80px 0
	}

	.common-section {
		padding: 70px 0
	}

	.ca-easy-manage {
		max-width: 100%
	}

	.ca-easy-manage-new-users {
		right: 20px;
		bottom: -30px;
		top: auto;
		max-width: 160px
	}

	.common-section.seamless-section {
		margin-top: 40px
	}

	.form-section h2 {
		font-size: 36px
	}

	.ca-templates,
	.svg-wrps {
		display: none
	}

	.common-section.seamless-section {
		padding-bottom: 80px
	}

	h2 {
		font-size: 34px
	}

	.insightful-section.common-section {
		padding-bottom: 70px
	}

	.pry-logo {
		margin: 10px 15px 10px 0
	}

	.zwc-hm-privacy {
		padding: 45px 30px 30px 30px;
		max-width: 540px
	}

	.zwc-hm-privacy p {
		font-size: 19px
	}
}

@media only screen and (max-width:767px) {
	h1 {
		font-size: 30px
	}
}

.i18n-ar section.header-section h1,
.i18n-ar section.header-section p,
.i18n-ar section.header-section .content-wrap,
.i18n-ar .common-section.simple-section h2,
.i18n-ar .common-section.simple-section p,
.i18n-ar .insightful-section.common-section h2,
.i18n-ar .insightful-section.common-section p,
.i18n-ar section.common-section.extensive-section h2,
.i18n-ar section.common-section.extensive-section p,
.i18n-ar section.common-section.extensive-section .content-wrap {
	text-align: center
}

.i18n-ar .crmWebForm .zgdprform-countrylist-container:after,
.i18n-ar div.zgdprform-state-container::after,
.i18n-ar div.zgdprform-countrylist-container::after {
	right: auto;
	left: 12px
}

.i18n-ar .crm-country-fld select.globalcountrycode {
	padding-left: 0;
	padding-right: 10px
}

.i18n-ar .crmWebForm .demofrm.captcha img {
	margin-right: 0;
	margin-left: 10px
}

@media(max-width:991px) {

	.i18n-ar .client-section h2,
	.i18n-ar .client-section p,
	.i18n-ar .common-section.client-section .cblock,
	.i18n-ar .seamless-section h2,
	.i18n-ar .seamless-section p,
	.i18n-ar .common-section.form-section h2,
	.i18n-ar .common-section.form-section p {
		text-align: center
	}
}