* {
    -webkit-tap-highlight-color: transparent
}

:root {
    --h1-size: 68px;
    --h2-size: 44px;
    --h3-size: 34px;
    --h4-size: 24px;
    --h5-size: 20px;
    --h6-size: 18px;
    --h1-line-height: 1.1;
    --h2-line-height: 1.2;
    --h3-line-height: 1.3;
    --h4-line-height: 1.4;
    --h5-line-height: 1.5;
    --h6-line-height: 1.6;
    --h8-line-height: 1.8;
    --white-color: #fff;
    --black-color: #000;
    --primary-color: #ebeef9;
    --secondary-color: #010101;
    --h2-font-3: 56px;
    --h2-font-4: 40px;
    --h3-font-1: 24px;
    --h3-font-2: 20px;
    --h4-font-1: 20px;
    --p-font-1: 20px;
    --p-font-2: 16px;
    --p-font-3: 17px;
    --a-font-1: 16px;
    --a-font-2: 24px
}

.zwc-btn-wrap .act-btn.cta-btn {
    padding: 16px 40px;
    border: 1px solid #e42527;
    position: relative;
}

.act-btn.cta-btn,
.zwc-video-cta {
    color: #fff;
    padding: 16px 32px;
    border-radius: 4px;
    background: #e42527;
    font-size: 16px;
    font-family: var(--zf-secondary-semibold);
    position: relative;
    cursor: pointer;
}

.zwc-video-cta:after {
    position: absolute;
    content: '';
    width: 24px;
    height: 24px;
    background: url(/sites/zweb/images/one/features/fea-sprite.svg) no-repeat;
    background-position: -321px -1px;
    right: 17px;
    background-size: 345px;
}

.zwc-cta-arrow:hover,
.zwc-cta-arrow:focus-visible {
    background-position: 0 100%
}

body {
    color: #000
}

picture,
img {
    display: block
}

.p-rlte {
    position: relative
}

.p-abslt {
    position: absolute
}

.mlr-auto {
    margin: 0 auto
}

.z-indx-1 {
    z-index: 1
}

.z-indx-2 {
    z-index: 2
}

.z-indx-3 {
    z-index: 3
}

.z-indx-4 {
    z-index: 4
}

.z-indx-5 {
    z-index: 5
}

.z-indx-6 {
    z-index: 6
}

.z-indx-7 {
    z-index: 7
}

.z-indx-8 {
    z-index: 8
}

.z-indx-9 {
    z-index: 9
}

.txt-lft {
    text-align: left
}

.txt-cntr {
    text-align: center
}

.txt-rght {
    text-align: right
}

.zcol-wrap,
.dflx,
.zwb-midea-obj,
.zwb-btn-set {
    display: flex;
    flex-wrap: wrap
}

.flx-algn-cntr {
    align-items: center
}

.flx-algn-start {
    align-items: flex-start
}

.flx-algn-stretch {
    align-items: stretch
}

.flx-algn-end {
    align-items: flex-end
}

.flx-jstfy-cntr {
    justify-content: center
}

.flx-jstfy-btween {
    justify-content: space-between
}

.flx-jstfy-even {
    justify-content: space-evenly
}

.flx-jstfy-arnd {
    justify-content: space-around
}

.flx-jstfy-start {
    justify-content: flex-start
}

.flx-jstfy-end {
    justify-content: flex-end
}

.zcol-1 {
    max-width: calc(8.33% - 10px);
    flex-basis: calc(8.33% - 10px)
}

.zcol-2 {
    max-width: calc(16.67% - 10px);
    flex-basis: calc(16.67% - 10px)
}

.zcol-3 {
    max-width: calc(25% - 10px);
    flex-basis: calc(25% - 10px)
}

.zcol-4 {
    max-width: calc(33.33% - 10px);
    flex-basis: calc(33.33% - 10px)
}

.zcol-5 {
    max-width: calc(41.67% - 10px);
    flex-basis: calc(41.67% - 10px)
}

.zcol-6 {
    max-width: calc(50% - 10px);
    flex-basis: calc(50% - 10px)
}

.zcol-7 {
    max-width: calc(58.33% - 10px);
    flex-basis: calc(58.33% - 10px)
}

.zcol-8 {
    max-width: calc(66.67% - 10px);
    flex-basis: calc(66.67% - 10px)
}

.zcol-9 {
    max-width: calc(75% - 10px);
    flex-basis: calc(75% - 10px)
}

.zcol-10 {
    max-width: calc(83.33% - 10px);
    flex-basis: calc(83.33% - 10px)
}

.zcol-11 {
    max-width: calc(91.67% - 10px);
    flex-basis: calc(91.67% - 10px)
}

.zcol-12 {
    max-width: calc(100% - 10px);
    flex-basis: calc(100% - 10px)
}

.d-blck,
.in-view-desk {
    display: block
}

.in-view-mob {
    display: none
}

.zwc-title {
    margin: 0 0 40px;
    position: relative
}

.txt-whte * {
    color: var(--white-color)
}

.zwc-title h1,
.zwc-title h2 {
    font-family: var(--primaryfont-bold);
    letter-spacing: -.3px
}

.zwc-title h3,
.zwc-title h4,
.zwc-title h5 {
    font-family: var(--primaryfont-bold)
}

.zwc-title h1 {
    font-size: var(--h1-size);
    line-height: var(--h2-line-height);
    letter-spacing: -.3px;
    margin: 0 0 14px
}

.zwc-title h2 {
    margin: 0 0 20px;
    font-size: var(--h2-size);
    line-height: var(--h2-line-height)
}

.zwc-title h3 {
    margin: 0 0 16px;
    font-size: var(--h3-size);
    line-height: var(--h3-line-height)
}

.zwc-title h4 {
    margin: 0 0 14px;
    font-size: var(--h4-size);
    line-height: var(--h4-line-height)
}

.zwc-title h5 {
    margin: 0 0 12px;
    font-size: var(--h5-size);
    line-height: var(--h5-line-height)
}

.zwc-title h6 {
    margin: 0 0 10px;
    font-size: var(--h6-size);
    line-height: var(--h6-line-height)
}

.zwc-top-wrap.zwc-title p {
    font-size: 24px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.zwc-top-wrap .zwc-title {
    margin-bottom: 0;
}

.zwc-title p {
    font-size: 16px;
    line-height: var(--h6-line-height)
}

.zwc-custm-mrgn {
    margin: 0
}

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

.zwc-banner-wrap {
    background: #ffd731;
    padding: 100px 0
}

.zwc-btn-wrap {
    gap: 12px
}

.zwc-video-cta {
    background: 0;
    border: 1px solid #000;
    color: #000;
    text-transform: uppercase;
    padding: 14px 44px 14px 32px;
    position: relative;
}

.zwc-features-wrap {
    padding-bottom: 0;
}

.zwc-features-grid {
    margin-bottom: 0px;
    gap: 75px;
}

.zwc-feature-left {
    border-right: 1px solid #cecece
}

.zwc-feature-left.zcol-3 {
    max-width: calc(19% - 6px);
    flex-basis: calc(19% - 6px);
}

.zwc-feature-right.zcol-9 {
    max-width: calc(76% - 6px);
    flex-basis: calc(76% - 6px);
}

.zwc-sticky-wrap {
    position: sticky;
    top: 0;
    background: #fff;
    border-radius: 8px;
    padding: 100px 0 50px 0px
}

.zwc-sticky-wrap h4 {
    max-width: 190px;
    padding-bottom: 16px;
    margin-bottom: 0;
    font-size: 24px
}

.zwc-sticky-wrap ul {
    margin-top: 24px
}

.zwc-sticky-wrap ul li {
    cursor: pointer;
    transition: all .1s ease-in
}

.zwc-sticky-wrap ul li a {
    color: #666;
    font-size: 16px;
    padding: 14px 0 14px 54px;
    position: relative;
    display: block;
    font-family: var(--zf-secondary-medium)
}

.zwc-sticky-wrap ul li.active {
    background: #025540
}

.zwc-sticky-wrap ul li:hover a {
    color: #fff;
    background: #025540
}

.zwc-sticky-wrap ul li.active a {
    font-family: var(--zf-secondary-semibold);
    color: #fff
}

.zwc-sticky-wrap ul li a:before {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    background: url(/sites/zweb/images/one/features/fea-sprite.svg) no-repeat 0 0 / 300px;
    left: 25px;
    top: 16px;
    filter: contrast(0.1)
}

.zwc-sticky-wrap ul li:hover a:before,
.zwc-sticky-wrap ul li.active a:before {
    filter: invert(1)
}

.zwc-sticky-wrap ul li:nth-child(1) a:before {
    background-position: -125px 1px;
}

.zwc-sticky-wrap ul li:nth-child(2) a:before {
    background-position: -146px 1px;
}

.zwc-sticky-wrap ul li:nth-child(3) a:before {
    background-position: -167px 1px;
}

.zwc-sticky-wrap ul li:nth-child(4) a:before {
    background-position: -189px 1px;
}

.zwc-sticky-wrap ul li:nth-child(5) a:before {
    background-position: -232px 1px;
}

.zwc-sticky-wrap ul li:nth-child(6) a:before {
    background-position: -210px 2px;
}

.zwc-feature-content {
    border-bottom: 1px solid #d1d1d1;
    padding: 80px 0px 100px 0px;
}

.zwc-feature-content:last-child {
    border-bottom: 0 solid #d1d1d1;
}

.zwc-top-wrap .lhs .tagline {
    color: #1B7F6D;
    margin-bottom: 12px;
    font-size: 20px;
    font-family: var(--zf-secondary-semibold);
    letter-spacing: -1px;
    text-transform: uppercase
}

.zwc-top-wrap .rhs p {
    max-width: 526px;
    font-size: 18px;
    letter-spacing: -.2px
}

.zwc-main-wrap ul {
    margin-top: 48px
}

.zwc-gap-below {
    margin-bottom: 64px
}

.art-wrk-main {
    background: #f8f3e7;
    max-width: 489px;
    height: 286px;
    border-radius: 10px;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 32px 32px;
}

.art-wrk-main img {
    opacity: 0;
    transform: translateY(20px);
    transition: all .4s ease-in;
}

.zwe-ob.art-wrk-main img {
    opacity: 1;
    transform: translateY(0);
}

.zwc-cont-grid h4 {
    font-size: var(--h4-size);
    font-family: var(--zf-secondary-semibold);
    margin-bottom: 14px;
    letter-spacing: -.5px
}

.zwc-cont-grid p {
    font-size: 16px;
    max-width: 449px;
    margin-bottom: 30px;
}

.zwc-apps-grid ul {
    gap: 24px;
    margin-top: 0;
}

.zwc-apps-grid li {
    text-align: center;
}

.zwc-apps-grid li .zwc-apps {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    border: 1px solid #D6D6EC;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 8px;
}

.zwc-app-label {
    color: #000;
    font-size: 12px;
    letter-spacing: -.2px;
    font-family: var(--zf-secondary-medium);
    display: inline-block;
    text-align: center;
}

.zwc-app-label .d-blck {
    display: block;
}

.zfea-grid-secondary .zwc-apps-grid li .zwc-apps {
    border: 1px solid #158B7C;
    background: #025540;
}

.zfea-grid-secondary .zwc-app-label {
    color: #B0DBD0;
}

.zwc-apps-grid li .zwc-apps:before {
    position: absolute;
    content: '';
    width: var(--zp-i-w);
    height: var(--zp-i-h);
    background: url(/sites/zweb/images/commonroot/product-icons.svg) no-repeat;
    background-position: var(--uset-position);
    background-size: var(--zp-i-bs);
    left: 1px;
    top: 1px;
    transform: scale(.6) translate(1px, 1px);
}

.zfea-grid-secondary .zwc-apps-grid li .zwc-apps:before {
    filter: brightness(0) invert(1);
}

.zwc-apps-grid li .zwc-apps.zw-crm:before {
    background-position: var(--zp-crm-bp);
}

.zwc-apps-grid li .zwc-apps.zw-bigin:before {
    background-position: var(--zp-bigin-bp);
}

.zwc-apps-grid li .zwc-apps.zw-bookings:before {
    background-position: var(--zp-bookings-bp);
}

.zwc-apps-grid li .zwc-apps.zw-forms:before {
    background-position: var(--zp-forms-bp);
}

.zwc-apps-grid li .zwc-apps.zw-salesiq:before {
    background-position: var(--zp-salesiq-bp);
}

.zwc-apps-grid li .zwc-apps.zw-people:before {
    background-position: var(--zp-people-bp);
}

.zwc-apps-grid li .zwc-apps.zw-directory:before {
    background-position: var(--zp-directory-bp);
}

.zwc-apps-grid li .zwc-apps.zw-vault:before {
    background-position: var(--zp-vault-bp);
}

.zwc-apps-grid li .zwc-apps.zw-notebook:before {
    background-position: var(--zp-notebook-bp);
}

.zwc-apps-grid li .zwc-apps.zw-calender:before {
    background-position: var(--zp-calendar-bp);
}

.zwc-apps-grid li .zwc-apps.zw-books:before {
    background-position: var(--zp-books-bp);
}

.zwc-apps-grid li .zwc-apps.zw-expense:before {
    background-position: var(--zp-expense-bp);
}

.zwc-apps-grid li .zwc-apps.zw-billings:before {
    background-position: var(--zp-billing-bp);
}

.zwc-apps-grid li .zwc-apps.zw-invoice:before {
    background-position: var(--zp-invoice-bp);
}

.zwc-apps-grid li .zwc-apps.zw-checkout:before {
    background-position: var(--zp-checkout-bp);
}

.zwc-apps-grid li .zwc-apps.zw-desk:before {
    background-position: var(--zp-desk-bp);
}

.zwc-apps-grid li .zwc-apps.zw-assist:before {
    background-position: var(--zp-assist-bp);
}

.zwc-apps-grid li .zwc-apps.zw-lens:before {
    background-position: var(--zp-lens-bp);
}

.zwc-apps-grid li .zwc-apps.zw-marketing:before {
    background-position: var(--zp-marketingautomation-bp);
}

.zwc-apps-grid li .zwc-apps.zw-campaigns:before {
    background-position: var(--zp-campaigns-bp);
}

.zwc-apps-grid li .zwc-apps.zw-survey:before {
    background-position: var(--zp-survey-bp);
}

.zwc-apps-grid li .zwc-apps.zw-social:before {
    background-position: var(--zp-social-bp);
}

.zwc-apps-grid li .zwc-apps.zw-publish:before {
    background-position: var(--zp-publish-bp);
}

.zwc-apps-grid li .zwc-apps.zw-thrive:before {
    background-position: var(--zp-thrive-bp);
}

.zwc-apps-grid li .zwc-apps.zw-sites:before {
    background-position: var(--zp-sites-bp);
}

.zwc-apps-grid li .zwc-apps.zw-recurit:before {
    background-position: var(--zp-recruit-bp);
}

.zwc-apps-grid li .zwc-apps.zw-inventory:before {
    background-position: var(--zp-inventory-bp);
}

.zwc-apps-grid li .zwc-apps.zw-contracts:before {
    background-position: var(--zp-contracts-bp);
}

.zwc-apps-grid li .zwc-apps.zw-commerce:before {
    background-position: var(--zp-commerce-bp);
}

.zwc-apps-grid li .zwc-apps.zw-analytics:before {
    background-position: var(--zp-analytics-bp);
}

.zwc-apps-grid li .zwc-apps.zw-dataprep:before {
    background-position: var(--zp-dataprep-bp);
}

.zwc-apps-grid li .zwc-apps.zw-pagesense:before {
    background-position: var(--zp-pagesense-bp);
}

.zwc-apps-grid li .zwc-apps.zw-creator:before {
    background-position: var(--zp-creator-bp);
}

.zwc-apps-grid li .zwc-apps.zw-flow:before {
    background-position: var(--zp-flow-bp);
}

.zwc-apps-grid li .zwc-apps.zw-rpa:before {
    background-position: var(--zp-rpa-bp);
}

.zwc-apps-grid li .zwc-apps.zw-learn:before {
    background-position: var(--zp-learn-bp);
}

.zwc-apps-grid li .zwc-apps.zw-workdrive:before {
    background-position: var(--zp-workdrive-bp);
}

.zwc-apps-grid li .zwc-apps.zw-writer:before {
    background-position: var(--zp-writer-bp);
}

.zwc-apps-grid li .zwc-apps.zw-sheet:before {
    background-position: var(--zp-sheet-bp);
}

.zwc-apps-grid li .zwc-apps.zw-connect:before {
    background-position: var(--zp-connect-bp);
}

.zwc-apps-grid li .zwc-apps.zw-show:before {
    background-position: var(--zp-show-bp);
}

.zwc-apps-grid li .zwc-apps.zw-cliq:before {
    background-position: var(--zp-cliq-bp);
}

.zwc-apps-grid li .zwc-apps.zw-mail:before {
    background-position: var(--zp-mail-bp);
}

.zwc-apps-grid li .zwc-apps.zw-teaminbox:before {
    background-position: var(--zp-teaminbox-bp);
}

.zwc-apps-grid li .zwc-apps.zw-meetings:before {
    background-position: var(--zp-meeting-bp);
}

.zwc-apps-grid li .zwc-apps.zw-backstage:before {
    background-position: var(--zp-backstage-bp);
}

.zwc-apps-grid li .zwc-apps.zw-sign:before {
    background-position: var(--zp-sign-bp);
}

.zwc-apps-grid li .zwc-apps.zw-projects:before {
    background-position: var(--zp-projects-bp);
}

.zwc-apps-grid li .zwc-apps.zw-sprints:before {
    background-position: var(--zp-sprints-bp);
}

.zwc-apps-grid li .zwc-apps.zw-vani:before {
    background-position: var(--zp-vani-bp);
}

.zwc-apps-grid li .zwc-apps.zw- {
    background-position: var();
}

.zfea-grid-secondary {
    position: relative;
    color: #fff;
    background: #025540
}

.zfea-grid-secondary .lhs .tagline {
    color: #5aecd2;
    letter-spacing: -1px
}

.zfea-grid-secondary .art-wrk-main {
    background: #024332;
}

.zwc-main-wrap .zcol-12 .art-wrk-main {
    margin-bottom: 0;
    padding: 24px 32px 32px;
}

.zwc-main-wrap .zcol-12 .art-wrk-main img {
    max-width: 95%;
    margin: auto;
}

.zfea-grid-secondary .art-wrk-main.artwrk-space {
    padding: 0 0 0 36px
}

span.bg-overlay {
    position: absolute;
    height: 100%;
    left: -75px;
    top: 0;
    background: #025540;
    z-index: -1;
}

.zwc-feature-content .artwrk-space {
    padding: 0
}

.zwc-features-list ul {
    margin-top: 64px
}

#tab6 ul {
    margin-top: 32px;
}

.zwc-features-list ul li .zfc-icon {
    display: block;
    width: 44px;
    height: 44px;
    margin-bottom: 8px;
    background: url(/sites/zweb/images/one/features/fea-sprite.svg) no-repeat 0 0 / 300px
}

.zwc-features-list ul li .zfc-icon1 {
    background-position: 0 0
}

.zwc-features-list ul li .zfc-icon2 {
    background-position: -41px 0
}

.zwc-features-list ul li .zfc-icon3 {
    background-position: -83px 0
}

.zwc-features-list ul li h3 {
    font-size: 24px
}

.zwc-features-list ul li p {
    font-size: 15px
}

.zwc-bottom-wrap {
    background: #ffd730;
    color: var(--white-color);
    padding: 140px 0 80px;
    border-radius: 100px 100px 0 0
}

.zwc-bottom-wrap .zwc-title-wrap {
    position: relative
}

.zwc-bottom-wrap .zwc-title-wrap h2 {
    color: #000;
    font-size: 48px
}

.zwc-bottom-wrap .zwc-title-wrap p {
    color: #000;
    max-width: 650px;
    margin: 0 auto 24px
}

.zwc-bottom-wrap .rhs {
    position: relative
}

.btagline {
    font-size: 14px;
    padding-top: 16px
}

.zbtm-creative {
    max-width: 550px
}
  .lang-rtl .zwc-video-cta:after { left: 17px; right: unset; }
  .lang-rtl .txt-lft { text-align: right; }
  .lang-rtl .txt-rght { text-align: left; }
  .lang-rtl .zwc-video-cta { padding: 14px 32px 14px 44px; }
  .lang-rtl .zwc-feature-left { border-left: 1px solid #cecece; border-right: unset; }
  .lang-rtl .zwc-sticky-wrap { padding: 100px 0 50px 0; }
  .lang-rtl .zwc-sticky-wrap ul li a { padding: 14px 54px 14px 0; }
  .lang-rtl .zwc-sticky-wrap ul li a:before { right: 25px; left: unset; }
  .lang-rtl .zwc-feature-content { padding: 80px 0 100px 0; }
  .lang-rtl .zwc-apps-grid li { text-align: center; }
  .lang-rtl .zwc-apps-grid li .zwc-apps:before { transform: scale(.6) translate(-1px, 1px); right: 1px; left: unset; }
  .lang-rtl .zfea-grid-secondary .art-wrk-main.artwrk-space { padding: 0 36px 0 0; }
  .lang-rtl span.bg-overlay { right: -75px; left: unset; }
  .lang-rtl .txt-cntr, .lang-rtl .zwc-app-label { text-align: center; }
  .lang-rtl .txt-cntr *, .lang-rtl .zwc-app-label * { text-align: center; }

@media(min-width: 1440px) {
    .zwc-bottom-wrap {
        border-radius: 200px 200px 0 0
    }
}

@media(max-width: 1440px) {
    .zw-template-inner .content-wrap {
        width: 1140px;
    }

    :root {
        --h1-size: 40px;
        --h2-size: 32px;
        --h3-size: 26px;
        --h4-size: 22px;
        --h5-size: 20px;
        --h6-size: 18px
    }



    .d-blck {
        display: inline
    }

    .zwc-feature-right.zcol-9 {
        max-width: calc(75% - 6px);
        flex-basis: calc(75% - 6px);
    }
}

@media(max-width: 1199px) {
    .zw-template-inner .content-wrap {
        width: 960px;
    }

    :root {
        --h1-size: 40px;
        --h2-size: 36px;
        --h4-size: 20px;
        --h3-size: 24px
    }

    .zcol-md-pad {
        padding: 100px 0
    }

    .zwc-badge-wrap ul {
        flex-wrap: wrap
    }

    .zwc-feature-right.zcol-9 {
        max-width: calc(74% - 6px);
        flex-basis: calc(74% - 6px)
    }

    .zwc-feature-left.zcol-3 {
        max-width: calc(19% - 6px);
        flex-basis: calc(19% - 6px)
    }

    .zwc-sticky-wrap {
        border-radius: 0;
        box-shadow: 0 24px 16px -16px #0000001F;
        padding: 56px 0 50px 16px;
        margin-bottom: 20px;
    }

    .zwc-bottom-wrap .zwc-title-wrap h2 {
        color: #000;
        font-size: 36px
    }

    .zwc-features-list ul li h3 {
        font-size: 21px;
    }

    .zwc-features-wrap.zcol-md-pad {
        padding: 0;
    }
  .lang-rtl .zcol-md-pad { padding: 100px 0; }
  .lang-rtl .zwc-sticky-wrap { padding: 56px 16px 50px 0; }
  .lang-rtl .zwc-features-wrap.zcol-md-pad { padding: 0; }
}

@media(max-width: 1024px) {
    .zwc-features-list ul li.zcol-4 {
        max-width: calc(50% - 10px);
        flex-basis: calc(50% - 10px);
    }

    .zwc-features-list ul li h3 {
        font-size: 20px;
    }

    .zwc-features-list ul li h3 {
        max-width: 90%;
    }
}

@media(max-width: 991px) {
    .zw-template-inner .content-wrap {
        width: 720px;
    }

    :root {
        --h1-size: 32px;
        --h2-size: 28px;
        --h3-size: 20px;
        --h4-size: 18px;
        --h5-size: 10px;
        --h6-size: 2px
    }

    .d-blck {
        display: inline
    }

    .zcol-md-1 {
        max-width: calc(8.33% - 10px);
        flex-basis: calc(8.33% - 10px)
    }

    .zcol-md-2 {
        max-width: calc(16.67% - 10px);
        flex-basis: calc(16.67% - 10px)
    }

    .zcol-md-3 {
        max-width: calc(25% - 10px);
        flex-basis: calc(25% - 10px)
    }

    .zcol-md-4 {
        max-width: calc(33.33% - 10px);
        flex-basis: calc(33.33% - 10px)
    }

    .zcol-md-5 {
        max-width: calc(41.67% - 10px);
        flex-basis: calc(41.67% - 10px)
    }

    .zcol-md-6 {
        max-width: calc(50% - 10px);
        flex-basis: calc(50% - 10px)
    }

    .zcol-md-7 {
        max-width: calc(58.33% - 10px);
        flex-basis: calc(58.33% - 10px)
    }

    .zcol-md-8 {
        max-width: calc(66.67% - 10px);
        flex-basis: calc(66.67% - 10px)
    }

    .zcol-md-9 {
        max-width: calc(75% - 10px);
        flex-basis: calc(75% - 10px)
    }

    .zcol-md-10 {
        max-width: calc(83.33% - 10px);
        flex-basis: calc(83.33% - 10px)
    }

    .zcol-md-11 {
        max-width: calc(91.67% - 10px);
        flex-basis: calc(91.67% - 10px)
    }

    .zcol-md-12 {
        max-width: calc(100% - 10px);
        flex-basis: calc(100% - 10px)
    }

    .zwc-btn-wrap .act-btn.cta-btn,
    .zwc-video-cta {
        padding: 13px 28px;
        font-size: 14px
    }

    .zwc-top-wrap.zwc-title p {
        font-size: 16px;
        max-width: 80%;
        margin: auto auto 30px;
    }

    .zcol-md-pad {
        padding: 60px 0
    }

    .zwc-video-cta:after {
        right: 4px;
    }
    .zwc-features-wrap.zcol-md-pad{
        padding: 60px 0;
    }
    .zwc-feature-left.zcol-3,
    .zwc-feature-right.zcol-9 {
        flex-basis: calc(100% - 0px);
        max-width: calc(100% - 0px);
        width: 100%
    }

    .zwc-feature-left {
        position: sticky;
        top: 0;
        z-index: 1;
        border-right: 0
    }

    .zwc-sticky-wrap ul {
        margin-top: 24px;
        justify-content: space-around;
        display: flex
    }

    .zwc-sticky-wrap h4 {
        max-width: max-content;
        font-size: 20px
    }

    .zwc-sticky-wrap {
        padding: 10px 10px 0px;
        border-radius: 0;
        margin-bottom: 0;
    }

    .zwc-sticky-wrap ul li a {
        font-size: 15px;
        padding: 14px 20px 14px 32px;
        border-radius: 4px
    }

    .zwc-sticky-wrap ul li a {
        display: inline-block
    }

    .zwc-sticky-wrap ul li.active {
        border-radius: 4px
    }

    .zwc-sticky-wrap ul li a:before {
        left: 6px
    }

    .zwc-feature-content {
        padding: 48px 10px 80px
    }

    .zwc-feature-content:last-child {
        padding-bottom: 0;
    }

    .zwc-top-wrap .lhs .tagline {
        font-size: 16px
    }

    .zwc-cont-grid h3 {
        font-size: 20px
    }

    .zwc-cont-grid p {
        font-size: 15px
    }

    .zfea-grid-secondary .art-wrk-main {
        padding: 24px 10px 24px 10px
    }

    .art-wrk-main {
        padding: 24px 16px 24px
    }

    .zwc-bottom-wrap .zwc-title-wrap h2 {
        font-size: 28px;
        max-width: 500px;
        margin: auto auto 20px
    }

    .zbtm-creative {
        display: none
    }

    .zwc-bottom-wrap .zcol-6 {
        max-width: calc(100% - 10px);
        flex-basis: calc(100% - 10px)
    }

    .zwc-bottom-wrap .lhs {
        text-align: center;
        z-index: 1;
        position: relative
    }

    .zwc-sticky-wrap h2 {
        font-size: 20px;
    }

    .zwc-sticky-wrap ul {
        margin-top: 10px;
    }

    span.bg-overlay {
        display: none;
    }

    #tab6 ul {
        margin-top: 24px;
    }
  .lang-rtl .zwc-btn-wrap .act-btn.cta-btn, .lang-rtl .zwc-video-cta { padding: 13px 28px; }
  .lang-rtl .zwc-top-wrap.zwc-title p { margin: auto auto 30px; }
  .lang-rtl .zcol-md-pad { padding: 60px 0; }
  .lang-rtl .zwc-video-cta:after { left: 4px; right: unset; }
  .lang-rtl .zwc-features-wrap.zcol-md-pad { padding: 60px 0; }
  .lang-rtl .zwc-feature-left { border-left: 0; border-right: unset; }
  .lang-rtl .zwc-sticky-wrap { padding: 10px 10px 0; }
  .lang-rtl .zwc-sticky-wrap ul li a { padding: 14px 32px 14px 20px; }
  .lang-rtl .zwc-sticky-wrap ul li a:before { right: 6px; left: unset; }
  .lang-rtl .zwc-feature-content { padding: 48px 10px 80px; }
  .lang-rtl .zfea-grid-secondary .art-wrk-main { padding: 24px 10px 24px 10px; }
  .lang-rtl .art-wrk-main { padding: 24px 16px 24px; }
  .lang-rtl .zwc-bottom-wrap .zwc-title-wrap h2 { margin: auto auto 20px; }
  .lang-rtl .zwc-bottom-wrap .lhs { text-align: center; }
  .lang-rtl .zwc-bottom-wrap .lhs * { text-align: center; }
}

@media(max-width: 767px) {
    .zwc-features-list ul li.zcol-4 {
        max-width: calc(100% - 10px);
        flex-basis: calc(100% - 10px);
    }

    .zw-template-inner .content-wrap {
        width: 450px
    }

    .zwc-btn-wrap .act-btn.cta-btn {
        padding: 13px 20px;
        font-size: 14px;
    }

    .zwc-video-cta {
        font-size: 14px;
        padding: 13px 26px 12px 15px;
    }

    .zwc-video-cta:after {
        right: 1px;
    }

    .zcol-1,
    .zcol-2,
    .zcol-3,
    .zcol-4,
    .zcol-5,
    .zcol-6,
    .zcol-7,
    .zcol-8,
    .zcol-9,
    .zcol-10,
    .zcol-11,
    .zcol-12 {
        position: relative;
        flex-basis: calc(100% - 0px);
        max-width: calc(100% - 0px);
        width: 100%
    }

    .in-view-desk {
        display: none
    }

    .in-view-mob {
        display: block
    }

    .flx-row-rvrse {
        flex-direction: column-reverse
    }

    .art-wrk-main {
        max-width: 90%;
        height: auto;
    }

    .zwc-features-grid {
        justify-content: center
    }

    .zwc-feature-left {
        display: none
    }

    .zwc-top-wrap {
        text-align: center
    }

    .zwc-top-wrap .rhs p {
        margin: auto;
        max-width: 90%;
        font-size: 15px;
    }

    .zwc-feature-content {
        padding: 50px 0px
    }

    .zfea-grid-secondary .zwc-feature-content {
        padding: 50px 20px;
    }

    .zwc-main-wrap ul li:not(:last-child),
    .zwc-gap-below {
        margin-bottom: 32px
    }

    .zwc-main-wrap ul li {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center
    }

    .zwc-main-wrap ul li.zcol-12 .art-wrk-main {
        margin: auto auto 30px
    }

    .zwc-apps-grid ul {
        gap: 12px;
        align-items: baseline;
        justify-content: center;
    }

    .zwc-main-wrap .zwc-apps-grid ul li {
        flex-direction: column;
        margin-bottom: 0;
    }

    .zwc-cont-grid {
        text-align: center
    }


    .zwc-cont-grid p {
        margin: auto auto 20px;
        max-width: 90%;
    }

    .zwc-features-list ul {
        margin-top: 32px;
        text-align: center
    }

    .zwc-features-list ul li p {
        max-width: 500px;
        margin: auto auto 32px
    }

    .zwc-features-list ul li .zfc-icon {
        display: inline-block
    }

    .zwc-bottom-wrap .rhs {
        max-width: 350px
    }

    span.bg-overlay {
        display: none;
    }
  .lang-rtl .zwc-btn-wrap .act-btn.cta-btn { padding: 13px 20px; }
  .lang-rtl .zwc-video-cta { padding: 13px 15px 12px 26px; }
  .lang-rtl .zwc-video-cta:after { left: 1px; right: unset; }
  .lang-rtl .zwc-top-wrap .rhs p { margin: auto; }
  .lang-rtl .zwc-feature-content { padding: 50px 0; }
  .lang-rtl .zfea-grid-secondary .zwc-feature-content { padding: 50px 20px; }
  .lang-rtl .zwc-main-wrap ul li.zcol-12 .art-wrk-main { margin: auto auto 30px; }
  .lang-rtl .zwc-cont-grid p { margin: auto auto 20px; }
  .lang-rtl .zwc-features-list ul,.lang-rtl .zwc-features-list ul * { text-align: center; }
  .lang-rtl .zwc-features-list ul li p { margin: auto auto 32px; }
  .lang-rtl .zwc-top-wrap, .lang-rtl .zwc-cont-grid { text-align: center; }
  .lang-rtl .zwc-top-wrap *, .lang-rtl .zwc-cont-grid * { text-align: center; }
}

@media(max-width: 540px) {
    .zwc-btn-wrap {
        flex-direction: column;
    }
}

@media(max-width: 480px) {
    .zw-template-inner .content-wrap {
        width: 90%;
    }
}