@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-en 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-en 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(/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 0.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 0.5s;
}

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

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


/* sticky-section */

.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 0.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 0.15s;
}

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

.zcf-feature-tabs ul li.current {
    background: #FFFFFF 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(0px);
    transition: ease all 0.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;
}


/* sticky-section-end */


/* header-section */

.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(/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;
}


/* header-section */


/* contact-section */

.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-en .auto-section .table-wrap .img-area-wrap {
    border-radius: 16px;
    padding: 40px 50px;
    position: relative;
    background: #ffe6e6;
}

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

.acc-wrap h3:before {
    content: '';
    width: 30px;
    height: 30px;
    position: absolute;
    background: url(/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 0.5s ease;
    animation: fadeIn 0.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(/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%;
}


/* contact-section end*/


/* slider-section */

.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-en .zcf-personalized-main .slick-track {
    display: flex;
    align-items: stretch;
}

.i18n-en .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;
}


/* slider-section-end */


/* commerce-section */

.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-en .zsf-two-column .img-wrap {
    position: relative;
    padding: 30px;
    border-radius: 16px;
    overflow: hidden;
}

.i18n-en .zcf-automation-section .img-wrap {
    background: #ffe6e6;
}

.i18n-en .zcf-less-section .img-wrap {
    background: #ffe6e6;
}

.i18n-en .zcf-analytics-section .img-wrap {
    background: #f5f5f5;
}

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

.i18n-en .img-wrap .zcf-sms-enable {
    position: absolute;
}

.i18n-en .zcf-abtesting-section .img-wrap {
    background: #ffe6e6;
}

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

.i18n-en .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;
}


/* commerce-section end*/


/* automation-section */

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


/* automation-section end*/


/* zcf-less-section */

.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-less-section end*/


/* zcf-analytics-section */

.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-analytics-section end*/


/* sms-section */

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


/* sms-section */


/* animation code */

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


/*Right*/

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



/*slideUp*/

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



/*slideDown*/

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



/*slideleft*/

@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 0.8s ease-out 1s forwards;
}

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

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

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

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

.zwe-ob .zcf-header-model {
    animation: slideLeft 0.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 0.8s ease-out 0.2s forwards;
}

.middle-animated .zcf-workflow-menubar,
.middle-animated .zcf-sms-enable {
    animation: slideDown 0.8s ease-out 0.2s forwards;
}

.middle-animated .zcf-ecommerce-offer {
    animation: slideRight 0.8s ease-out 0.2s forwards;
}

.middle-animated .zcf-ecommerce-banner {
    animation: slideRight 0.8s ease-out 0.5s forwards;
}

.middle-animated .zcf-sometimes-settings {
    animation: slideDown 0.8s ease-out 0.2s forwards;
}

.middle-animated .zcf-sometimes-email-list {
    animation: slideUp 0.8s ease-out 0.2s forwards;
}

.middle-animated .zcf-reach-campaign {
    animation: slideDown 0.8s ease-out 0.2s forwards;
}

.middle-animated .zcf-reach-stat-bar {
    animation: slideDown 0.8s ease-out 0.4s forwards;
}



/* animation code end*/


/* responsive */

/*Arabic starts*/
.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(0px); }
  .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 0px 40px 0px; }
  .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: 0px;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: 0px;
    }
    .zcf-sms-menubar {
        max-width: 85px;
    }
    .zcf-sms-enable {
        max-width: 85%;
        left: 0;
    }
/* Arabic starts */
    .i18n-ar .zcf-comm-wrap {left: 0px;right: unset;}
    .i18n-ar .zcf-sms-enable { right: 0; left: unset; }
}

@media screen and (max-width: 1366px) {
    .i18n-en 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-en 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;
    }
/* Arabic starts */
    .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-en 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 0px 30px 0px;
        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-en 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-top: 130px; */
        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-en .img-wrap .zcf-sms-enable {
        margin: 0 auto;
        position: relative;
    }
    .zcf-personalized-main {
        margin-top: 110px;
    }
/*Arabic starts*/
    .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 0px 0px 0px; }
    .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-en h1 {
        max-width: 520px;
        font-size: 36px;
    }
    .auto-section .table-wrap {
        padding-left: 30px;
    }
    .i18n-en h2 {
        font-size: 28px;
    }
    .zcf-personal-each {
        min-height: auto;
    }

    .zcf-personal-each p {
        font-size: 14px;
    }
    .zcf-workflow-menubar {
        max-width: 220px;
    }
/* Arabic starts */
    .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-en h1 {
        font-size: 32px;
    }
    .i18n-en 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 0px 0px 0px;
    }
    .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;
    }
    /* .common-section.bottom-cta-section {
        margin-bottom: 80px;
    } */

    .i18n-ar .all-img-wraps { padding: 15px 0px 0px 0px; }
    .i18n-ar .zcf-personal-each { padding: 20px; }
    .i18n-ar .zcf-sometimes-email-list { left: 40px; right: unset; }
}

/* .i18n-en theme: pink → white → gray repeating */
.i18n-en .header-section {
    background: #ffe6e6;
    color: #000;
}

.i18n-en .zw-product-header {
    background: #ffe6e6;
}

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

/* panel-1: Template editor — white (default) */
.i18n-en .zcf-contact-section {
    background: #fff;
}

/* panel-2: Contact Management — gray */
.i18n-en .zcf-template-section {
    background: #f5f5f5;
}

/* panel-3: Personalization — pink */
.i18n-en .zcf-personalized-section {
    background: #ffe6e6;
}

/* panel-4: Automation — white */
.i18n-en .zcf-automation-section {
    background: #fff;
}

/* Ecommerce (sub) — gray */
.i18n-en .zcf-commerce-section {
    background: #f5f5f5;
}

/* A/B Testing — white */
.i18n-en .zcf-abtesting-section {
    background: #fff;
}

/* panel-6: Analytics — gray */
.i18n-en .zcf-less-section {
    background: #f5f5f5;
}

/* panel-7: Multi-channel — pink */
.i18n-en .zcf-analytics-section {
    background: #ffe6e6;
}

/* panel-8: AI — white */
.i18n-en .zcf-sms-section {
    background: #fff;
}

/* Bottom CTA — white */
.i18n-en .bottom-cta-section {
    background: #fff;
}

/* Local: all images visible */
.i18n-en .img-area-wrap img,
.i18n-en .img-wrap img,
.i18n-en .header-sec-img .zcf-icon,
.i18n-en .zcf-header-model,
.i18n-en .zcf-ecommerce-offer,
.i18n-en .zcf-ecommerce-banner,
.i18n-en .zcf-ecommerce-model,
.i18n-en .zcf-sms-enable,
.i18n-en .zcf-sms-menubar {
    opacity: 1;
}

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