@font-face {
    font-family: "Binturong";
    src: url("https://static.zohocdn.com/zohofonts/binturong/1.0/Binturong-Regular.eot");
    src: url("https://static.zohocdn.com/zohofonts/binturong/1.0/Binturong-Regular.eot?#iefix") format("embedded-opentype"),url("https://static.zohocdn.com/zohofonts/binturong/1.0/Binturong-Regular.woff2") format("woff2"),url("https://static.zohocdn.com/zohofonts/binturong/1.0/Binturong-Regular.woff") format("woff"),url("https://static.zohocdn.com/zohofonts/binturong/1.0/Binturong-Regular.ttf") format("truetype"),url("https://static.zohocdn.com/zohofonts/binturong/1.0/Binturong-Regular.svg#Binturong") format("svg")
}

.common-section {
    padding: 120px 0
}

.mobile-only {
    display: none
}

.i18n-zh-hans h1 {
    font-size: 56px
}

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

h1+p {
    max-width: 720px;
    margin: 0 auto;
    margin-bottom: 20px
}

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

.i18n-zh-hans h2 {
    font-size: 46px
}

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

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

.zcf-icon {
    background: url(//cdn.zoho.com.cn/sites/zweb/images/campaigns/features/zcf-home-sprite.svg) no-repeat
}

.common-section p a {
    color: var(--zwc-link-clr);
    border-bottom: 1px solid
}

.zcf-learnmore {
    position: relative;
    color: var(--zwc-link-clr)
}

.zcf-learnmore:hover .zcf-lm-arrow {
    transform: translateX(5px);
    transition: ease all .5s
}

.zcf-learnmore .zcf-lm-arrow {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: var(--zwc-link-clr);
    border-radius: 100%;
    position: absolute;
    bottom: 0;
    margin: auto;
    right: -25px;
    top: 0;
    transition: ease all .5s
}

.zcf-lm-arrow:after,.zcf-lm-arrow:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 2px;
    right: 6px;
    background-color: #fff
}

.zcf-lm-arrow:after {
    top: 7px;
    transform: rotate(45deg)
}

.zcf-lm-arrow:before {
    top: 11px;
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
    transform: rotate(-45deg)
}

.zcf-feature-tabs ul {
    width: 230px;
    margin-left: 130px
}

.zcf-feature-tabs {
    width: 230px;
    position: sticky;
    top: 100px;
    margin-top: 120px;
    z-index: 2;
    transition: ease all .5s
}

.zcf-feature-tabs ul li {
    font-size: 15px;
    padding: 2px 15px;
    border: 2px solid transparent;
    border-radius: 15px;
    margin-bottom: 20px;
    cursor: pointer;
    position: relative;
    transition: ease all .15s
}

.zcf-features-main-section {
    position: relative
}

.zcf-feature-tabs ul li.current {
    background: #fff 0 0 no-repeat padding-box;
    border: 2px solid #ac1c17;
    border-radius: 15px;
    opacity: 1;
    font-family: var(--zf-secondary-semibold)
}

.zcf-feature-tabs ul li:hover {
    opacity: 1
}

.zcf-arrow {
    position: absolute;
    top: 12px;
    width: 12px;
    height: 2px;
    background-color: #ac1c17;
    right: 10px;
    opacity: 0;
    transform: translateX(-10px);
    transition: ease all 1s
}

.zcf-feature-tabs ul li.current .zcf-arrow {
    opacity: 1;
    transform: translateX(0);
    transition: ease all .5s
}

.zcf-arrow:after,.zcf-arrow:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 2px;
    right: -2px;
    background-color: #ac1c17
}

.zcf-arrow:before {
    top: 2px;
    box-shadow: 0 3px 5px rgba(0,0,0,.2);
    transform: rotate(-45deg)
}

.zcf-arrow:after {
    top: -2px;
    transform: rotate(45deg)
}

body {
    overflow-x: clip
}

.zcf-feature-contents {
    position: relative
}

.zwc-acc-content-wrap>section {
    position: relative
}

.common-section.zcf-contact-section {
    padding-top: 0;
    margin-top: -420px
}

.zcf-template-section .zcf-para-only {
    max-width: 700px
}

.zcf-template-section h2 {
    max-width: 640px
}

.zcf-template-section {
    background: #f5f5f5
}

.header-section {
    background: #141414;
    color: #fff;
    padding: 120px 0 150px 0;
    text-align: center;
    position: relative
}

.zw-product-header {
    background: #141414
}

.header-sec-img .zcf-icon {
    position: absolute
}

.zcf-header-model {
    position: absolute;
    max-width: 160px;
    bottom: -157px;
    right: 0
}

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

.zcf-icon1 {
    width: 35px;
    height: 35px;
    top: -90px;
    left: 60px;
    background-size: 700px auto;
    background-position: -35px -22px
}

.zcf-icon2 {
    width: 35px;
    height: 35px;
    bottom: -80px;
    left: 250px;
    background-size: 700px auto;
    background-position: -98px -22px
}

.zcf-icon3 {
    width: 32px;
    height: 33px;
    right: 320px;
    bottom: -80px;
    background-size: 700px auto;
    background-position: -68px -25px
}

.zcf-icon4 {
    width: 35px;
    height: 35px;
    right: 80px;
    top: -70px;
    background-size: 700px auto;
    background-position: 0 -24px
}

.zcf-icon5 {
    width: 100px;
    height: 73px;
    left: 0;
    bottom: 0;
    background-size: 650px auto;
    background-position: -461px 1px
}

.zcf-model-icon {
    position: absolute;
    background: #fff;
    min-width: 100px;
    height: 30px;
    border-radius: 20px;
    left: -50px;
    top: 30px
}

.zcf-model-icon:after {
    content: '';
    background: url(//cdn.zoho.com.cn/sites/zweb/images/campaigns/features/zcf-home-sprite.svg) no-repeat;
    background-size: 700px auto;
    width: 90px;
    height: 24px;
    position: absolute;
    left: 1px;
    top: 1px;
    background-position: -379px -25px
}

.zcf-para-only {
    max-width: 760px
}

.auto-section .table-wrap {
    display: flex;
    margin-top: 60px
}

.zcf-contact-section .table-wrap .column.left {
    width: 50%
}

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

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

.line-animate {
    display: none
}

.acc-wrap p {
    font-size: 16px;
    line-height: 30px
}

.i18n-zh-hans .auto-section .table-wrap .img-area-wrap {
    border-radius: 16px;
    padding: 40px 50px;
    position: relative;
    background: #ffe6e6
}

.i18n-zh-hans .zcf-template-section .table-wrap .img-area-wrap {
    background: #ffe6e6
}

.acc-wrap h3:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/campaigns/features/zcf-home-sprite.svg) no-repeat;
    left: -50px;
    top: 0
}

#zcf-topics h3:before {
    background-size: 700px auto;
    background-position: -131px -23px
}

#zcf-segmentation h3:before {
    background-size: 600px auto;
    background-position: -141px -20px
}

#zcf-predesign h3:before {
    background-size: 600px auto;
    background-position: -170px -20px
}

#zcf-drap-drop h3:before {
    background-size: 600px auto;
    background-position: -198px -20px
}

.acc-wrap {
    opacity: 1;
    margin-bottom: 70px;
    cursor: pointer
}

.acc-wrap.current {
    opacity: 1
}

@keyframes progresswidth {
    from {
        width: 0
    }

    to {
        width: 100%
    }
}

.line-animate:before {
    display: none
}

.zcf-topic-menubar,.zcf-predesign-template-menubar {
    max-width: 120px;
    position: absolute
}

.zcf-topics-mange,.zcf-segment-create,.zcf-predesign-categories,.zcf-drag-drop-screen {
    max-width: 85%;
    margin-left: auto;
    margin-right: 0;
    display: block
}

.img-area-wrap .common-area {
    display: none;
    z-index: 2;
    position: relative
}

.img-area-wrap .common-area.current {
    display: block;
    transition: all .5s ease;
    animation: fadeIn .5s
}

.common-section .content-wrap {
    max-width: 1280px;
    padding-left: 230px
}

.zcf-text-icon {
    position: absolute;
    font-family: "Binturong";
    font-size: 31px;
    z-index: 2
}

.auto-section .table-wrap .img-area-wrap:after {
    content: '';
    background: #ffe6e6;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 75%;
    top: 0;
    z-index: 1;
    border-radius: 16px
}

.zcf-template-section .table-wrap .img-area-wrap:after {
    background: #ffe6e6
}

.zcf-text-icon:before {
    content: '';
    width: 40px;
    height: 47px;
    position: absolute;
    background: url(//cdn.zoho.com.cn/sites/zweb/images/campaigns/features/zcf-home-sprite.svg) no-repeat;
    background-size: 700px auto;
    background-position: -339px -16px;
    top: 25px;
    left: -50px
}

.auto-section .zcf-text-icon {
    top: -50px;
    right: 0
}

.zcf-template-section .column.left {
    width: 50%;
    padding-right: 6%;
    padding-left: 50px
}

.zcf-template-section .column.right {
    width: 60%
}

.zcf-personalized-section h2 {
    max-width: 620px
}

.zcf-personalized-section .zcf-para-only {
    max-width: 630px
}

.zcf-personalized-sec {
    display: flex
}

.zcf-personalized-section {
    background: #ffe6e6;
    color: #000
}

.i18n-zh-hans .zcf-personalized-main .slick-track {
    display: flex;
    align-items: stretch
}

.i18n-zh-hans .zcf-personalized-main .slick-slide {
    height: auto
}

.zcf-personal-each {
    background: #fff;
    border-radius: 12px;
    color: #000;
    margin: 10px;
    padding: 25px;
    height: 100%;
    box-sizing: border-box
}

.zcf-personal-img {
    min-height: 150px
}

.zcf-personal-img img {
    max-width: 160px;
    position: relative;
    top: 5px
}

.zcf-personal-each1 img {
    max-width: 130px;
    position: relative;
    top: 10px
}

.zcf-personal-each2 img {
    max-width: 200px;
    position: relative;
    top: 20px
}

.zcf-personal-each h3 {
    font-size: 22px
}

.zcf-personal-each p {
    font-size: 16px
}

.zcf-personalized-slider {
    margin-top: 60px
}

.zcf-personalized-main .slick-next,.zcf-personalized-main .slick-prev {
    height: 30px;
    width: 30px
}

.zcf-personalized-main .slick-arrow {
    background: transparent;
    border: 1.5px solid #000;
    border-radius: 100%
}

.zcf-personalized-main .slick-prev {
    right: 50px;
    top: -60px;
    left: auto;
    right: 60px
}

.zcf-personalized-main .slick-prev:before {
    border: 1.5px solid #000;
    border-bottom: 0;
    border-right: 0;
    width: 7px;
    height: 7px;
    transform: rotate(-45deg);
    left: 7px;
    top: 50%;
    transform-origin: top left
}

.zcf-personalized-main .slick-next:after,.zcf-personalized-main .slick-next:before,.zcf-personalized-main .slick-prev:after,.zcf-personalized-main .slick-prev:before {
    background-color: transparent
}

.zcf-personalized-main .slick-prev:after {
    border-top: 1.5px solid #000;
    top: 50%;
    width: 12px;
    margin: -0.6px 0 0 -7px;
    left: 15px
}

.zcf-personalized-main .slick-next:before,.zcf-personalized-main .slick-prev:after {
    transform: none
}

.zcf-personalized-main .slick-next {
    top: -60px;
    right: 10px
}

.zcf-personalized-main .slick-next:after {
    border: 1.5px solid #000;
    border-bottom: 0;
    border-right: 0;
    width: 7px;
    height: 7px;
    transform: rotate(135deg);
    left: 21px;
    top: 50%;
    transform-origin: top left
}

.zcf-personalized-main .slick-next:before {
    border-top: 1.5px solid #000;
    top: 49%;
    width: 12px;
    margin: -0.3px 0 0 -7px;
    right: 7px
}

.zsf-two-column .table-wrap {
    display: flex;
    align-items: center
}

.zsf-two-column .column {
    width: 50%
}

.zsf-two-column .column.left {
    width: 55%;
    padding-right: 5%
}

.i18n-zh-hans .zsf-two-column .img-wrap {
    position: relative;
    padding: 30px;
    border-radius: 16px;
    overflow: hidden
}

.i18n-zh-hans .zcf-automation-section .img-wrap {
    background: #ffe6e6
}

.i18n-zh-hans .zcf-less-section .img-wrap {
    background: #ffe6e6
}

.i18n-zh-hans .zcf-analytics-section .img-wrap {
    background: #f5f5f5
}

.i18n-zh-hans .zcf-sms-section .img-wrap {
    background: #ffe6e6;
    position: relative
}

.i18n-zh-hans .img-wrap .zcf-sms-enable {
    position: absolute
}

.i18n-zh-hans .zcf-abtesting-section .img-wrap {
    background: #ffe6e6
}

.i18n-zh-hans .zcf-commerce-section .img-wrap {
    background: #fff;
    padding: 0;
    overflow: visible
}

.i18n-zh-hans .zcf-commerce-section .img-wrap img {
    border-radius: 0;
    position: static;
    z-index: auto
}

.zcf-ecommerce-banner {
    max-width: 320px
}

.zcf-commerce-section {
    background: #f5f5f5
}

.zcf-comm-wrap {
    max-width: 170px
}

.common-section.zcf-commerce-section {
    padding-bottom: 80px
}

.zcf-ecommerce-offer {
    position: absolute;
    left: -70px
}

.zcf-comm-wrap {
    position: absolute;
    bottom: -86px;
    right: -40px
}

.zcf-workflow-create {
    max-width: 80%;
    margin-left: 10px;
    margin-right: 0;
    display: block
}

.zcf-workflow-menubar {
    max-width: 240px;
    position: absolute;
    top: 60px;
    right: 0
}

.zcf-automation-section .table-wrap .img-wrap:after {
    content: '';
    background: #ffe6e6;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 80%;
    top: 0;
    z-index: 1;
    border-radius: 16px
}

.zcf-automation-section .zcf-bg-color {
    position: relative;
    z-index: 2
}

.zcf-automation-section .zcf-text-icon {
    top: -50px;
    right: 0
}

.zcf-automation-section .zcf-para-only {
    max-width: 480px
}

.common-section.zcf-automation-section {
    padding-bottom: 130px
}

.zcf-sometimes-user {
    max-width: 150px
}

.zcf-less-section h2 {
    max-width: 480px
}

.zcf-less-section .table-wrap .img-wrap:after {
    content: '';
    background: #ffe6e6;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 75%;
    top: 0;
    z-index: 1;
    border-radius: 16px
}

.zcf-less-section .zcf-bg-color {
    position: relative;
    z-index: 2
}

.zcf-sometimes-email-list {
    position: absolute;
    bottom: 0;
    right: -30px
}

.zcf-less-section .column.left p {
    max-width: 450px
}

.zcf-analytics-section {
    background: #ffe6e6
}

.zcf-reach-campaign {
    position: absolute;
    right: 0;
    max-width: 170px;
    left: 40px
}

.zcf-reach-stat-bar {
    position: absolute;
    right: 50px;
    top: 50px;
    max-width: 120px
}

.zcf-reach-background {
    position: relative;
    top: 180px
}

.zcf-sms-menubar {
    max-width: 111px;
    position: absolute;
    z-index: 2
}

.zcf-sms-enable {
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
    display: block;
    position: relative;
    left: 80px
}

.zcf-sms-section h2 {
    max-width: 480px
}

.zcf-sms-section .column.left p {
    max-width: 480px
}

.zcf-sms-section .table-wrap .img-wrap:after {
    content: '';
    background: #ffe6e6;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    height: 80%;
    top: 0;
    z-index: 1;
    border-radius: 16px
}

.zcf-sms-section .zcf-bg-color {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    gap: 0
}

.common-section.zcf-sms-section {
    padding-bottom: 0
}

.img-wrap {
    max-width: 480px
}

.common-section.bottom-cta-section {
    padding-top: 60px;
    text-align: center;
    padding-bottom: 0;
    margin-top: 40px;
    margin-bottom: 120px
}

.bottom-cta-section h2 {
    margin-bottom: 35px
}

.transY1,.transY2,.transY3,.transY4,.transY5 {
    transform: translateY(50px);
    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 {
    transform: translateY(0)
}

.transY1 {
    transition-delay: 200ms
}

.transY2 {
    transition-delay: 400ms
}

.transY3 {
    transition-delay: 600ms
}

.transY4 {
    transition-delay: 800ms
}

.transY5 {
    transition-delay: 900ms
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

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

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

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

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

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

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

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

.header-sec-img .zcf-icon,.zcf-header-model,.zcf-segment-create,.zcf-topics-mange,.zcf-predesign-categories,.zcf-drag-drop-screen,.zcf-workflow-menubar,.zcf-ecommerce-offer,.zcf-ecommerce-banner,.zcf-sometimes-settings,.zcf-sometimes-email-list,.zcf-reach-campaign,.zcf-reach-stat-bar,.zcf-sms-enable {
    opacity: 0
}

.zwe-ob .header-sec-img .zcf-icon1 {
    animation: fadeIn .8s ease-out 1s forwards
}

.zwe-ob .header-sec-img .zcf-icon2 {
    animation: fadeIn .8s ease-out 1.4s forwards
}

.zwe-ob .header-sec-img .zcf-icon3 {
    animation: fadeIn .8s ease-out 1.8s forwards
}

.zwe-ob .header-sec-img .zcf-icon4 {
    animation: fadeIn .8s ease-out 2.2s forwards
}

.zwe-ob .header-sec-img .zcf-icon5 {
    animation: slideRight .8s ease-out 2.4s forwards
}

.zwe-ob .zcf-header-model {
    animation: slideLeft .8s ease-out 2.6s forwards
}

.current .zcf-segment-create,.current .zcf-topics-mange,.current .zcf-predesign-categories,.current .zcf-drag-drop-screen {
    animation: slideDown .8s ease-out .2s forwards
}

.middle-animated .zcf-workflow-menubar,.middle-animated .zcf-sms-enable {
    animation: slideDown .8s ease-out .2s forwards
}

.middle-animated .zcf-ecommerce-offer {
    animation: slideRight .8s ease-out .2s forwards
}

.middle-animated .zcf-ecommerce-banner {
    animation: slideRight .8s ease-out .5s forwards
}

.middle-animated .zcf-sometimes-settings {
    animation: slideDown .8s ease-out .2s forwards
}

.middle-animated .zcf-sometimes-email-list {
    animation: slideUp .8s ease-out .2s forwards
}

.middle-animated .zcf-reach-campaign {
    animation: slideDown .8s ease-out .2s forwards
}

.middle-animated .zcf-reach-stat-bar {
    animation: slideDown .8s ease-out .4s forwards
}

.i18n-ar .zcf-arrow:before {
    transform: rotate(45deg)
}

.i18n-ar .zcf-arrow:after {
    transform: rotate(-45deg)
}

.i18n-ar .zcf-lm-arrow:after {
    transform: rotate(-45deg)
}

.i18n-ar .zcf-lm-arrow:before {
    transform: rotate(45deg)
}

.i18n-ar .slick-initialized .slick-slide {
    float: right
}

.i18n-ar .zwc-demo-sticky a::before {
    margin: 15px 35px 85px 25px;
    right: -32px
}

.i18n-ar .zcf-sms-enable {
    right: 80px;
    left: unset
}

.i18n-ar .zcf-personalized-main .slick-next:after {
    border: 1.5px solid #000;
    border-bottom: 0;
    border-right: 0;
    width: 7px;
    height: 7px;
    transform: rotate(135deg);
    left: 21px;
    top: 50%;
    transform-origin: top left
}

.i18n-ar .slick-next:after {
    left: 10px;
    right: unset
}

.i18n-ar .zcf-personalized-main .slick-prev {
    right: auto;
    left: 60px
}

.i18n-ar .zcf-personalized-main .slick-next {
    left: 10px;
    right: unset
}

.i18n-ar .zcf-icon4 {
    left: 80px;
    right: unset
}

.i18n-ar .zcf-learnmore:hover .zcf-lm-arrow {
    transform: translateX(-5px)
}

.i18n-ar .zcf-learnmore .zcf-lm-arrow {
    left: -25px;
    right: unset
}

.i18n-ar .zcf-lm-arrow:after,.i18n-ar .zcf-lm-arrow:before {
    left: 6px;
    right: unset
}

.i18n-ar .zcf-arrow {
    transform: translateX(10px);
    left: 10px;
    right: unset
}

.i18n-ar .zcf-feature-tabs ul li.current .zcf-arrow {
    transform: translateX(0)
}

.i18n-ar .zcf-arrow:after,.i18n-ar .zcf-arrow:before {
    left: -2px;
    right: unset
}

.i18n-ar .header-section {
    padding: 120px 0 150px 0
}

.i18n-ar .zcf-header-model {
    left: 0;
    right: unset
}

.i18n-ar .zcf-icon1 {
    right: 60px;
    left: unset
}

.i18n-ar .zcf-icon2 {
    right: 250px;
    left: unset
}

.i18n-ar .zcf-icon3 {
    left: 320px;
    right: unset
}

.i18n-ar .zcf-icon4 {
    left: 80px;
    right: unset
}

.i18n-ar .zcf-icon5 {
    right: 0;
    left: unset
}

.i18n-ar .zcf-model-icon {
    right: -50px;
    left: unset
}

.i18n-ar .zcf-model-icon:after {
    right: 1px;
    left: unset
}

.i18n-ar .zcf-contact-section .table-wrap .column.right {
    padding-right: 10%;
    padding-left: unset
}

.i18n-ar .line-animate {
    right: 0;
    left: unset
}

.i18n-ar .auto-section .table-wrap .img-area-wrap {
    padding: 30px 0 40px 0
}

.i18n-ar .acc-wrap h3:before {
    right: -50px;
    left: unset
}

.i18n-ar .line-animate:before {
    right: 0;
    left: unset
}

.i18n-ar .zcf-topics-mange,.i18n-ar .zcf-segment-create,.i18n-ar .zcf-predesign-categories,.i18n-ar .zcf-drag-drop-screen {
    margin-left: 0;
    margin-right: auto
}

.i18n-ar .common-section .content-wrap {
    padding-right: 0;
    padding-left: unset
}

.i18n-ar .auto-section .table-wrap .img-area-wrap:after {
    left: 0;
    right: 0
}

.i18n-ar .zcf-template-section .column.left {
    padding-left: 8%;
    padding-right: 50px
}

.i18n-ar .zsf-two-column .column.left {
    padding-left: 5%;
    padding-right: unset
}

.i18n-ar .zcf-ecommerce-offer {
    right: -90px;
    left: unset
}

.i18n-ar .zcf-comm-wrap {
    left: -70px;
    right: unset
}

.i18n-ar .zcf-workflow-create {
    margin-left: 0;
    margin-right: 60px
}

.i18n-ar .zcf-automation-section .table-wrap .img-wrap:after {
    left: 0;
    right: 0
}

.i18n-ar .zcf-less-section .table-wrap .img-wrap:after {
    left: 0;
    right: 0
}

.i18n-ar .zcf-reach-campaign {
    left: 0;
    right: unset
}

.i18n-ar .zcf-sms-enable {
    margin-left: 0;
    margin-right: auto
}

.i18n-ar .header-section,.i18n-ar .common-section.bottom-cta-section {
    text-align: center
}

.i18n-ar .header-section *,.i18n-ar .common-section.bottom-cta-section * {
    text-align: center
}

@media screen and (max-width: 1560px) {
    .zcf-feature-tabs ul {
        margin-left:80px
    }
}

@media screen and (max-width: 1440px) {
    .zcf-feature-tabs ul {
        margin-left:30px;
        width: 200px
    }

    .zcf-comm-wrap {
        right: 0
    }

    .zcf-sms-menubar {
        max-width: 85px
    }

    .zcf-sms-enable {
        max-width: 85%;
        left: 0
    }

    .i18n-ar .zcf-comm-wrap {
        left: 0;
        right: unset
    }

    .i18n-ar .zcf-sms-enable {
        right: 0;
        left: unset
    }
}

@media screen and (max-width: 1366px) {
    .i18n-zh-hans h2 {
        font-size:40px
    }

    .zcf-ecommerce-banner {
        max-width: 220px
    }

    .zcf-comm-wrap {
        bottom: -110px
    }

    .zcf-sometimes-email-list {
        right: -20px
    }

    .zcf-reach-background {
        top: 180px
    }

    .zcf-topic-menubar,.zcf-predesign-template-menubar {
        max-width: 105px
    }

    .zcf-less-section h2 {
        max-width: 420px
    }

    .i18n-ar .zcf-sometimes-email-list {
        left: -20px;
        right: unset
    }
}

@media screen and (min-width: 1279px) {
    .i18n-ar .common-section .content-wrap {
        padding-right:230px;
        padding-left: unset
    }
}

@media screen and (max-width: 1280px) {
    .zcf-personal-img {
        min-height:140px
    }

    .zcf-reach-background {
        top: 220px
    }
}

@media screen and (max-width: 1279px) {
    .mobile-only {
        display:block
    }

    .zcf-feature-tabs {
        display: none
    }

    .common-section.zcf-contact-section {
        margin-top: 60px
    }

    .common-section .content-wrap {
        max-width: 100%;
        padding-left: 0
    }

    .i18n-zh-hans h1 {
        font-size: 48px;
        max-width: 840px
    }

    .zcf-header-model {
        right: 60px
    }

    .zcf-icon5 {
        left: 30px;
        bottom: -30px
    }

    .acc-wrap:last-child {
        margin-bottom: 0
    }

    .zcf-reach-background {
        top: 180px
    }

    .zcf-sometimes-email-list {
        right: 10px
    }

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

    .i18n-ar .common-section .content-wrap {
        padding-right: 0;
        padding-left: unset
    }

    .i18n-ar .zcf-header-model {
        left: 60px;
        right: unset
    }

    .i18n-ar .zcf-icon5 {
        right: 30px;
        left: unset
    }

    .i18n-ar .zcf-sometimes-email-list {
        left: 10px;
        right: unset
    }
}

@media screen and (min-width: 1020px) {
    .i18n-ar .zcf-reach-background {
        top:140px
    }
}

@media screen and (max-width: 1023px) {
    .zcf-contact-section .table-wrap .column.left,.zcf-template-section .column.right {
        display:none
    }

    .zcf-template-section .column.left,.zcf-contact-section .table-wrap .column.right {
        width: 100%;
        padding: 0
    }

    .i18n-zh-hans h1 {
        font-size: 40px
    }

    h1+p {
        max-width: 640px
    }

    .zcf-header-model,.zcf-icon5,.line-animate {
        display: none
    }

    .zcf-icon2 {
        left: 140px
    }

    .zcf-icon3 {
        right: 160px
    }

    .auto-section .table-wrap {
        margin-top: 60px
    }

    .common-section.zcf-contact-section {
        margin-top: 40px
    }

    .auto-section .table-wrap {
        max-width: 530px;
        margin: 0 auto;
        margin-top: 40px
    }

    .all-img-wraps {
        border-radius: 16px;
        padding: 30px 0 30px 0;
        position: relative
    }

    .all-img-wraps:after {
        content: '';
        background: #ffe6e6;
        width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        height: 75%;
        top: 0;
        z-index: 1;
        border-radius: 16px
    }

    .zcf-bg-color {
        position: relative;
        z-index: 2
    }

    .zcf-para-only {
        max-width: 100%
    }

    .zcf-segment-create,.zcf-drag-drop-screen,.acc-wrap {
        opacity: 1
    }

    .acc-wrap {
        margin-bottom: 40px
    }

    .auto-section .content-wrap {
        max-width: 620px
    }

    .common-section {
        padding: 90px 0
    }

    .zcf-template-section .all-img-wraps:after {
        background: #ffe6e6
    }

    .zcf-personal-img {
        min-height: 160px
    }

    .zsf-two-column .column.left,.zsf-two-column .column.left,.zsf-two-column .column {
        width: 100%;
        padding: 0
    }

    .zsf-two-column .table-wrap {
        flex-wrap: wrap;
        justify-content: center
    }

    .zsf-two-column .content-wrap {
        max-width: 640px
    }

    .zsf-two-column h2 {
        max-width: 520px;
        margin: 0 auto;
        margin-bottom: 15px
    }

    .zsf-two-column .column.left p {
        max-width: 100%
    }

    .zcf-automation-section .img-wrap,.zcf-less-section .img-wrap,.zsf-two-column .img-wrap {
        margin: 0 auto
    }

    .zsf-two-column .img-wrap {
        margin-top: 40px
    }

    .zcf-comm-wrap {
        bottom: -6px;
        max-width: 110px;
        right: 0
    }

    .common-section.zcf-commerce-section {
        padding-bottom: 60px
    }

    .zcf-commerce-section .img-wrap {
        max-width: 400px
    }

    .zcf-automation-section .img-wrap {
        padding-bottom: 0;
        margin-top: 80px
    }

    .common-section {
        padding: 80px 0
    }

    .common-section.zcf-sms-section {
        padding-bottom: 80px
    }

    .zcf-sms-section .table-wrap {
        margin-top: 20px
    }

    .i18n-zh-hans h2 {
        font-size: 32px
    }

    .zsf-two-column .column.left {
        text-align: center
    }

    .zcf-reach-background {
        bottom: 0;
        top: auto
    }

    .zcf-analytics-section .img-wrap {
        margin-bottom: 100px
    }

    .zcf-reach-campaign {
        max-width: 110px;
        left: 40px;
        bottom: 170px
    }

    .common-section.zcf-analytics-section {
        padding-bottom: 0
    }

    .zcf-reach-stat-bar {
        max-width: 100px;
        top: -60px;
        right: 50px
    }

    .zcf-commerce-section h2,.zcf-sms-section h2 {
        max-width: 100%
    }

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

    .zcf-sms-menubar {
        display: none
    }

    .zcf-sms-enable,.i18n-zh-hans .img-wrap .zcf-sms-enable {
        margin: 0 auto;
        position: relative
    }

    .zcf-personalized-main {
        margin-top: 110px
    }

    .i18n-ar .zcf-header-model,.i18n-ar .zcf-icon5,.i18n-ar .line-animate {
        display: none
    }

    .i18n-ar .zcf-template-section .column.left,.i18n-ar .zcf-contact-section .table-wrap .column.right {
        padding: 0
    }

    .i18n-ar .zcf-icon2 {
        right: 140px;
        left: unset
    }

    .i18n-ar .zcf-icon3 {
        left: 160px;
        right: unset
    }

    .i18n-ar .all-img-wraps {
        padding: 30px 0 0 0
    }

    .i18n-ar .all-img-wraps:after {
        left: 0;
        right: 0
    }

    .i18n-ar .zsf-two-column .column.left,.i18n-ar .zsf-two-column .column.left,.i18n-ar .zsf-two-column .column {
        padding: 0
    }

    .i18n-ar .zcf-comm-wrap {
        left: 0;
        right: unset
    }

    .i18n-ar .zcf-reach-campaign {
        right: 40px;
        left: unset
    }

    .i18n-ar .zcf-reach-stat-bar {
        left: 50px;
        right: unset
    }

    .i18n-ar .zsf-two-column .column.left {
        text-align: center
    }

    .i18n-ar .zsf-two-column .column.left * {
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .zcf-learnmore .zcf-lm-arrow {
        display:none
    }

    .zcf-learnmore {
        border-bottom: 1px solid
    }
}

@media screen and (max-width: 640px) {
    .header-sec-img .zcf-icon {
        display:none
    }

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

    .i18n-zh-hans h1 {
        max-width: 520px;
        font-size: 36px
    }

    .auto-section .table-wrap {
        padding-left: 30px
    }

    .i18n-zh-hans h2 {
        font-size: 28px
    }

    .zcf-personal-each {
        min-height: auto
    }

    .zcf-personal-each p {
        font-size: 14px
    }

    .zcf-workflow-menubar {
        max-width: 220px
    }

    .i18n-ar .header-sec-img .zcf-icon {
        display: none
    }

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

    .i18n-ar .auto-section .table-wrap {
        padding-right: 30px;
        padding-left: unset
    }
}

@media screen and (max-width: 480px) {
    .auto-section .table-wrap {
        padding-left:50px
    }

    .zcf-topic-menubar,.zcf-predesign-template-menubar {
        max-width: 75px
    }

    .zcf-personalized-main .slick-prev {
        top: -40px
    }

    .zcf-personalized-main .slick-next {
        top: -40px
    }

    .zcf-personalized-main {
        margin-top: 80px
    }

    .zcf-sometimes-email-list {
        max-width: 130px
    }

    .common-section {
        padding: 70px 0
    }

    .acc-wrap h3:before {
        display: none
    }

    .auto-section .table-wrap {
        padding-left: 0
    }

    .zcf-comm-wrap {
        display: none
    }

    .zcf-ecommerce-banner {
        display: block;
        margin: auto
    }

    .common-section.zcf-commerce-section {
        padding-bottom: 60px
    }

    .zcf-reach-campaign {
        top: -50px;
        max-width: 70px
    }

    .zcf-reach-stat-bar {
        max-width: 50px
    }

    .zcf-workflow-menubar {
        max-width: 150px;
        top: 50px
    }

    .common-section.zcf-automation-section {
        padding-bottom: 110px
    }

    .i18n-ar .auto-section .table-wrap {
        padding-right: 0;
        padding-left: unset
    }

    .i18n-ar .zcf-ecommerce-banner {
        margin: auto
    }
}

@media screen and (max-width: 375px) {
    .i18n-zh-hans h1 {
        font-size:32px
    }

    .i18n-zh-hans h2 {
        font-size: 26px
    }

    .zcf-topics-mange,.zcf-segment-create,.zcf-predesign-categories,.zcf-drag-drop-screen {
        max-width: 85%
    }

    .zcf-topic-menubar,.zcf-predesign-template-menubar {
        max-width: 55px
    }

    .all-img-wraps {
        padding: 15px 0 0 0
    }

    .zcf-personal-each {
        padding: 20px
    }

    .zcf-text-icon {
        font-size: 23px
    }

    .zcf-workflow-menubar {
        max-width: 140px
    }

    .zcf-sometimes-email-list {
        max-width: 100px;
        right: 40px
    }

    .common-section.zcf-less-section {
        padding-bottom: 60px
    }

    .zcf-sms-menubar {
        max-width: 60px
    }

    .i18n-ar .all-img-wraps {
        padding: 15px 0 0 0
    }

    .i18n-ar .zcf-personal-each {
        padding: 20px
    }

    .i18n-ar .zcf-sometimes-email-list {
        left: 40px;
        right: unset
    }
}

.i18n-zh-hans .header-section {
    background: #ffe6e6;
    color: #000
}

.i18n-zh-hans .zw-product-header {
    background: #ffe6e6
}

.i18n-zh-hans .header-section .act-btn {
    background: #e42527;
    color: #fff;
    visibility: visible;
    opacity: 1
}

.i18n-zh-hans .zcf-contact-section {
    background: #fff
}

.i18n-zh-hans .zcf-template-section {
    background: #f5f5f5
}

.i18n-zh-hans .zcf-personalized-section {
    background: #ffe6e6
}

.i18n-zh-hans .zcf-automation-section {
    background: #fff
}

.i18n-zh-hans .zcf-commerce-section {
    background: #f5f5f5
}

.i18n-zh-hans .zcf-abtesting-section {
    background: #fff
}

.i18n-zh-hans .zcf-less-section {
    background: #f5f5f5
}

.i18n-zh-hans .zcf-analytics-section {
    background: #ffe6e6
}

.i18n-zh-hans .zcf-sms-section {
    background: #fff
}

.i18n-zh-hans .bottom-cta-section {
    background: #fff
}

.i18n-zh-hans .img-area-wrap img,.i18n-zh-hans .img-wrap img,.i18n-zh-hans .header-sec-img .zcf-icon,.i18n-zh-hans .zcf-header-model,.i18n-zh-hans .zcf-ecommerce-offer,.i18n-zh-hans .zcf-ecommerce-banner,.i18n-zh-hans .zcf-ecommerce-model,.i18n-zh-hans .zcf-sms-enable,.i18n-zh-hans .zcf-sms-menubar {
    opacity: 1
}

.i18n-zh-hans .img-area-wrap img,.i18n-zh-hans .img-wrap img {
    position: relative;
    z-index: 2
}