.common-section {
    padding: 120px 0;
}

.mobile-only {
    display: none;
}

.i18n-en h1 {
    font-size: 50px;
    line-height: 55px;
}

h1 {
    max-width: 940px;
    margin-bottom: 15px;
    letter-spacing: -0.6px;
    font-family: var(--zf-secondary-extrabold);
}

h1+p {
    max-width: 480px;
    margin-bottom: 25px;
}

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

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

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

h3 {
    font-size: 24px;
    font-family: var(--zf-secondary-bold);
}

.zcf-icon {
    background: url(//www.zohowebstatic.com/sites/zweb/images/campaigns/rt-analytics/zcf-home-sprite.svg) no-repeat;
}

.header-section .table-wrap {
    display: flex;
}

.header-section .table-wrap .column {
    width: 50%;
}

.header-section {
    padding: 70px 0 10px 0;
}

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

.zca-header-banner {
    max-width: 120%;
}


/* zca-performance-section */

.zca-performance-section .content-wrap {
    background: transparent linear-gradient(130deg, #2B43A7 0%, #237ABA 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    max-width: 1280px;
    padding: 80px 80px 0px 80px;
    color: #fff;
    overflow: hidden;
    border: 1px solid #dadada;
}

.zca-performance-section.common-section {
    padding-bottom: 0px;
    padding-top: 100px;
}

.zca-performance-section .content-wrap h2 {
    text-align: center;
}

.zca-performance-section .text-wrapper .acc-wrap {
    display: inline-block;
    border: 1.5px solid #C9D4DD;
    border-radius: 22px;
    padding: 12px 25px;
    line-height: 1;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.zca-performance-section .column.left .text-wrapper {
    text-align: center;
}

.zca-performance-section .text-wrapper .acc-wrap span {
    font-size: 15px;
    font-family: var(--zf-secondary-medium);
    position: relative;
    z-index: 1;
}

.zca-performance-section .text-wrapper .acc-wrap.current {
    background: #FFCA52;
    color: #000;
    border: 1.5px solid transparent;
}

.zca-performance-section .content-wrap h2+.table-wrap {
    margin-top: 40px;
}

.zca-performance-section .all-img-wraps .table-wrap {
    display: flex;
    align-items: center;
    height: 540px;
}

.zca-performance-section .all-img-wraps .table-wrap .column.left {
    padding-right: 10%;
    width: 45%;
}

.zca-performance-section .all-img-wraps .table-wrap .column.right {
    width: 55%;
}

.zca-open-and-clicks-dashboard,
.zca-automatic-bounce-dashboard,
.zca-social-engagement-dashboard,
.zca-geographic-reports-dashboard {
    border-radius: 10px;
    max-width: 140%;
}

.zca-geographic-reports,
.zca-social-engagement,
.zca-automatic-bounce,
.zca-open-and-clicks {
    position: absolute;
    right: 0;
    z-index: 2;
}

.zca-per-img {
    position: relative;
    top: 10px;
}

.zca-performance-section .img-area-wrap .img-area {
    display: none;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.zca-performance-section .img-area-wrap .img-area.current {
    display: block
}

.zca-performance-section {
    overflow: hidden;
}

.zca-performance-section .content-wrap .column.right {
    margin-top: 40px;
}

.zca-performance-section .all-img-wraps .table-wrap .column.left h3 {
    font-size: 30px;
}

.zca-open-and-clicks {
    max-width: 580px;
    bottom: 30px;
    left: 40px;
}

.zca-automatic-bounce {
    bottom: 0;
    max-width: 330px;
    left: 150px;
}

.zca-social-engagement {
    bottom: 10px;
    max-width: 220px;
    left: 235px;
}

.zca-geographic-reports {
    bottom: 50px;
    max-width: 540px;
    left: 90px;
}


/* zca-performance-section end*/


/* .zca-recognize-section */

.zca-recognize-section h2 {
    text-align: center;
}

.zca-recognize-section .table-wrap .column.right {
    width: 50%;
    padding-left: 10%;
}

.zca-recognize-section .table-wrap .column.left {
    width: 60%;
    padding-right: 5%;
    position: relative;
}

.zca-recognize-section .acc-wrap {
    opacity: .4;
    margin-bottom: 70px;
    cursor: pointer;
}

.zca-recognize-section .acc-wrap.current {
    opacity: 1;
}

.zca-recognize-section .acc-wrap h3 {
    font-size: 22px;
    font-family: var(--primaryfont-bold);
    margin-bottom: 20px;
    position: relative;
}

.zca-recognize-section .acc-wrap h3:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(//www.zohowebstatic.com/sites/zweb/images/campaigns/rt-analytics/zca-analytics-sprite.svg) no-repeat;
    left: -50px;
    top: 0;
}

#zca-list-reports.acc-wrap h3:before {
    background-size: 270px auto;
    background-position: -1px -3px;
}

#zca-campaign-reports.acc-wrap h3:before {
    background-size: 270px auto;
    background-position: -30px -3px;
}

.line-animate {
    width: 100%;
    height: 2px;
    display: block;
    left: 0;
    bottom: 2px;
    position: relative;
    opacity: 0;
    margin-bottom: 20px;
    opacity: 1;
    font-size: 0;
    border-bottom: 1px solid #dedede;
}

.line-animate:before {
    content: '';
    width: 0;
    height: 2px;
    left: 0;
    bottom: -1px;
    position: absolute;
    background: #FFCE00;
    opacity: 1;
}

@keyframes progresswidth {
    from {
        width: 0
    }
    to {
        width: 100%
    }
}

.animated .acc-wrap.current .line-animate:before {
    animation: progresswidth 10s linear forwards;
}

.zca-performance-section .text-wrapper .acc-wrap:after {
    content: '';
    position: absolute;
    width: 0%;
    background: rgb(228 158 0);
    height: 100%;
    left: 0px;
    top: 0;
    z-index: 0;
}

.zca-performance-section .text-wrapper .acc-wrap.current:after {
    animation: progresswidth 10s linear forwards;
}

.zca-recognize-section .table-wrap {
    display: flex;
    margin-top: 100px;
    align-items: flex-end;
}

.zca-recognize-stock {
    border-radius: 15px;
    max-width: 300px;
    display: block;
    margin-left: auto;
    margin-bottom: 50px;
}

.zca-icon.zca-graph {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 130px;
    top: -70px;
    background-size: 290px auto;
    background-position: -67px -1px;
}

.zca-recognize-section .img-area-wrap .img-area {
    position: absolute;
    max-width: 250px;
    bottom: 0;
    display: none;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-animation: fadeIn .5s;
    -moz-animation: fadeIn .5s;
    animation: fadeIn .5s;
}

.zca-recognize-section .img-area-wrap {
    position: relative;
}

.zca-recognize-section .acc-wrap:last-child {
    margin-bottom: 0;
}

.zca-recognize-section .img-area-wrap .img-area.zca-list-reports {
    bottom: 200px;
    max-width: 300px;
    left: 90px;
}

.zca-recognize-section .img-area-wrap .img-area.zca-campaign-reports {
    max-width: 400px;
    bottom: 240px;
    left: 30px;
    margin: auto;
}

.zca-recognize-section .img-area-wrap .img-area.current {
    display: block;
}


/* .zca-recognize-section end*/


/* zca-integrate-section */

.zca-integrate-section,
.zca-analytics-section {
    background: #2B43A7;
    color: #fff;
}

.zca-integrate-section,
.zca-analytics-section {
    margin: 0 30px;
}

.zca-integrate-section {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.zca-analytics-section {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.zca-integrate-section h2 {
    text-align: center;
    max-width: 660px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.zca-integrate-section .table-wrap {
    display: flex;
    margin-top: 100px;
    align-items: center;
}

.zca-integrate-section .table-wrap .column.left {
    width: 45%;
    padding-right: 10%;
}

.zca-integrate-section .table-wrap .column.right {
    width: 65%;
}

.zca-integrate-section h3 {
    font-size: 30px;
    max-width: 280px;
    margin-bottom: 20px;
}

.zca-analytics-section .table-wrap {
    display: flex;
    align-items: center;
}

.zca-analytics-section .table-wrap .column.left {
    width: 65%;
}

.zca-analytics-section .table-wrap .column.right {
    width: 45%;
    padding-left: 10%;
}

.zca-analytics-section h3 {
    font-size: 30px;
    margin-bottom: 20px;
}

.common-section.zca-integrate-section {
    padding-bottom: 30px;
}

.zca-analytics-section .table-wrap img,
.zca-integrate-section .table-wrap img {
    border-radius: 15px
}


/* zca-integrate-section end*/


/* zca-campaign-section */

.zca-campaign-tab-wrap .acc-wrap {
    display: inline-block;
    border: 1.5px solid #000;
    border-radius: 22px;
    padding: 12px 25px;
    line-height: 1;
    margin: 0 5px;
    cursor: pointer;
    font-size: 15px;
    font-family: var(--zf-secondary-medium);
    overflow: hidden;
    position: relative;
}

.zca-campaign-tab-wrap .acc-wrap.current {
    background: #000000;
    color: #fff;
    border: 1.5px solid #000000;
}

.zca-campaign-tab-wrap .acc-wrap span {
    position: relative;
    z-index: 1;
}

.zca-campaign-tab-wrap .acc-wrap:after {
    content: '';
    position: absolute;
    width: 0%;
    background: #595b5f;
    height: 100%;
    left: 0px;
    top: 0;
    z-index: 0;
}

.zca-campaign-tab-wrap .acc-wrap.current:after {
    animation: progresswidth 10s linear forwards;
}

.zca-campaign-section h2 {
    text-align: center;
}

.zca-campaign-tab-wrap {
    margin-top: 50px;
    margin-bottom: 70px;
    text-align: center;
}

.zca-campaign-twocol {
    background: #FFF3E0;
    padding: 100px 80px;
    border-radius: 20px;
    min-height: 640px;
}

.zca-campaign-twocol .img-area {
    display: none;
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-animation: fadeIn 1s;
    -moz-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.zca-campaign-twocol .img-area.current {
    display: block;
}

.zca-campaign-section .content-wrap {
    max-width: 1280px;
}

.common-section.zca-campaign-section {
    padding-bottom: 90px;
}

.zca-campaign-inner ul {
    display: block;
    max-width: 840px;
    text-align: center;
    margin: 0 auto;
}

.zca-campaign-twocol-inner h3 {
    font-size: 30px;
}

.zca-campaign-twocol-inner .table-wrap {
    display: flex;
    align-items: center;
}

.zca-campaign-twocol-inner .table-wrap .column.left {
    width: 45%;
    padding-right: 10%;
}

.zca-campaign-twocol-inner .table-wrap .column.right {
    width: 55%;
}

.zca-adv-ab-testing-reach,
.zca-adv-webinar-reports-reach,
.zca-adv-ecommerce-graph {
    position: absolute;
}

.zca-campaign-inner .img-wrap {
    position: relative;
    margin-top: 20px;
}

.zca-adv-ab-testing-reach {
    right: 20px;
    max-width: 280px;
    bottom: -20px;
}

.zca-adv-ab-testing-data {
    display: block;
    position: relative;
}

.zca-adv-tab2 .zca-abtest-wrap {
    max-width: 470px;
}

.zca-adv-webinar-reports-reach {
    right: -30px;
    max-width: 280px;
    bottom: -20px;
}

.zca-adv-ecommerce-graph {
    right: 0;
    bottom: -50px;
    max-width: 490px;
}

.zca-adv-tab4 .zca-icon {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 190px;
    top: 100px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
}

.zca-adv-tab4 .zca-icon:after {
    content: '';
    width: 34px;
    height: 35px;
    background: url(//www.zohowebstatic.com/sites/zweb/images/campaigns/rt-analytics/zca-analytics-sprite.svg) no-repeat;
    position: absolute;
    background-size: 250px auto;
    background-position: -142px -2px;
    top: 6px;
    left: 3px;
}

.zca-adv-ecommerce-summary {
    max-width: 340px;
}


/* zca-campaign-section */


/* zca-statistics-section */

.zca-statistics-section .table-wrap {
    display: flex;
    align-items: center;
}

.common-section.zca-statistics-section {
    padding-bottom: 20px;
}

.zca-statistics-section .table-wrap .column.left {
    width: 45%;
    padding-right: 10%;
}

.zca-statistics-section .table-wrap .column.right {
    width: 55%;
}

.statistics-circle1 {
    width: 400px;
    height: 400px;
    border: 1px dashed #C1CBD0;
    border-radius: 100%;
    position: relative;
    margin: 0 auto;
}

.statistics-circle2 {
    border: 1px dashed #C1CBD0;
    border-radius: 100%;
    width: 255px;
    height: 255px;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
}

.statistics-circle2 .zca-observe-user-profile {
    width: 130px;
    height: 129px;
    margin: 0 auto;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    position: absolute;
    background: #ffc786;
    border-radius: 100%;
}

.zca-statistics-section .zca-stat-common {
    max-width: 200px;
    text-align: center;
    position: absolute;
}

.zca-statistics-section .zca-stat-common p {
    font-size: 14px;
    margin-bottom: 0;
    line-height: 1.4;
}

.zca-stat1 {
    top: -80px;
    left: 0;
    right: 0;
    margin: auto;
}

.zca-statistics-section .img-wrap {
    position: relative;
}

.zca-stat2 {
    left: 50px;
    bottom: 0;
}

.zca-stat3 {
    right: 50px;
    bottom: 0;
}

.zca-stat2 p,
.zca-stat3 p {
    margin-top: -20px;
}

.zca-stat3 p {
    max-width: 140px;
    margin: 0 auto;
    margin-top: -20px;
}


/* zca-statistics-section end*/


/* zca-improvement-section */

.zca-improvement-section .content-wrap {
    background: #F7F8FC;
    padding: 110px 90px 100px 90px;
    max-width: 1280px;
    border-radius: 20px;
}

.zca-improvement-section .table-wrap {
    display: flex;
    align-items: flex-end;
}

.zca-improvement-section .table-wrap .column.left {
    width: 50%;
    padding-right: 5%;
}

.zca-improvement-section .table-wrap .column.right {
    width: 50%;
    padding-left: 4%;
}

.zca-share-reports2 {
    border-radius: 15px;
    max-width: 220px;
}

.zca-improvement-section .img-wrap {
    max-width: 600px;
    position: relative;
}

.zca-share-reports1 {
    position: absolute;
    right: 0;
    top: -180px;
    max-width: 200px;
}

.zca-points {
    position: absolute;
    width: 50px;
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #00000029;
    border-radius: 10px;
    top: 0;
    right: -25px;
    bottom: 0;
    margin: auto;
}

.zca-social-icon {
    position: absolute;
    padding: 5px;
    background: #FFFFFF;
    box-shadow: 0px 6px 12px #00000014;
    border-radius: 17px;
    top: -140px;
    left: 70px;
}

.improvement-stock {
    position: relative;
    display: inline-block;
    z-index: 2;
}

.zca-points:after {
    content: '';
    width: 35px;
    height: 35px;
    background: url(//www.zohowebstatic.com/sites/zweb/images/campaigns/rt-analytics/zca-analytics-sprite.svg) no-repeat;
    position: absolute;
    background-size: 350px auto;
    background-position: -168px -8px;
    top: 9px;
    left: 8px;
}

.zca-icon {
    background: url(//www.zohowebstatic.com/sites/zweb/images/campaigns/rt-analytics/zca-analytics-sprite.svg) no-repeat;
}

.zca-improvement-section .zca-arrow1 {
    width: 170px;
    height: 140px;
    background-size: 1000px auto;
    position: absolute;
    right: -130px;
    top: -105px;
    background-position: -700px 2px;
    z-index: 2;
}

.zca-social-icon span {
    background: var(--common-elements) no-repeat;
    width: 26px;
    height: 26px;
    display: inline-block;
    background-size: 780px auto;
    margin: 0 3px;
}

.zca-social-icon span:nth-child(1) {
    background-position: -176px 0;
}

.zca-social-icon span:nth-child(2) {
    background-position: -318px 1px;
}

.zca-social-icon span:nth-child(3) {
    background-size: 680px auto;
    background-position: -178px 3px;
}

.common-section.zca-improvement-section {
    padding-bottom: 0;
}


/* zca-improvement-section end*/


/* zca-active-section */

.zca-active-section h2 {
    text-align: center;
}

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

.zca-active-section .img-sec {
    max-width: 640px;
    margin: 0 auto;
    margin-top: 120px;
    position: relative;
}

.zca-active-workflow-version {
    position: absolute;
    right: -130px;
    top: -60px;
    max-width: 300px;
}

.zca-active-section .img-sec .zca-arrow2 {
    width: 130px;
    height: 140px;
    position: absolute;
    top: 125px;
    right: -70px;
    background-size: 1100px auto;
    background-position: -957px 0;
}

.common-section.zca-active-section {
    padding-bottom: 0px
}


/* zca-active-section end*/


/* animation code */

.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)
}

.zwe-om .transY1,
.zwe-om .transY2,
.zwe-om .transY3,
.zwe-om .transY4,
.zwe-om .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
}

@-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;
    }
}


/*Right*/

@keyframes slideRight {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateX(30px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes slideRight {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(30px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideRight {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateX(30px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateX(0);
    }
}


/*slideUp*/

@keyframes slideUp {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes slideUp {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideUp {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0);
    }
}


/*slideDown*/

@keyframes slideDown {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes slideDown {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateY(20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes slideDown {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateY(20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateY(0);
    }
}


/*slideleft*/

@keyframes slideLeft {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateX(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes slideLeft {
    0% {
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@-moz-keyframes slideLeft {
    0% {
        visibility: hidden;
        opacity: 0;
        -moz-transform: translateX(-20px);
    }
    100% {
        visibility: visible;
        opacity: 1;
        -moz-transform: translateX(0);
    }
}

.zca-header-banner,
.zca-geographic-reports,
.zca-open-and-clicks,
.zca-automatic-bounce,
.zca-social-engagement,
.zca-geographic-reports,
.zca-recognize-reports,
.zca-recognize-list,
.zca-track-data,
.zca-advanced-analytics,
.zca-adv-ab-testing-reach,
.zca-adv-webinar-reports-reach,
.zca-adv-ecommerce-graph,
.zca-stat1,
.zca-stat2,
.zca-stat3,
.zca-improvement-section .zca-arrow1,
.zca-share-reports1,
.improvement-stock,
.zca-social-icon,
.zca-active-workflow-version,
.zca-active-section .img-sec .zca-arrow2,
.zca-mobile-ios {
    opacity: 0;
}

.zwe-ob .zca-header-banner {
    animation: slideLeft 0.8s ease-out 1s forwards;
}

.current .zca-open-and-clicks,
.current .zca-automatic-bounce,
.current .zca-social-engagement,
.current .zca-geographic-reports {
    animation: slideDown 0.8s ease-out 0.3s forwards;
}

.current .zca-recognize-reports,
.current .zca-recognize-list {
    animation: slideRight 0.8s ease-out 0.3s forwards;
}

.zwe-om .zca-track-data {
    animation: slideLeft 0.8s ease-out 0.3s forwards;
}

.zwe-om .zca-advanced-analytics {
    animation: slideRight 0.8s ease-out 0.3s forwards;
}

.current .zca-adv-ab-testing-reach,
.current .zca-adv-webinar-reports-reach,
.current .zca-adv-ecommerce-graph {
    animation: slideDown 0.8s ease-out 0.3s forwards;
}

.zwe-om .zca-stat1 {
    animation: slideDown 0.8s ease-out 0.3s forwards;
}

.zwe-om .zca-stat2 {
    animation: slideRight 0.8s ease-out 0.5s forwards;
}

.zwe-om .zca-stat3 {
    animation: slideLeft 0.8s ease-out 0.7s forwards;
}

.zwe-om .improvement-stock {
    animation: slideLeft 0.8s ease-out 0.3s forwards;
}

.zwe-om.zca-improvement-section .zca-arrow1 {
    animation: slideLeft 0.8s ease-out 0.5s forwards;
}

.zwe-om .zca-share-reports1 {
    animation: slideLeft 0.8s ease-out 0.9s forwards;
}

.zwe-om .zca-social-icon {
    animation: slideDown 0.8s ease-out 0.6s forwards;
}

.zwe-om .zca-active-workflow-version {
    animation: slideUp 0.8s ease-out 0.3s forwards;
}

.zwe-om.zca-active-section .img-sec .zca-arrow2 {
    animation: slideUp 0.8s ease-out 0.6s forwards;
}

.zwe-om .zca-mobile-ios {
    animation: slideDown 0.8s ease-out 0.5s forwards;
}


/* animation code end*/


/* zca-mobile-section */

.zca-mobile-section .content-wrap {
    max-width: 1280px;
    background: transparent linear-gradient(121deg, #2B43A7 0%, #237ABA 100%) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    color: #fff;
    padding: 100px 100px 0px 100px;
    overflow: hidden;
}

.zca-mobile-section .table-wrap {
    display: flex;
    align-items: flex-start;
}

.zca-mobile-section .table-wrap .column.left {
    width: 55%;
    padding-right: 10%;
    margin-top: 50px;
}

.zca-mobile-section .table-wrap .column.left p a {
    display: inline-block;
    color: #fff;
    border-bottom: 1px solid;
    line-height: 1.2;
}

.zca-mobile-section .table-wrap .column.left p {
    max-width: 440px;
}

.zca-mobile-section .table-wrap .column.right {
    width: 50%;
}

.zca-mobile-section .img-wrap {
    width: 500px;
    position: relative;
    margin-left: auto;
    min-height: 450px;
}

.zca-mobile-ios {
    position: absolute;
    right: 30px;
    max-width: 270px;
    top: 55px;
    z-index: 1;
}

.zca-mobile-patterns {
    position: absolute;
    max-width: 750px;
    bottom: 0px;
    right: -110px;
    margin: auto;
    z-index: 0;
}

.zca-mobile-android {
    max-width: 300px;
    position: absolute;
    z-index: 1;
}

.common-section.bottom-cta-section {
    padding-top: 0;
}

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

.bottom-cta-section .content-wrap {
    max-width: 840px;
}


/* zca-mobile-section end*/


/* responsive */

@media screen and (max-width: 1440px) {
    .zca-header-banner {
        max-width: 100%;
    }
}

@media screen and (max-width: 1366px) {}

@media screen and (max-width: 1280px) {
    .zca-social-engagement {
        max-width: 200px;
    }
    .zca-geographic-reports {
        max-width: 490px;
    }
}

@media screen and (max-width: 1279px) {
    .i18n-en h1 {
        font-size: 44px;
    }
    .zca-performance-section .all-img-wraps .table-wrap {
        height: 400px;
    }
    .zca-performance-section .content-wrap {
        max-width: 970px;
    }
    .i18n-en h2 {
        font-size: 36px;
    }
    .zca-performance-section .all-img-wraps .table-wrap .column.left h3 {
        font-size: 26px;
    }
    .zca-open-and-clicks {
        max-width: 460px;
        bottom: 30px;
        left: 40px;
    }
    .zca-automatic-bounce {
        bottom: 30px;
        max-width: 280px;
        left: 150px;
    }
    .zca-social-engagement {
        bottom: 10px;
        max-width: 160px;
        left: 175px;
    }
    .zca-geographic-reports {
        bottom: 50px;
        max-width: 380px;
        left: 90px;
    }
    .zca-icon.zca-graph {
        display: none;
    }
    .zca-analytics-section h3 {
        font-size: 26px;
    }
    .zca-analytics-section .table-wrap .column.right {
        padding-left: 7%;
    }
    .zca-integrate-section .table-wrap .column.left {
        padding-right: 6%;
    }
    .zca-campaign-twocol {
        min-height: 550px;
    }
    .zca-campaign-section .content-wrap {
        max-width: 970px;
    }
    .zca-adv-ecommerce-summary {
        max-width: 250px;
    }
    .zca-adv-ecommerce-graph {
        max-width: 390px;
        bottom: -40px;
    }
    .zca-adv-tab2 .zca-abtest-wrap {
        max-width: 370px;
    }
    .zca-adv-ab-testing-reach {
        right: 20px;
        max-width: 210px;
        bottom: -20px;
    }
    .zca-adv-webinar-reports-reach {
        right: -30px;
        max-width: 220px;
        bottom: -20px;
    }
    .zca-adv-tab4 .zca-icon {
        display: none;
    }
    .zca-campaign-twocol-inner h3 {
        font-size: 28px;
    }
    .zca-statistics-section .zca-stat-common {
        max-width: 140px;
    }
    .zca-improvement-section .content-wrap {
        max-width: 970px;
    }
    .zca-share-reports1 {
        right: 0;
    }
    .zca-share-reports2 {
        max-width: 180px;
    }
    .zca-share-reports1 {
        max-width: 150px;
    }
    .zca-improvement-section .img-wrap {
        max-width: 360px;
    }
    .zca-improvement-section .zca-arrow1 {
        right: -110px;
        top: -115px;
    }
    .zca-social-icon {
        left: 20px;
    }
    .zca-mobile-android {
        max-width: 280px;
    }
    .zca-mobile-ios {
        max-width: 250px;
        right: 0;
    }
    .zca-mobile-section .img-wrap {
        width: 430px;
    }
    .zca-mobile-patterns {
        max-width: 660px;
        right: -40px;
    }
}

@media screen and (max-width: 1023px) {}

@media screen and (max-width: 991px) {
    .header-section .table-wrap {
        display: block;
    }
    .header-section .table-wrap .column {
        width: 100%;
        text-align: center;
    }
    h1+p {
        margin: 0 auto;
        margin-bottom: 15px;
        max-width: 580px;
    }
    .zca-header-banner {
        max-width: 640px;
        margin-top: 60px;
    }
    .header-section {
        padding: 40px 0 0px 0;
    }
    .i18n-en h2 {
        font-size: 32px;
    }
    .zca-performance-section .content-wrap {
        max-width: 100%;
        padding: 80px 60px;
    }
    .zca-performance-section .text-wrapper .acc-wrap span {
        font-size: 14px;
    }
    .zca-performance-section .text-wrapper .acc-wrap {
        margin-bottom: 15px;
    }
    .zca-performance-section .all-img-wraps .table-wrap {
        height: 450px;
        flex-wrap: wrap;
        max-width: 610px;
    }
    .zca-performance-section .all-img-wraps .table-wrap .column.left,
    .zca-performance-section .all-img-wraps .table-wrap .column.right {
        width: 100%;
        padding: 0;
    }
    .zca-performance-section .all-img-wraps .table-wrap .column.left {
        text-align: center;
    }
    .zca-performance-section .all-img-wraps .table-wrap .column.left p {
        max-width: 540px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .zca-open-and-clicks-dashboard,
    .zca-automatic-bounce-dashboard,
    .zca-social-engagement-dashboard,
    .zca-geographic-reports-dashboard {
        max-width: 100%;
    }
    .zca-performance-section .content-wrap>.table-wrap .column.right {
        margin-top: 0px;
    }
    .zca-performance-section .content-wrap .column.left .text-wrapper {
        margin-bottom: 60px;
    }
    .zca-recognize-section .table-wrap .column.left,
    .animated .acc-wrap.current .line-animate:before,
    .line-animate {
        display: none;
    }
    .zca-recognize-section .table-wrap .column.right,
    .zca-recognize-section .table-wrap .column.left {
        width: 100%;
        padding: 0;
    }
    .zca-recognize-section .acc-wrap h3 {
        font-size: 22px;
        margin-top: 50px;
        margin-bottom: 15px;
    }
    .zca-recognize-section .table-wrap {
        max-width: 600px;
        margin: 0 auto;
        margin-top: 60px;
        text-align: center;
    }
    .zca-recognize-section .acc-wrap h3:before {
        left: 0;
        right: 0;
        margin: auto;
        top: -50px;
    }
    .zca-recognize-section .mobile-only {
        display: block;
        margin-top: 40px;
    }
    .current .zca-recognize-reports,
    .current .zca-recognize-list {
        animation: none;
    }
    .zca-recognize-reports,
    .zca-recognize-list {
        opacity: 1;
    }
    .zca-recognize-section .acc-wrap {
        opacity: 1;
    }
    .zca-recognize-section .acc-wrap p {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .zca-recognize-section .acc-wrap:not(:last-child) {
        margin-bottom: 150px;
    }
    .common-section {
        padding: 90px 0;
    }
    .zca-performance-section.common-section{
        padding-top: 80px;
    }
    .zca-integrate-section h2 {
        max-width: 540px;
    }
    .zca-integrate-section .table-wrap .column.left,
    .zca-integrate-section .table-wrap .column.right,
    .zca-analytics-section .table-wrap .column.right,
    .zca-analytics-section .table-wrap .column.left {
        width: 100%;
        padding: 0;
    }
    .zca-integrate-section .table-wrap {
        flex-wrap: wrap;
    }
    .zca-integrate-section h3,
    .zca-analytics-section h3 {
        max-width: 100%;
        text-align: center;
        font-size: 26px;
    }
    .zca-integrate-section p,
    .zca-analytics-section p {
        text-align: center;
    }
    .zca-integrate-section .content-wrap,
    .zca-analytics-section .content-wrap {
        max-width: 640px;
    }
    .zca-integrate-section .table-wrap .column.right,
    .zca-analytics-section .table-wrap .column.left {
        margin-top: 20px;
    }
    .zca-analytics-section .table-wrap {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
    .common-section.zca-integrate-section {
        padding-bottom: 0;
    }
    .zca-campaign-twocol-inner .table-wrap .column.left,
    .zca-campaign-twocol-inner .table-wrap .column.right {
        width: 100%;
        padding: 0;
    }
    .zca-campaign-twocol-inner .table-wrap {
        flex-wrap: wrap;
    }
    .zca-campaign-tab-wrap .acc-wrap {
        margin-bottom: 15px;
    }
    .zca-campaign-twocol {
        padding: 80px 60px;
    }
    .zca-campaign-twocol-inner .table-wrap .column.left {
        text-align: center;
    }
    .zca-campaign-twocol {
        min-height: 690px;
    }
    .zca-campaign-section .content-wrap,
    .zca-performance-section .content-wrap,
    .zca-statistics-section .content-wrap,
    .zca-improvement-section .content-wrap,
    .zca-active-section .content-wrap,
    .zca-mobile-section .content-wrap {
        max-width: 700px;
    }
    .zca-campaign-inner .img-wrap {
        max-width: 500px;
        margin: 0 auto;
        margin-top: 30px;
    }
    .zca-adv-tab3 .img-wrap {
        max-width: 500px;
    }
    .zca-campaign-tab-wrap {
        margin-bottom: 50px;
    }
    .zca-statistics-section .table-wrap .column.left,
    .zca-statistics-section .table-wrap .column.right {
        width: 100%;
        padding: 0;
        text-align: center;
    }
    .zca-statistics-section .table-wrap {
        flex-wrap: wrap;
    }
    h1 {
        max-width: 640px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .zca-statistics-section .left p {
        max-width: 580px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .zca-statistics-section .table-wrap .column.right {
        margin-top: 100px;
    }
    .zca-statistics-section .img-wrap {
        max-width: 560px;
        margin: 0 auto;
    }
    .zca-campaign-section {
        padding-bottom: 30px;
    }
    .zca-improvement-section .content-wrap {
        padding: 80px;
    }
    .zca-improvement-section .table-wrap .column.left,
    .zca-improvement-section .table-wrap .column.right {
        width: 100%;
        padding: 0;
    }
    .zca-improvement-section .table-wrap {
        flex-wrap: wrap;
    }
    .zca-improvement-section .table-wrap .column.left {
        text-align: center;
    }
    .zca-improvement-section .table-wrap .column.right {
        padding-top: 230px;
        max-width: 360px;
        margin: 0 auto;
    }
    .zca-active-section h2+p {
        max-width: 540px;
    }
    .zca-active-section .img-sec {
        max-width: 480px;
    }
    .zca-active-workflow-version {
        max-width: 250px;
        right: -90px;
    }
    .zca-active-section .img-sec .zca-arrow2 {
        right: -50px;
        top: 90px;
    }
    .zca-mobile-section .content-wrap {
        padding: 80px;
    }
    .zca-mobile-section .table-wrap .column.left,
    .zca-mobile-section .table-wrap .column.right {
        width: 100%;
        padding: 0;
    }
    .zca-mobile-section .table-wrap {
        flex-wrap: wrap;
    }
    .zca-mobile-section .table-wrap .column.left {
        text-align: center;
        margin-top: 0;
    }
    .zca-mobile-section .table-wrap .column.left p {
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .zca-mobile-section .img-wrap {
        margin: 0 auto;
    }
    .zca-mobile-section .table-wrap .column.right {
        padding-top: 70px;
    }
    .zca-mobile-patterns {
        display: none;
    }
    .zca-mobile-ios {
        top: 115px;
    }
    .bottom-cta-section h2 {
        max-width: 640px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .zca-header-banner {
        max-width: 480px;
    }
    .zca-campaign-section .content-wrap,
    .zca-performance-section .content-wrap,
    .zca-statistics-section .content-wrap,
    .zca-improvement-section .content-wrap,
    .zca-active-section .content-wrap,
    .zca-mobile-section .content-wrap {
        max-width: 570px;
    }
    .zca-open-and-clicks {
        max-width: 340px;
    }
    .zca-automatic-bounce {
        bottom: 30px;
        max-width: 190px;
    }
    .zca-social-engagement {
        max-width: 120px;
        left: 115px;
    }
    .zca-geographic-reports {
        max-width: 260px;
    }
    .i18n-en h2 {
        font-size: 30px;
    }
    .zca-recognize-section .acc-wrap p {
        max-width: 520px;
    }
    .zca-integrate-section .table-wrap {
        margin-top: 60px;
    }
    .zca-integrate-section h3,
    .zca-analytics-section h3 {
        font-size: 24px;
    }
    .zca-improvement-section .content-wrap {
        padding: 80px 40px;
    }
    .zca-active-section .img-sec {
        max-width: 370px;
    }
    .zca-active-workflow-version {
        max-width: 200px;
        top: -30px;
    }
    .zca-active-section .img-sec .zca-arrow2 {
        width: 90px;
        height: 80px;
        background-size: 700px auto;
        background-position: -607px -10px;
        top: 100px;
    }
    .zca-mobile-section h2 {
        max-width: 310px;
        margin: 0 auto;
        margin-bottom: 15px;
    }
    .zca-mobile-section .img-wrap {
        width: 360px;
    }
    .zca-integrate-section,
    .zca-analytics-section {
        margin: 0;
    }
}

@media screen and (max-width: 640px) {
    .i18n-en h1 {
        font-size: 38px;
        line-height: 48px;
    }
    .zca-header-banner {
        max-width: 100%;
    }
    .zca-performance-section .content-wrap {
        padding: 70px 25px;
    }
    .zca-performance-section .text-wrapper .acc-wrap span {
        font-size: 13px;
    }
    .zca-performance-section .text-wrapper .acc-wrap {
        padding: 4px 25px 7px 25px;
    }
    .zca-performance-section .content-wrap .column.left .text-wrapper {
        margin-bottom: 30px;
    }
    .zca-open-and-clicks,
    .zca-automatic-bounce,
    .zca-social-engagement,
    .zca-geographic-reports {
        display: none;
    }
    .i18n-en h2 {
        font-size: 28px;
    }
    .zca-performance-section .all-img-wraps .table-wrap .column.left h3 {
        font-size: 22px;
    }
    .zca-performance-section .all-img-wraps .table-wrap {
        align-content: flex-start;
    }
    .zca-performance-section .all-img-wraps .table-wrap {
        height: auto;
    }
    .zca-performance-section .all-img-wraps .table-wrap .column.left p {
        margin-bottom: 15px;
    }
    .zca-recognize-section .acc-wrap:not(:last-child) {
        margin-bottom: 130px;
    }
    .zca-integrate-section h3,
    .zca-analytics-section h3 {
        font-size: 21px;
    }
    .common-section {
        padding: 70px 0;
    }
    .zca-performance-section.common-section{
        padding-top: 70px;
    }
    .zca-campaign-tab-wrap .acc-wrap {
        font-size: 13px;
    }
    .zca-campaign-twocol {
        padding: 70px 25px;
        min-height: 640px;
    }
    .zca-campaign-inner .img-wrap {
        max-width: 330px;
    }
    .zca-adv-ab-testing-reach {
        max-width: 140px;
    }
    .zca-adv-webinar-reports-reach {
        max-width: 160px;
    }
    .zca-adv-ecommerce-graph {
        max-width: 280px;
        bottom: 0;
    }
    .zca-adv-ecommerce-summary {
        max-width: 200px;
    }
    .common-section.zca-campaign-section {
        padding-bottom: 20px;
    }
    .zca-statistics-section .img-wrap {
        max-width: 360px;
    }
    .statistics-circle1 {
        width: 340px;
        height: 340px;
    }
    .statistics-circle2 {
        width: 225px;
        height: 225px;
    }
    .zca-stat2 {
        left: 0;
    }
    .zca-stat3 {
        right: 0;
    }
    .zca-improvement-section h2 {
        font-size: 24px;
    }
    .zca-improvement-section .zca-arrow1 {
        width: 120px;
        height: 100px;
        background-size: 700px auto;
        background-position: -490px 2px;
        top: -75px;
        right: -70px;
    }
    .zca-improvement-section .img-wrap {
        max-width: 300px;
        margin: 0 auto;
    }
    .zca-social-icon {
        top: -110px;
        left: 0;
    }
    .zca-active-section .img-sec {
        max-width: 340px;
        margin-top: 70px;
    }
    .zca-active-workflow-version {
        max-width: 160px;
        right: -40px;
    }
    .zca-active-section .img-sec .zca-arrow2 {
        right: 0;
        top: 70px;
    }
    .zca-mobile-section .content-wrap {
        padding: 70px 25px;
    }
    .zca-mobile-section .img-wrap {
        width: 340px;
    }
}

@media screen and (max-width: 480px) {
    .i18n-en h1 {
        font-size: 32px;
        line-height: 38px;
    }
    .i18n-en h2 {
        font-size: 26px;
    }
    .zca-performance-section .content-wrap {
        padding: 70px 15px;
    }
    .zca-performance-section .all-img-wraps .table-wrap .column.left h3 {
        font-size: 20px;
    }
    .zca-performance-section .text-wrapper .acc-wrap {
        padding: 4px 10px 7px 10px;
    }
    .zca-performance-section .text-wrapper .acc-wrap span {
        font-size: 12px;
    }
    .zca-recognize-section .acc-wrap h3 {
        font-size: 20px;
    }
    .zca-campaign-tab-wrap .acc-wrap {
        padding: 7px 15px;
    }
    .zca-adv-ecommerce-graph {
        max-width: 200px;
    }
    .zca-campaign-inner .img-wrap {
        max-width: 240px;
    }
    .zca-adv-ab-testing-reach {
        max-width: 120px;
    }
    .zca-adv-webinar-reports-reach {
        max-width: 120px;
        right: 20px;
    }
    .zca-adv-ecommerce-summary {
        max-width: 170px;
    }
    .zca-campaign-twocol-inner h3 {
        font-size: 24px;
    }
    .zca-statistics-section .img-wrap {
        max-width: 280px;
    }
    .statistics-circle1 {
        width: 290px;
        height: 290px;
    }
    .zca-statistics-section .zca-stat-common p {
        font-size: 11px;
    }
    .zca-stat3 p {
        max-width: 100px;
    }
    .zca-statistics-section .zca-stat-common {
        max-width: 100px;
    }
    .zca-improvement-section h2 {
        font-size: 24px;
    }
    .zca-improvement-section .content-wrap {
        padding: 60px 15px;
    }
    .zca-social-icon {
        display: none;
    }
    .zca-improvement-section .img-wrap {
        max-width: 240px;
    }
    .zca-improvement-section .zca-arrow1 {
        right: -10px;
    }
    .zca-mobile-android {
        max-width: 140px;
    }
    .zca-mobile-ios {
        max-width: 140px;
        right: 0;
        top: 30px;
    }
    .zca-mobile-section .img-wrap {
        max-width: 230px;
        min-height: 160px;
    }
    .zca-mobile-section .table-wrap .column.right {
        padding-top: 30px;
    }
    .zca-campaign-twocol {
        min-height: 620px;
    }
    .zca-active-workflow-version {
        max-width: 160px;
        right: 0;
    }
    .zca-active-section .img-sec .zca-arrow2 {
        right: 30px;
        top: 60px;
    }
}